@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* 変数 */
:root {
    --color_white: #ffffff;
    --color_paleblue: #F7FAFC;
/*     --color_main: #061929; */
	--color_main: #5d3000;
    --color_gradation: linear-gradient(#4E5D6B 0,#03111E 100%);
    --padding_l: 160px;
    --padding_m: 144px;
    --padding_s: 96px;
    --font-family_en: "Rajdhani", "Noto Sans JP", sans-serif;
}

/* 背景 */
.l-contents__body {
    z-index: 0;
}
.l-contents__body::before,
.l-contents__body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.l-contents__body::after {
    background: var(--color_main);
    mix-blend-mode: multiply;
    opacity: 0.8;
    z-index: -1;
}
.l-contents__body::before {
    background-image: url(https://hirata-kaitai.com/wp-content/uploads/2024/07/noise.jpg);
    background-repeat: repeat;
}
main.l-contents__main {
    z-index: 10;
}

/* 投稿カテゴリー */
.c-entry-summary__term {
    font-size: 0.875rem !important;
}

/* 基本設定 */
.l-contents {
    color: var(--color_white);
}

/* ページ余白 */
.l-contents__inner:last-child {
    /* padding-bottom: 0; */
}
.archive .l-contents__inner {
    margin-bottom: var(--contents--gap);
    margin-top: var(--contents--gap);
}

body {
    font-size: 1.0625rem;
    font-weight: 500;
}
ul {
    padding-left: 0;
}
li {
    list-style: none;
}
.pt_0{
	padding-top:0!important;
}
.pt_10{
	padding-top:10px!important;
}
.pb_0{
	padding-bottom:0!important;
}
.pb_10{
	padding-bottom:10px!important;
}
.mt_0{
	margin-top:0!important;
}
.mb_0{
	margin-bottom:0!important;
}
.mr_0{
	margin-right: 0!important;
}
.ml_0{
	margin-left: 0!important;
}
.mt_10{
	margin-top:10px!important;
}
.mb_10{
	margin-bottom:10px!important;
}
.z_0 {
    z-index: 0;
}
.z_1 {
    z-index: 1;
}
.z_10 {
    z-index: 10;
}
.p_ab{
	position: absolute;
}
.p_rel{
	position: relative;
}
.d_flex{
	display:flex;
}
.d_flex.f_wrap {
    flex-wrap: wrap;
}
.inline_b{
	display:inline-block;
}
.pc_none {
    display: none;
}
.js_sb{
	justify-content:space-between;
}
.js_fs{
	justify-content:flex-start;
}
.of_hd{
	overflow: hidden;
}
.border_pink {
    border-bottom: 2px solid #ed7780!important;
}
.mincho{
	font-family: "Zen Antique Soft", serif;
}
.maru{
	font-family: 'Zen Maru Gothic', serif;
}
.smb-panels__item__action>a:focus:after {
    outline: none;
    outline-offset: 0px;
}
.tate{
	writing-mode: vertical-rl;
}
/* 基本設定 終わり*/

/* テーブル */
table,
tbody{
    display: block;
    width: 100%;
}
tr {
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(6, 25, 41, 0.25);
}

figure.wp-block-table tr td:first-child {
	background-color: rgba(255, 255, 255, 0.1);
    width: 30%;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.1rem;
	color: #fff;
}
figure tr td:last-child {
    width: 70%;
    border-right: 1px solid #eee;
    padding-left: 1.2rem;
}
figure.wp-block-table tr td {
    border: none;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 1rem;
	font-weight: 500;
}
figure.wp-block-table tr:first-child{
		border-top: 1px solid #fff;
}
@media(max-width:640px){
	figure.wp-block-table tr td:first-child,
	figure tr td:last-child {
		width:100%;
	}
	figure.wp-block-table tr td:first-child{
        text-align: left;
        background-color: #ffffff73;
        border-right: 1px solid var(--color_white);
        border-left: 1px solid var(--color_white);
        box-sizing: border-box;
        border-bottom: none;
	}
	figure.wp-block-table tr:first-child {
        border-top: 1px solid var(--color_white);
    }
	figure tr td:last-child {
        border-bottom: none;
        border-right: 1px solid var(--color_white);
        border-left: 1px solid var(--color_white);
        box-sizing: border-box;
        background-color: transparent;
    }
	figure.wp-block-table tr:last-child {
        border-bottom: 1px solid #fff;
    }
}
/* テーブル 終わり*/

/* ボタン */
a.smb-btn:hover {
    filter: brightness(100%);
}
.btn .smb-btn__label {
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 1.125rem;
}
.btn .smb-btn {
    position: relative;
    display: inline-block;
    font-size: 1.25rem;
    border-radius: 1000px;
    border-width: 2px !important;
    overflow: hidden;
}
.btn .smb-btn::before {
    content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	width: 100%;
	height: 100%;
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}
.btn .smb-btn:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}

.btn.transparent_white .smb-btn {
    color: var(--color_white);
    border-color: var(--color_white);

}
.btn.transparent_white .smb-btn::before {
    background-color: var(--color_white);
}
.btn.transparent_white .smb-btn:hover {
    color: var(--color_main);
}

.btn.transparent_navy .smb-btn {
    color: var(--color_main);
    border-color: var(--color_main);
}
.btn.transparent_navy .smb-btn::before {
    background-color: var(--color_main);
}
.btn.transparent_navy .smb-btn:hover {
    color: var(--color_white);
}

.btn.fill_navy .smb-btn {
    color: var(--color_white);
    background-color: var(--color_main);
    border-color: var(--color_main);
}
.btn.fill_navy .smb-btn::before {
    background-color: var(--color_white);
}
.btn.fill_navy .smb-btn:hover {
    color: var(--color_main);
}




/* グローバルナビ */
header .l-header__content {
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 24px;
/*     background: var(--color_paleblue); */
    background: #FFFEFD;
/* 	box-shadow: 0px 0px 5px 0px rgba(6, 25, 41, 0.35); */
}
header .l-header__content {
    color: var(--color_main);
}

/* ロゴ */
header .l-1row-header__branding {
    padding-top: 0;
    padding-bottom: 0;
}
header .c-site-branding__title {
    line-height: 1;
}
header .c-site-branding__title > a.custom-logo-link {
    display: block;
    width: clamp(172px, calc(129.71428571428572px + 13.214285714285715vw), 320px);
}
header .c-site-branding__title > a.custom-logo-link > img {
    width: 100%;
}

/* ナビ */
.l-1row-header .c-fluid-container {
    padding-right: 0;
}
.p-global-nav .c-navbar__item > a {
    font-weight: 500;
}
.p-global-nav .c-navbar__item > a > span {
    gap: 4px;
}
.p-global-nav .c-navbar__item > a > span .svg-inline--fa {
    font-size: 1.35em;
}

[data-scrolled=false] .l-header--sticky-overlay-colored-lg .p-global-nav .c-navbar__item>a {
    /* color: #fff; */
} 
.p-global-nav .c-navbar__item.header_cta>a{
	background-color:var(--wp--preset--color--sm-sub-accent);
    color: var(--color_white);
}
ul#menu-g_nav {
    height: 80px;
}
.p-global-nav .c-navbar__item[aria-haspopup=true]:before{
	display : none;
}
li.g_nav_sab {
    border-bottom: 1px solid #ffffff80;
}
.p-global-nav .c-navbar__item.header_cta>a:hover {
    opacity: 0.9;
    transition: 0.5s;
}

@media(max-width:1280px){
	[data-scrolled=false] .l-header--sticky-overlay-colored-lg .p-global-nav .c-navbar__item>a {
        color: #fff;
        padding-right: 15px;
        padding-left: 15px;
    }  
}
@media (min-width: 1024px) and (max-width:1280px){
.l-1row-header__branding {
        max-width: 250px;
    }	
}
@media (max-width: 1023px){
    .l-1row-header .c-fluid-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .l-header--sticky-overlay-sm .c-hamburger-btn__bar {
        background-color: var(--color_main);
    }

	ul#menu-sp_nav{
		display: flex;
		flex-wrap: wrap;
		max-width: 780px;
		margin-left: auto;
		margin-right: auto;
		justify-content: space-between;
	}
	ul#menu-sp_nav li {
        width: 48%;
        font-size: 1rem;
    }	
    ul#menu-sp_nav li.w_100 {
        width: 100%;
        /* margin-bottom: var(--_padding-2); */
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        position: relative;
    }
    ul#menu-sp_nav li.w_100::after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    ul#menu-sp_nav li.sp_menu_cta {
        text-align: center;
        background-color: #fff;
        color:var(--wp--preset--color--sm-accent);
    }
    ul#menu-sp_nav li.sp_menu_cta.tel {
        font-family: 'EB Garamond';
        font-size: 1.4rem;
    }
    ul#menu-sp_nav li.sp_menu_cta.con {
        font-family: 'Zen Antique Soft';
        font-size: 1.2rem;
    }
    ul#menu-sp_nav li.sp_menu_cta {
        text-align: center;
        background-color: #fff;
        color:var(--wp--preset--color--sm-accent);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 10px;
        line-height: 1;
    }
    ul#menu-sp_nav li.sp_menu_cta a svg {
        display: block;
        margin-right: 0;
        width: 100%;
        font-size: 1.1rem;
        margin-bottom: 7px;
    }
}
/* グローバルナビ終わり */

/* ドロワーメニュー */
    .c-drawer__inner {
        position: relative;
    }
    .c-drawer__inner::before {
        content: "";
        display: block;
        background-image: url(https://hirata-kaitai.com/wp-content/uploads/2024/07/d_logo.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 240px;
        height: 26px;
        position: absolute;
        right: 3%;
        bottom: 3%;
        opacity: 0.45;
    }
    .c-drawer__inner ul#menu-drawer_nav {
        font-size: 1.125rem;
        margin-top: 10%;
    }
    .c-drawer__inner ul#menu-drawer_nav .svg-inline--fa {
        margin-right: 4px;
    }
    /* .c-drawer__inner #menu-drawer_nav > li.menu-item:not(:last-of-type) {
        padding-left: 1em;
    } */
    .c-ic-angle-right:before {
        border-width: 2px 2px 0 0;
        height: .6em;
        width: .6em;
    }

    .c-drawer__inner .d_tell {
        background-color: var(--color_white);
        color: var(--wp--preset--color--sm-accent);
        margin-top: 16px;
        text-align: center;
		border-radius: 50px;
    }

    .c-drawer__inner .d_tell2 {
        background-color: var(--wp--preset--color--sm-accent);
        color: var(--color_white);
        margin-top: 16px;
        text-align: center;
		border: solid 1px #fff; 
		border-radius: 50px;
    }

/* ドロワーメニュー終わり */

/* フッター */
footer.l-footer--footer-2 {
    z-index: 10;
    color: var(--color_main);
    background-color: var(--color_paleblue);
}
footer.l-footer--footer-2 .l-footer__header {
    padding-bottom: 0;
}
footer.l-footer--footer-2 .l-footer__body {
    border-top: none;
}
footer.l-footer--footer-2 .l-footer__footer {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: var(--color_paleblue);
}
footer .l-footer__footer .c-row {
    justify-content: center;
}
footer .l-footer__copyright {
	text-align: center;
}
/* ボタン */
.footer_btn .smb-btn {
    width: 220px;
}

.footer_btn .smb-btn__label {
    display: flex;
    align-items: center;
    gap: 4px;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: var(--wp--preset--color--sm-accent) !important;
}
.wp-block-social-links .wp-social-link svg {
    width: 1.25em;
    height: 1.25em;
}
.wp-block-social-links .wp-social-link:hover {
    filter: brightness(1.15);
    transform: scale(1);
    transition: .5s all;
}
/* メニュー */
footer .menu a {
    padding: 4px 8px;
    position: relative;
}
footer .menu a:hover {
    text-decoration: none;
    color: var(--color_white);
}
footer .menu a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--color_main);
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    z-index: -1;
}
footer .menu a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}
/* フッター終わり */


/* ==========================================================
-------------- トップページ -------------- 
========================================================== */
/* 共通設定 */
/* 見出し */
.heading_cover {
    gap: 16px;
}
.heading_cover h2 {
    font-size: clamp(2rem, 5vw, 4.2rem);
    line-height: 1.25;
/*     font-weight: 300; */
	font-weight: 300;
}
.heading_cover .en_cover {
    gap: 8px;
    flex-wrap: wrap !important;
}
.heading_cover .heading_en {
    font-family: var(--font-family_en);
/*     font-weight: 700; */
    font-weight: 700;

/* 	font-size: clamp(3rem, calc(2.7142857142857144rem + 1.4285714285714286vw), 4rem); */
	font-size: clamp(2rem, calc(2.7142857142857144rem + 1.4285714285714286vw), 3rem);
    color:transparent;
    -webkit-text-stroke: 0.5px var(--color_white);
    line-height: 1;
}
.heading_cover .section_btn .smb-btn {
    font-size: 1.25rem;
    color: var(--color_white);
    border-color: var(--color_white);
    border-radius: 1000px;
}
/* ボタン */
.btn_cover {
    margin-top: 64px !important;
}
/* 共通設定終わり */

/* メインビジュアル */
#mv_sect .mv-image_cover {
    width: 94%;
    margin-right: 0 !important;
    clip-path: inset(0 0 round 0 0 0 120px);
    max-height: 95vh;
}
#mv_sect .mv_image .smb-spider-slider--4x3 .smb-spider-slider__figure-wrapper:before {
    padding: 65% 0 0;
}
#mv_sect .mv_text {
    position: absolute;
/*     bottom: 64px; */
    bottom: 120px;
}
#mv_sect .service_list {
    flex-wrap: wrap;
    font-size: clamp(1.375rem, calc(1.25rem + 0.625vw), 1.5rem);  
	font-weight: 600;
/*     text-shadow: 00px 0px 6px rgba(6, 25, 41, 1); */
/*     text-shadow: 00px 0px 6px rgba(6, 25, 41, 0.4); */
       text-shadow: 0px 0px 6px rgba(61, 39, 20, 0.7);
	
 	padding-left: 32px; 
}
#mv_sect .service_list li:not(:first-child) {
    padding-left: 1.175em;
    position: relative;
}
#mv_sect .service_list li:not(:first-child)::before {
    content: "/";
    padding-right: 1.175em;
}
#mv_sect h2 span.bg {
    color: var(--color_white);
/*     background-color: #5D3000; */
    background-color: #462501;

	padding: 8px 32px;
/*     font-size: clamp(2rem, calc(1.0357142857142856rem + 4.821428571428572vw), 5.375rem); */
    font-size: clamp(1rem, calc(1.0357142857142856rem + 4.821428571428572vw), 4.375rem);
	font-weight: 700;
    line-height: 1;
    display: inline-block;
    position: relative;
    animation: clip-text 0.5s ease-in-out forwards;
}
#mv_sect h2 span.bg::before {
    content: "";
    display: block;
    background-color: var(--color_white);
    position: absolute;
    inset: 0;
    animation: clip-cover 0.5s ease-in-out forwards;
    animation-delay: 0.5s;
}
@keyframes clip-text {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
@keyframes clip-cover {
    from {
        clip-path: inset(0 0 0 0);
    }
    to {
        clip-path: inset(0 0 0 100%);
    }
}
/* メインビジュアル終わり */

/* HIRATAの解体工事 */
#service_sect {
    padding-top: var(--padding_l);
}

#service_sect .heading_cover {
    padding-left: 2rem;
    padding-right: 2rem;
}

#service_sect .service_cover {
    margin-top: var(--padding_s);
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
#service_sect .service_link:nth-of-type(1) {
    grid-area: 1 / 1 / 3 / 3;
}
#service_sect .service_link:nth-of-type(2) {
    grid-area: 1 / 3 / 2 / 4;
}
#service_sect .service_link:nth-of-type(3) {
    grid-area: 2 / 3 / 3 / 4;
}
#service_sect .service_link:nth-of-type(4) {
    grid-area: 3 / 1 / 4 / 2; 
}
#service_sect .service_link:nth-of-type(5) {
    grid-area: 3 / 2 / 4 / 3;
}
#service_sect .service_link:nth-of-type(6) {
    grid-area: 3 / 3 / 4 / 4;
}
#service_sect figure a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color_main);
    mix-blend-mode: multiply;
    opacity: 0.65;
    z-index: 1;
    transition: 0.65s all;
}
#service_sect figure a:hover::before {
    opacity: 0.2;
}
#service_sect .service_text {
    position: absolute;
    bottom: 32px;
    padding: 0 32px;
    z-index: 10;
}
#service_sect .service_text h3 {
    font-size: clamp(1.5rem, calc(1.3571428571428572rem + 0.7142857142857143vw), 2rem);
    text-align: center;
}
#service_sect .service_text a {
    color: var(--color_white);
    text-decoration: none;
}
/* HIRATAの解体工事終わり */

/* 施工実績 */
#works_sect {
    padding-top: var(--padding_m);
    padding-bottom: var(--padding_l);
}
#works_sect .works_list {
    margin-top: var(--padding_s);
}
/* 施工実績終わり */

/* 代表挨拶 */
#greeting_sect {
    padding-top: var(--padding_m);
    padding-bottom: var(--padding_s);
    color: var(--color_main);
}
#greeting_sect .greeting_copy {
    color: var(--color_white);
    font-size: clamp(1.25rem, calc(1.1rem + 0.75vw), 2rem);
    font-weight: 500;
    line-height: 2;
    z-index: 10;
}
#greeting_sect .greeting_copy span.bg {
    padding: 4px 8px;
    background-color: var(--color_main);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
#greeting_sect .greeting_copy .large {
    font-size: 1.25em;
    margin-bottom: 8px;
}
#greeting_sect .greeting_text_cover {
    margin-top: 40px;
}
#greeting_sect .greeting_illust {
    position: absolute;
    right: -20px;
    bottom: -64px;
    width: 28%;
}
#greeting_sect h3 {
    font-size: 2rem;
}
#greeting_sect .name {
    font-size: 1.25rem;
}
#greeting_sect .license_cover {
    margin-top: var(--padding_s);
}
#greeting_sect .license_cover .license-text_cover{
    padding-left: 32px;
    margin-top: 32px;
}
#greeting_sect .license_cover .license-text_cover::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.75rem;
    left: 0;
    width: 120%;
    height: 105%;
    background-color: var(--color_white);
}
#greeting_sect .license_head {
    margin-bottom: var(--_margin-2);
}
/* 代表挨拶終わり */

/* 対応地域 */
#area_sect {
    padding-top: var(--padding_m);
    padding-bottom: var(--padding_m);
}
#area_sect .text_cover {
    color: var(--color_main);
    padding-left: var(--_container-margin-left);
    padding-right: var(--_container-margin-right);
    position: absolute;
    top: 8%;
    left: 0;
    z-index: 10;
}
#area_sect p {
    font-size: clamp(1rem, calc(0.7142857142857143rem + 1.4285714285714286vw), 2rem);
}
#area_sect h2 {
    font-size: clamp(1.0625rem, calc(0.7589285714285714rem + 1.5178571428571428vw), 2.125rem);
    line-height: 1.5;
}
#area_sect h2 span.large {
    color: var(--wp--preset--color--sm-accent);
    font-size: 1.25em;
}
#area_sect .area_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.25;
}
#area_sect .map_image {
    width: 65%;
}
#area_sect .deco_1,
#area_sect .deco_2,
#area_sect .deco_3 {
    position: absolute;
}
#area_sect .deco_1 {
    width: clamp(102px, calc(37.42857142857143px + 20.17857142857143vw), 328px);
    transform: rotate(17deg);
    top: 28%;
    right: 0;
}
#area_sect .deco_2 {
    width: clamp(204px, calc(66.52503793626707px + 17.602427921092563vw), 320px);
    transform: rotate(-9deg);
    bottom: 28%;
    left: 0;
}
#area_sect .deco_3 {
    width: clamp(70px, calc(32.857142857142854px + 11.607142857142858vw), 200px);
    bottom: 0;
    right: 14%;
}
/* 対応地域終わり */

/* 採用情報 */
#recruit_sect {
    padding-bottom: 0;
}
#recruit_sect .recruit_inner {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_l);
    padding-left: var(--_container-margin-left);
    padding-right: var(--_container-margin-right);
}
#recruit_sect .lead1 span.bg,
#recruit_sect .lead2 span.bg {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background-color: var(--color_white);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
#recruit_sect .lead1 {
    font-size: clamp(2rem, calc(1.8571428571428572rem + 0.7142857142857143vw), 2.5rem);
}
#recruit_sect .lead2 {
    font-size: clamp(1.25rem, calc(1.1rem + 0.75vw), 2rem);
}

#recruit_sect .conditions_wrapper {
    margin-top: 48px;
}
#recruit_sect .ceo_image {
    width: clamp(96px, calc(86.85714285714286px + 2.857142857142857vw), 128px);
}
#recruit_sect .conditions_cover {
    color: var(--color_white);
    filter: drop-shadow(0 0 6px var(--color_main));
}
#recruit_sect .conditions_cover figure{
    max-width: 134px;
}
#recruit_sect .conditions_cover p {
    margin-top: 16px;
}
#recruit_sect .merit_item {
    padding: 24px 16px;
    border-radius: 0 30px 0 30px;
    border: solid 2px var(--color_main);
}
#recruit_sect .h3_cover {
    /* height: calc(4em + 40px + 16px); */
}
#recruit_sect .h3_cover h3 {
    font-size: clamp(1.0625rem, calc(0.5900702987697716rem + 0.9666080843585236vw), 1.75rem);
}
#recruit_sect .h3_cover figure {
    width: 40px;
}
#recruit_sect .merit_item ul {
    margin-top: 16px;
    padding: 0 8px;
}
#recruit_sect .merit_item li {
    position: relative;
    font-size: clamp(1rem, calc(0.95rem + 0.25vw), 1.25rem);
    padding-left: 1.275em;
}
#recruit_sect .merit_item li::before {
    content: "";
    position: absolute;
    top: 0.35em;
    left: 0;
    background-image: url(https://hirata-kaitai.com/wp-content/uploads/2024/07/check.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1em;
    height: 1em;
}

#recruit-image_sect {
    display: block;
    height: 22.9166666667vw;
}
#recruit-image_sect .image_cover {
    position: absolute;
    top: -64px;
}
#recruit-image_sect .recruite_image {
    border: solid 2px var(--color_main);
}
#recruit-image_sect .recruite_image:nth-of-type(1) {
    width: clamp(280px, calc(208px + 22.5vw), 640px);
    top: 0;
    left: -24px;
}
#recruit-image_sect .recruite_image:nth-of-type(2) {
    width: clamp(240px, calc(176px + 20vw), 560px);
    top: 0;
    left: 0;
    transform: translate(90%, -50%);
}
/* 採用情報終わり */

/* Instagram */
#instagram_sect {
    padding-top: var(--padding_m);
    padding-bottom: var(--padding_m);
}
#instagram_sect .heading_cover {
    margin-bottom: 96px;
}

/* Instagram終わり */

/* お問い合わせ */
#contact_sect {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_s);
}
#contact_sect .lead {
    margin-top: 48px;
    margin-bottom: 48px;
}
#contact_sect .contact_btn {
    text-align: center;
    font-size: clamp(1rem, calc(0.95rem + 0.25vw), 1.25rem);
}
#contact_sect .contact_btn .large {
    font-size: 1.4em;
}
.contact_btn a.smb-btn:hover {
    filter: brightness(1.15);
    transition: .5s all;
}
/* お問い合わせ終わり */
/* ==========================================================
-------------- トップページ終わり -------------- 
========================================================== */


/* ==========================================================
-------------- 下層ページ -------------- 
========================================================== */
/* 下層ページヘッダー */
.c-page-header {
    padding-top: var(--padding_l);
    padding-bottom: 48px;
    background-color: var(--color_main);
}
.c-page-header[data-has-image=true] {
    height: unset;
}
.c-page-header[data-has-image=true] .c-page-header__content {
    color: unset;
}
.c-page-header__bgimage>img, 
.c-page-header__bgimage>picture>img{
	display: none;
}
.page .c-page-header__title,
.archive .c-page-header__title,
.blog .c-page-header__title {
    font-size: clamp(2.5rem, calc(2.071428571428571rem + 2.142857142857143vw), 4rem);
}
/* 下層ページヘッダー終わり */

/* 下層ページ共通 */
.l-contents__container>.p-breadcrumbs-wrapper:first-child {
    padding-top: 16px;
    padding-bottom: 16px;
}
.page .l-contents__inner {
    margin-top: 0;
}
.lower-heading_cover {
    gap: 16px;
    margin-bottom: 56px !important;
}
.lower-heading_cover h2 {
/*     font-size: clamp(2rem, 5vw, 4rem); */
    font-size: clamp(2rem, 7vw, 4rem);
	line-height: 1.25;
    font-weight: 300;
}
.lower-heading_cover .heading_en {
    font-family: var(--font-family_en);
    font-weight: 700;
    font-size: 3rem;
    color:transparent;
    -webkit-text-stroke: 0.75px var(--color_white);
    line-height: 1;
}
.lower-heading_cover .heading_en.color_navy {
    -webkit-text-stroke: 0.75px var(--color_main);
}
/* 下層ページ共通終わり */

/* -------------- 会社概要ページ  --------------*/
/* 代表挨拶 */
.lower-page#greeting_sect {
    padding-top: var(--padding_s);
}
.lower-page#greeting_sect .profile_head {
    border-bottom: solid 1px var(--color_main);
}
.lower-page#greeting_sect  .smb-read-more-box__button {
    background-color: transparent;
    border: solid 2px var(--color_main);
    color: var(--color_main);
    font-weight: 700;
}
/* 代表挨拶終わり */

/* スタッフ紹介 */
#staff_sect {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_s);
}
#staff_sect .name_cover h3 {
    font-size: 2rem;
    margin-bottom: 8px;
}
#staff_sect  .smb-read-more-box__button {
    background-color: transparent;
    border: solid 2px var(--color_white);
    color: var(--color_white);
    font-weight: 700;
}
/* スタッフ紹介終わり */

/* 会社概要 */
#overview_sect {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_s);
}
#overview_sect .profile_table a {
    color: var(--color_white);
}
/* 会社概要終わり */
/* -------------- 会社概要ページ終わり  --------------*/

/* -------------- 施工実績一覧ページ -------------- */
/* ページネーション */
.c-pagination__item-link {
    color: var(--wp--preset--color--sm-accent);
}
.c-entry-summary__term {
    font-size: 1rem;
}
/* ページネーション終わり */
/* -------------- 施工実績一覧ページ終わり -------------- */

/* -------------- 施工実績ページ -------------- */
.c-entry-aside__title:after,
.c-entry-aside__title:before {
    background-color: var(--color_white);
}
/* -------------- 施工実績ページ終わり -------------- */

/* -------------- お知らせページ -------------- */
.c-meta__item.c-meta__item--modified,
.c-meta__item.c-meta__item--author {
    display: none;
}
/* -------------- お知らせページ終わり -------------- */


/* -------------- お問い合わせページ -------------- */
.page-id-23 .l-contents__inner:last-child {
    padding-bottom: 0;
}

/* お問い合わせフォーム */
.wp-block-snow-monkey-forms-item {
    background-color: rgba(255, 255, 255, 0.15);
}
.smf-form--business .smf-item__col--label {
    background-color: var(--wp--preset--color--sm-accent);
}
.smf-item__description {
    background-color: var(--color_white);
    color: var(--wp--preset--color--sm-accent);
    width: fit-content;
    padding: 0 10px;
}
.contact_form .smf-placeholder,
.contact_form .address_ex {
    margin-top: 8px;
}
.contact_form a {
    color: var(--color_white);
}
.form_example {
    color: var(--color_paleblue);
    opacity: 0.65;
}
.contact_form .smf-error-messages {
    color: var(--wp--preset--color--luminous-vivid-amber);
}
#autozip {
    display: none !important;
}

/* プログレスバー */
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__number, [data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number, [data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number, [data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number, [data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__number {
    background-color: var(--wp--preset--color--sm-accent);
}
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__text, [data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text, [data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text, [data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text, [data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__text {
    color: var(--color_white);
}

/* 送信ボタン */
.smf-action .smf-button-control__control {
    background-color: var(--wp--preset--color--sm-accent);
    border-radius: 50px;
    border: 2px solid var(--wp--preset--color--sm-accent);
    font-family: inherit;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 3px;
    width: 100%;
    max-width: 400px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-image: none;
}

/* 確認プログレスボタン */
.smf-action .smf-button-control__control[data-action="back"] {
    background-color: var(--color_white);
    color: var(--wp--preset--color--sm-accent);
}
.smf-button-control {
    margin-left: 0 !important;
}
.smf-action .smf-button-control__control {
    margin-top: 24px;
}
/* お問い合わせフォーム終わり */
/* -------------- お問い合わせページ終わり -------------- */

/* -------------- 採用情報ページ -------------- */
.page-id-82 .l-contents__inner:last-child {
    padding-bottom: 0;
}

.lower-page#recruit_sect .recruit_inner {
    padding-bottom: var(--padding_s);
}

/* 求める人物像 */
#person_sect {
    color: var(--color_main);
}

#person_sect .lead_cover {
    margin-bottom: 48px;
}
#person_sect .lead1 span.bg,
#person_sect .lead2 span.bg {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background-color: var(--color_white);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
#person_sect .lead1 {
    font-size: clamp(2rem, calc(1.8571428571428572rem + 0.7142857142857143vw), 2.5rem);
}
#person_sect .lead2 {
    font-size: clamp(1.25rem, calc(1.1rem + 0.75vw), 2rem);
}

#person_sect .call_cover {
    gap: 8px;
}
#person_sect .call_cover figure {
    width: 64px;
}
#person_sect .call_cover p {
    font-size: clamp(1.5rem, calc(1.3571428571428572rem + 0.7142857142857143vw), 2rem);
}
#person_sect .person-item_cover {
    gap: 64px;
}
#person_sect .person_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#person_sect .person_item p {
    font-size: clamp(1rem, 1.2vw, 1.125rem);
    flex-grow: 1;
    white-space: nowrap;
}
#person_sect .person_item p span.cover {
    display: flex;
    gap: 14px;
    align-items: center;
}
#person_sect .person_item p span.cover::before,
#person_sect .person_item p span.cover::after{
  content: "";
  display: inline-block;
  background: #fff;
  width: 2px;
  height: 1.375rem;
  /* position: absolute;
  bottom: 5px; */
}
#person_sect .person_item p span.cover::before{
  /* left: -20px; */
  transform: rotate(-30deg);
}
#person_sect .person_item p span.cover::after{
  /* right: -20px; */
  transform: rotate(30deg);
}
#person_sect .person_item figure {
    position: relative;
    box-shadow: 8px 8px 0 var(--color_main);
    margin-top: 16px;
}

#person_sect .risence_cover {
    margin-top: 96px;
}
#person_sect .risence_lead {
    font-size: 1.5rem;
}
#person_sect .risence_ex {
    font-size: 1.25rem;
}
#person_sect .risence_ex span {
    padding: 8px;
    color: var(--color_white);
    background-color: var(--color_main);
}
#person_sect .risence-list_cover {
    padding: 32px;
    background-color: var(--color_white);
}
#person_sect .risence-list_cover li {
    list-style: inside;
}
#person_sect .risence-list_cover li:last-of-type {
    list-style: none;
}
#person_sect .risence_deco {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29%;
}

#person_sect .balloon_text {
    font-size: clamp(1.125rem, calc(0.875rem + 1.25vw), 2rem);
    padding: 1.25em;
    border-radius: 16px;
    position: relative;
}
#person_sect .balloon_text::before {
    content: "";
	display: none;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid var(--color_white);
}
#person_sect .balloon_image {
    width: 128px;
}

/* 求める人物像終わり */

/* 募集要項 */
#job-description_sect {
    padding-top: var(--padding_s);
}
#job-description_sect h2 {
    padding: 8px 0;
    text-align: center;
    color: var(--color_main);
    background-color: var(--color_white);
}

#job-description_sect .wp-block-table table {
    line-height: 2;
}
#job-description_sect .wp-block-table td{
    padding: 1.5rem;
}
/* 募集要項終わり */

/* 採用までの流れ */
#flow_sect {
    padding-bottom: var(--padding_s);
}
#flow_sect .flow_cover p {
    font-size: 1.125rem;
    line-height: 2;
}
#flow_sect .flow_cover p > a {
    color: var(--color_white);
}
#flow_sect .flow_cover .smb-step__item__title span {
    font-size: 1.75rem;
}
#flow_sect .flow_cover .smb-step__item__number {
    background-color: var(--color_white);
    color: var(--wp--preset--color--sm-accent);
    font-size: 1rem;
    font-weight: 700;
}
#flow_sect .contact_btn {
    text-align: center;
}
#flow_sect .contact_btn span.large {
    display: flex;
    align-items: center;
    gap: 4px;
}
/* 採用までの流れ終わり */
/* -------------- 採用情報ページ終わり -------------- */

/* -------------- 事業内容ページ -------------- */
.page-id-21 .l-contents__inner {
    padding-bottom: 0;
}

/* 事業内容 */
#business_sect h2 {
/*     font-size: clamp(2rem, calc(1.4285714285714286rem + 2.857142857142857vw), 4rem); */
    font-size: clamp(2rem, calc(1.4285714285714286rem + 1.6vw), 4rem);
	font-weight: 400;
    margin-bottom: 48px;
}
#business_sect h2 span.bg {
    padding: 0 8px;
    color: var(--color_main);
    background-color: var(--color_white);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

#business_sect .text_cover {
    font-size: 1.25rem;
    line-height: 2;
}

#business_sect .btn .smb-btn {
    text-align: center;
    width: 304px;
    padding: 1rem;
}
#business_sect .btn .smb-btn__label {
    gap: 12px;
}
/* 事業内容終わり */

.page-id-21 .heading_en {
    font-size: 2.5rem;
}

/* 各種事業内容 */
/* プラント設備解体 */
#business1 {
    padding-top: var(--padding_s);
    padding-bottom: 40px;
}

#business1 .business_text {
    font-size: 1.125rem;
}
#business1 .text {
    line-height: 2;
}

#business1 .plant-detail_cover {
    margin-top: 64px;
}
#business1 .plant-detail_cover .main_image {
    box-shadow: 8px 8px 0 var(--color_white);
    border: solid 2px var(--color_white);
}
#business1 .plant_detail h3 {
    font-size: 1.5rem;
    color: var(--color_main);
    background-color: var(--color_white);
    padding-left: 8px;
    margin-bottom: 16px;
}
#business1 .plant_detail .wp-block-columns {
    gap: 16px;
}
#business1 .plant_detail .wp-block-columns:last-of-type {
    margin-top: 64px;
}

#business1 .plant-list_cover h3 span.bg {
    background-color: var(--color_main);
    padding: 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
#business1 .plant-list_cover ul {
    column-gap: 24px;
    row-gap: 16px;
    flex-wrap: wrap;
    color: var(--color_main);
    font-size: 1.125rem;
}
#business1 .plant-list_cover ul:last-of-type {
    margin-top: 16px;
}
/* プラント設備解体終わり */

/* 解体メニュー */
#business2 {
    padding-top: var(--padding_s);
    padding-bottom: 40px;
}
#business3 {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_s);
}
#business4,
#business5,
#business6 {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_s);
}

.dismantling_detail {
    align-items: flex-end !important;
}
.dismantling_detail  .dismantling-text_wrap {
    flex-basis: 50%;
}
.dismantling_detail  .dismantling-text_wrap .lower-heading_cover {
    margin-bottom: 0 !important;
}
.dismantling_detail  .dismantling-text_cover {
    padding-top: 32px;
    padding-bottom: 40px;
    color: var(--color_main);
}
.dismantling_detail .dismantling-text_cover::before {
    content: "";
    display: block;
    width: calc(100% + 100vw);
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -75%;
    background-color: var(--color_white);
    opacity: 0.95;
}
.dismantling_detail.reverse .dismantling-text_cover::before {
    right: auto;
    left: -75%;
}
.dismantling_detail  .dismantling-image_cover {
    flex-basis: 50%;
    margin-bottom: 40px;
    z-index: 10;
}
.dismantling_detail  .dismantling-image_cover figure {
    border: solid 2px var(--color_main);
    box-shadow: 8px 8px 0 var(--color_main);
}
/* 解体メニュー終わり */

/* 施工実績 */
.lower-page#works_sect {
    padding-top: var(--padding_s);
    padding-bottom: var(--padding_m);
}
.lower-page#works_sect .works_list {
    margin-top: 0;
}
/* 施工実績終わり */

/* 対応地域 */
.lower-page#area_sect .text_cover {
    z-index: 10;
}
.lower-page#area_sect .map_image {
    width: 680px;
}
.lower-page#area_sect .deco_1 {
    right: 5%;
    top: 20%;
}
.lower-page#area_sect .deco_2 {
    width: clamp(96px, calc(26.285714285714278px + 21.785714285714285vw), 340px);
    bottom: 30%;
}
.lower-page#area_sect .deco_3 {
    width: clamp(70px, calc(39.714285714285715px + 9.464285714285714vw), 176px);
}
/* 対応地域終わり */

/* お問い合わせ */
.lower-page#contact_sect .lower-heading_cover {
    margin-bottom: 0 !important
}
/* お問い合わせ終わり */
/* -------------- 事業内容ページ終わり -------------- */
/* ==========================================================
-------------- 下層ページ終わり -------------- 
========================================================== */


/* ~~~~~~~~~~~~~~~~~~~~ tablet(1024px ~ 781px) ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 1023px) { 
/* ==========================================================
-------------- トップページ -------------- 
========================================================== */
    /* HIRATAの解体工事 */    
    #service_sect .service_cover {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    #service_sect .service_link:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2;
    }
    #service_sect .service_link:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3;
    }
    #service_sect .service_link:nth-of-type(3) {
        grid-area: 2 / 1 / 3 / 2;
    }
    #service_sect .service_link:nth-of-type(4) {
        grid-area: 2 / 2 / 3 / 3; 
    }
    #service_sect .service_link:nth-of-type(5) {
        grid-area: 3 / 1 / 4 / 2;
    }
    #service_sect .service_link:nth-of-type(6) {
        grid-area: 3 / 2 / 4 / 3;
    }

    /* 代表挨拶 */
    #greeting_sect .greeting_illust {
        right: -16px;
        bottom: -19px;
    }

    #greeting_sect .license_cover .license-text_cover {
        padding-left: 0;
        margin-top: 0;
    }
    #greeting_sect .license_cover .license-text_cover::before {
        width: 110%;
        left: -5%;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~ TAB ~~~~~~~~~~~~~~~~~~~~ */
@media (orientation: portrait) and (max-width: 781px) {
    /* メインビジュアル */
    #mv_sect .service_list {
        padding-left: 8px;
        flex-direction: column;
    }
    #mv_sect .service_list li:not(:first-child) {
        padding-left: 0;
    }
    #mv_sect .service_list li:not(:first-child)::before {
        display: none;
    }
    #mv_sect h2 span.bg {
        line-height: 1.25;
        padding: 8px;
    }
}

@media screen and (max-width: 781px) {
    /* 変数 */
    :root {
        --padding_l: 80px;
        --padding_m: 64px;
        --padding_s: 48px;
    }

    /* 共通 */
    body {
        font-size: 1rem;
    }

    /* ヘッダー */
    header .l-header__content {
        margin-top: 16px;
    }

    /* フッター */
    .c-site-branding__title .custom-logo {
        width: 200px;
    }
/* ==========================================================
-------------- トップページ -------------- 
========================================================== */
    /* 共通 */
    .heading_cover {
        gap: 8px;
    }

    /* メインビジュアル */
    #mv_sect .mv-image_cover {
        clip-path: inset(0 0 round 0 0 0 60px);
        max-height: 85vh;
    }
    #mv_sect .smb-spider-slider--4x3 .smb-spider-slider__figure-wrapper:before {
        padding: 177% 0 0;
    }

    #mv_sect .mv_text {
        bottom: 24px;
    }

    /* HIRATAの解体工事 */
    #service_sect .service_cover {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
    }
    #service_sect .service_link:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2;
    }
    #service_sect .service_link:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 2;
    }
    #service_sect .service_link:nth-of-type(3) {
        grid-area: 3 / 1 / 4 / 2;
    }
    #service_sect .service_link:nth-of-type(4) {
        grid-area: 4 / 1 / 5 / 2;
    }
    #service_sect .service_link:nth-of-type(5) {
        grid-area: 5 / 1 / 6 / 2;
    }
    #service_sect .service_link:nth-of-type(6) {
        grid-area: 6 / 1 / 7 / 2;
    }

    #service_sect .service_link p {
        font-size: 0.9375rem;
    }
    #service_sect figure a:hover::before {
        opacity: 0.4;
    }

    /* 代表挨拶 */
    #greeting_sect .greeting_text_cover {
		flex-direction: column;
    }

    /* 対応地域 */
    #area_sect .text_cover {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
    }
    #area_sect .map_image {
        width: 90%;
    }
    #area_sect .deco_1 {
        top: 31%;
    }
    #area_sect .deco_2 {
        width: 30%;
        bottom: 37%;
    }
    #area_sect .deco_3 {
        right: 6%;
    }

    /* 採用情報 */
    #recruit_sect .conditions_wrapper {
        flex-direction: column-reverse;
    }
    #recruit_sect .conditions_cover p {
        font-size: 0.875rem;
    }

    #recruit_sect .h3_cover {
        flex-direction: column;
    }
    #recruit_sect .h3_cover h3 {
        font-size: 1.25rem;
    }

    #recruit-image_sect {
        height: 200px;
    }

    /* Instagram */
    #instagram_sect .heading_cover {
        margin-bottom: 48px;
    }

    /* お問い合わせ */
    #contact_sect .lead {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    /* ==========================================================
    -------------- 下層ページ -------------- 
    ========================================================== */
    /* 下層ページヘッダー */
    .c-page-header {
        padding-bottom: 24px;
    }

    /* -------------- 事業内容ページ  --------------*/
    #business_sect .text_cover {
        font-size: 1rem;
    }
    
    #business1 .plant_detail .wp-block-columns:nth-of-type(2) {
        flex-direction: column-reverse;
    }
    #business1 .plant-list_cover {
        padding: 24px 16px;
    }    
    #business1 .plant-list_cover ul {
        font-size: 1rem;
    }

    .dismantling_detail {
        flex-direction: column-reverse;
    }
    .dismantling_detail.reverse {
        flex-direction: column;
    }
    .dismantling_detail .dismantling-image_cover {
        margin-bottom: 16px;
    }

    .lower-page#area_sect .deco_1 {
        right: 1%;
        top: 28%;
    }
    .lower-page#area_sect .deco_2 {
        bottom: 39%;
    }

    /* -------------- 採用情報ページ  --------------*/
    #flow_sect .flow_cover {
        padding: 16px;
    }
    #flow_sect .flow_cover p {
        font-size: 1rem;
    }
    #flow_sect .contact_btn span.large {
        flex-direction: column;
        gap: 0;
        margin-top: 8px;
    }
    #flow_sect .contact_btn .svg-inline--fa {
        font-size: 1.25rem;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~ SP ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 639px) {
    /* ==========================================================
    -------------- トップページ -------------- 
    ========================================================== */
    /* 採用情報 */
    #recruit-image_sect .image_cover {
        top: -64px;
    }

    #recruit-image_sect .recruite_image:nth-of-type(2) {
        transform: translate(11%, -22%);
    }

    /* ==========================================================
    -------------- 下層ページ -------------- 
    ========================================================== */
    /* -------------- 採用情報ページ  --------------*/
    #person_sect .call_cover {
        flex-direction: column;
    }
    #person_sect .risence_ex {
        text-align: center;
    }
    #person_sect .balloon_cover {
        flex-direction: column-reverse;
    }
    #person_sect .balloon_text::before {
        top: 100%;
        left: 50%;
        margin-top: 0;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid var(--color_white);
    }


}

/* 20260907 追記 */
.p-global-nav .c-navbar__item.header_cta>a{
	background-color: #D97B4D;
    color: var(--color_white);
}
/* お知らせページ */
.c-fluid-container{
	color:#5D3000;
}

/* 採用ページ ベネフィット */
.benefit-image img {
  aspect-ratio: 2.5/1 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
}

/* 会社概要 */
.has-sm-text-color {
	color: #5D3000!important;
}