.br-sp {
  display: none;
}
.br-pc {
  display: block;
}

/* タッチデバイス（hoverできない環境 = スマホ/タブレット）で非表示 */
@media (hover: none) and (pointer: coarse) {
  .to-top {
    display: none !important;
  }
}

/* コンテンツ幅 余白 */
@media (max-width: 1280px) {
.entry-content, footer {
    padding: 0 1rem;
}
}

@media (max-width: 782px) {
html {
    font-size: 14px;
}
#doc-gradient-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bg-url2) right 5% top var(--g8y) / 40% no-repeat;
    opacity: 0.1;
    z-index: 0;
    filter: blur(5px);
}
:root {
	/* フォントサイズ */
	--wp--preset--font-size--xs: 0.875rem;     /* 10px */
	--wp--preset--font-size--sm: 0.875rem;     /* 12px */
	--wp--preset--font-size--base: 0.875rem;     /* 14px */
	--wp--preset--font-size--md: 1rem;     /* 16px */
	--wp--preset--font-size--lg: 1.125rem;     /* 18px */
	--wp--preset--font-size--xl: 1.25rem;       /* 20px */
	--wp--preset--font-size--xxl: 1.375rem;    /* 22px */
	--wp--preset--font-size--xxxl: 1.5rem;     /* 24px */
	--wp--preset--font-size--display: 2.25rem;/* 36px */
	
	/* 余白サイズ */
	--wp--preset--spacing--xs: 0.625rem;
	--wp--preset--spacing--s: 0.75rem;
	--wp--preset--spacing--m: 1rem;
	--wp--preset--spacing--l: 1.125rem;
	--wp--preset--spacing--xl: 1.25rem;
	--wp--preset--spacing--xxl: 1.375rem;
	--wp--preset--spacing--xxxl: 4rem;
}
    h3, h3.wp-block-heading.has-lg-font-size {
        font-size: var(--wp--preset--font-size--xxxl) !important;
    }
/* -------------------- パンくずリスト -------------------- */
.breadcrumbs { display: none; }

/* -------------------- ヘッダー -------------------- */
header .wp-block-site-logo img {
    height: auto;
    max-width: 80%;
}

/* -------------------- ファーストビュー -------------------- */
.br-sp {
	display: block;
}
.br-pc {
  display: none;
}

.first_messe {
    font-size: 2.8rem !important;
}

/* -------------------- MESSAGE セクション -------------------- */
.message_section p.has-xxxl-font-size {
    font-size: 2rem !important;
}
	.message_section p.is-subtext {
    font-size: var(--wp--preset--font-size--md) !important;
	}

/* -------------------- NEWS セクション -------------------- */
.news_section {
	border-radius: 999px 0 0 999px;
	padding: 1rem 0 1rem 3.2rem;
	margin-right: -1rem;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	gap: 0.25rem;
}
	
.news_section .is-subtext {
    font-size: var(--wp--preset--font-size--xxxl) !important;
}
	
.news_section>p, .news_section>div:nth-child(2) {
    display: block;
    width: 100%;
}
	
.news_section>div:nth-child(3) {
    display: none;
}
	
.news_section .arrow a::after {
	width: 16px;
    height: 16px;
	right: 0.5rem;
}
	
/* -------------------- SERVICE セクション -------------------- */
.service_cover {
    min-height: 200px;
}

.service_section span {
    background: linear-gradient(0deg, rgb(104, 157, 168) 6%, rgba(175, 173, 173, 0) 100%) !important;
}


/* -------------------- BUSINESS セクション -------------------- */
.business_section figure {
	margin-inline-start: 0 !important;
}
	
.business_section .wp-block-buttons {
    justify-content: center !important;
}

p.has-text-align-center.suppliers_text {
    text-align: left !important;
}
	
.wp-block-columns.business_section.shadow_box.has-bg-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-d2b594c5.wp-block-columns-is-layout-flex {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* -------------------- COMPANY セクション -------------------- */
.company_section {
	flex-direction: column-reverse;
}

.company_section .wp-block-cover {
    min-height: 18rem !important;
}

.company_section .wp-block-buttons {
    justify-content: center !important;
}

.company_section .wp-block-spacer {
    display: none;
}

/* -------------------- RECRUIT セクション -------------------- */
.recruit_section .wp-block-buttons,
.contact_section .wp-block-buttons {
    justify-content: center !important;
}
.recruit_section span,
.contact_section span {
    background: linear-gradient(0deg, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 63%) !important;
}

.recruit_section .wp-block-cover__inner-container,
.contact_section .wp-block-cover__inner-container {
    padding-top: 12rem;
}

.wp-block-cover.recruit_section.shadow_box,
.wp-block-cover.contact_section.shadow_box {
    padding-bottom: 2rem;
}
	
/* -------------------- RELATED セクション -------------------- */
.related_section {
    display: block !important;
    text-align: center;
}

.related_section>div:first-child {
    margin-bottom: var(--wp--preset--spacing--xxl);
}

	.related_section h2.wp-block-heading.has-xl-font-size {
		font-size: 2rem !important;
	}
.related_section p.has-xs-font-size {
    font-size: 0.875rem !important;
    text-align: left;
}
/* -------------------- CTA セクション -------------------- */
.cta_section .wp-block-button.is-style-fill-plain > .wp-block-button__link.wp-element-button {
    padding: 2em !important;
}

.cta_section p.has-text-align-center.has-lg-font-size {
    font-size: var(--wp--preset--font-size--xxxl) !important;
}

/* -------------------- フッター セクション -------------------- */
footer .alignfull {
    min-height: 220px !important;
}
	
.footer_nav {
    flex-direction: column-reverse;
	text-align: center;
}

.footer_nav .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
	gap: 0;
}

.footer_nav .wp-block-column.is-layout-flow.wp-container-core-column-is-layout-168482ca.wp-block-column-is-layout-flow:first-child {
	display: none;
}

.footer_nav .wp-block-column.is-layout-flow.wp-container-core-column-is-layout-168482ca.wp-block-column-is-layout-flow:not(:first-child) {
	flex-basis: 50% !important;
	margin-bottom: 1rem;
}
	
.footer_nav .wp-block-group.has-sm-font-size.is-vertical.is-layout-flex.wp-container-core-group-is-layout-bd7877ba.wp-block-group-is-layout-flex {
    align-items: center;
}

footer .wp-block-site-logo img {
    height: auto;
    max-width: 80%;
}

.copyright {
    text-align: center;
    width: 100%;
    display: block !important;
    line-height: 2;
}


/* -------------------- 会社概要 ページ -------------------- */
	body.page-id-57 h4 { font-size: var(--wp--preset--font-size--xxxl) !important; }
	.page_fvimg { min-height: 18rem !important; }
	.clm3img, .clm3img .wp-block-cover { min-height: 8rem !important; gap: 0.6rem; }
	
	
	.twoclm_img_reverse {
	flex-direction: column-reverse;
}
		.twoclm_contents {
		gap: 2rem;
		margin-bottom: 4rem;
}
	.twoclm_contents .wp-block-cover {
		min-height: 200px;
}
}
	
	
}