@charset 'UTF-8';
:root {
	--site-color:#062126;
	--text-color:#222;
	--bg-color:#f8f8f8;
	--color-dark:#051f24;
	--color-light:#2b3f20;
	
	--green:#0f7a4d;
	
	--header-hamburger-color:white;

	--recruit-color: #3f73ab;
	--recruit-blue-color: #3f73ab;
	--recruit-text-color: #2f5d8f;
	--recruit-bg-color: #f4f8fc;
}

.colorLight { color:var(--color-light); }

body { color:var(--text-color); background:var(--bg-color); }

.noirFloatButtons { top:var(--header-height); overflow:hidden; }
/*
.noirFloatButtons .button { width:200rem; height:60rem; transition:all 1s; transform:translateY(-60rem); }
html.ready .noirFloatButtons .button { transform:translateY(0); }
*/
.noirFloatButtons .button { width:200rem; height:60rem; transition:all .5s ease-in-out; }
html.scrollDown .noirFloatButtons .button { transform:translateY(-60rem); }

.sectionTitle { font-weight:900; letter-spacing:0.05em; }
.sectionTitle .sub { margin-left:3em; font-weight:normal; }
.eyebrow { color:#0f7a4d; margin-bottom:8rem; font-size:18rem; font-weight:500; letter-spacing:0.1em; }
.darkBg .eyebrow { color:#48b57c; }
.sub { letter-spacing:0.075em; }
@media (max-width:780px) {
	.sectionTitle .sub { display:block; margin-left:0; width:100%; margin-top:8rem; }
	.sub { font-size:15rem; letter-spacing:0; }
}

.buttons { margin-top:40rem; }
.buttons .button { min-width:220rem; height:60rem; border-radius:6rem; }

.contentWrapper { text-align:left; }

.bgDarkColor { background-color:var(--color-dark); color:white }
.bgLightColor { background-color:var(--color-light); color:white }

@media (max-width:780px) {
	.scrollToTop { bottom:72rem; }
	#recruit .scrollToTop { bottom:12rem; }
}


.roboto { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings:"wdth" 100; letter-spacing:0.1em; }


.headerBg {   }
.darkBg { background: linear-gradient(135deg, #06192d, #0b2948); color:white; }
/*
.darkBg { background: 
	radial-gradient(circle at 20% 30%, #051f24 0%, #011e24 50%),
	radial-gradient(circle at 80% 40%, #011e24 0%, #031519 50%),
	radial-gradient(circle at 40% 80%, #011d03 0%, #051f24 50%);
	backdrop-filter: blur(20px); color:white;
}
.gloomyBg { background: 
	radial-gradient(circle at 20% 30%, #2b3f20 0%, #2b3f20 50%),
	radial-gradient(circle at 80% 40%, #2b3f20 0%, #293821 50%),
	radial-gradient(circle at 40% 80%, #293821 0%, #2b3f20 50%);
	backdrop-filter: blur(20px); color:white;
}
*/


.ctaLine { background:#06C755; color:white; }
.ctaLine figure { width:40rem; }
.ctaLine figure.QR { width:60rem; }
.ctaEmail { background: linear-gradient(45deg, #eab000, #feca00); color:black; }
.ctaEmail figure { width:48rem; }
.ctaCall { border:1rem solid #ccc; background:white; color:black; pointer-events:none; }
.ctaCall figure { width:32rem; }
.ctaCall figure.QR { width:60rem; }
.ctaRecruit { background: linear-gradient(45deg, #eab000, #feca00); color:black; }
@media (max-width:780px) {
	.ctaCall { pointer-events:auto; }
	.ctaCall figure.QR { display:none; }
}

/***********************************************************

	HEADER

***********************************************************/
header { color:white; background: linear-gradient(to bottom, rgba(2, 11, 20, .8), rgba(2, 11, 20, .6)); flex-wrap:wrap; }
header .ctaBox { width:100%; }
header .ctaBox > * { display:flex; height:40rem; transition:height 0.3s; overflow:hidden; gap:6rem; line-height:1; padding:0 20rem; }
header .ctaBox > *.sp { display:none; }
header .ctaBox .ctaLine figure{ width:24rem; }
header .ctaBox .ctaEmail figure{ width:24rem; }
header .ctaBox .ctaCall figure{ width:24rem; }
html.scrollDown header .ctaBox > * { height:0; }
html:not(.scrolled) #home header .ctaBox > * { height:0; }
@media (max-width:780px) {
	header { overflow:visible; }
	header .ctaBox { position:fixed; left:0; bottom:0; width:100%; z-index:1010; }
	header .ctaBox > * { font-size:14rem; white-space:nowrap; }
	header .ctaBox > *.pc { display:none; }
	header .ctaBox > *.sp { display:flex; }
	header .ctaBox figure { flex-shrink:0; }
	header .ctaBox > *,
	html.scrollDown header .ctaBox > *,
	html:not(.scrolled) #home header .ctaBox > * { width:calc(100% / 3); height:60rem; }
}

/*	パンくず
----------------------------------------------------------*/
.breadcrumb { display:flex; justify-content:flex-start; background:#ffffffe0; padding-right:40rem; width:100%; z-index:10; color:#66788c; }

.breadcrumb .recruitMenu { display:flex; flex-wrap:wrap; margin-left:auto; }
.breadcrumb .recruitMenu > * { display:flex; padding:0 20rem; height:60rem; }
.breadcrumb .recruitMenu > *:last-child { font-weight:bold; }
@media (max-width:780px) {
	.breadcrumb { display:none; }
	.breadcrumb .recruitMenu { display:none; }
}


/***********************************************************

	FOOTER

***********************************************************/

/*	FOOTER：問い合わせ
--------------------------------------------------------*/
section.footerInquiry .card { height:140rem; border-radius:12rem; }
section.footerInquiry .card.ctaLine figure { width:60rem; }
section.footerInquiry .card.ctaLine figure.QR { width:60rem; }
section.footerInquiry .card.ctaEmail figure { width:80rem; }
section.footerInquiry .card.ctaCall figure { width:32rem; }
section.footerInquiry .card.ctaCall h3 { display:flex; gap:20rem; }
section.footerInquiry .card.ctaCall h3 img { width:60rem; }
@media (max-width:780px) {
	section.footerInquiry .card { height:100rem; }
	section.footerInquiry .card.ctaLine figure.QR { display:none; }
	section.footerInquiry .card.ctaCall h3 img { display:none; }
}


/*	FOOTER：リクルート
--------------------------------------------------------*/
section.footerRecruit {  }
section.footerRecruit .bg { position:absolute; right:0; top:0; width:calc(50% + 120rem); height:100%; background-position:center center; background-size:cover; clip-path: polygon(100rem 0, 100% 0, 100% 100%, 0 100%); }
section.footerRecruit .detail { width:400rem; }
section.footerRecruit .noirButton { width:100%; }
@media (max-width:780px) {
	section.footerRecruit .bg { right:auto; top:auto; left:0; bottom:0; width:100%; height:310rem; clip-path: polygon(0 40rem, 100% 0, 100% 100%, 0 100%); }
	section.footerRecruit .detail { width:100%; padding-bottom:280rem; }
}


/*	サイドカード
--------------------------------------------------------*/
section.sideCard { border-radius:16rem; background:white; padding:0; }
section.sideCard.popular a,
section.sideCard.categories a { display:flex; justify-content:flex-start; padding:0 20rem; height:60rem; border-top:1rem solid #ccc }
section.sideCard.categories a:first-child { border:none; }
section.sideCard.popular a { height:80rem; gap:10rem; display:grid; grid-template-columns:28rem 1fr 72rem; }
section.sideCard.popular .rank { display:flex; width:100%; aspect-ratio:1 / 1; border-radius:4rem; background:var(--green); font-weight:500; color:white; }
section.sideCard.popular p { font-size:14rem; line-height:1.5em; }
section.sideCard.popular .thumb { width:100%; aspect-ratio:3 / 2; border-radius:6rem; overflow:hidden; }
section.sideCard.cta .container { padding:0 20rem; display:flex; flex-direction:column; gap:10rem; padding-bottom:20rem; }
section.sideCard.cta a { display:flex; width:100%; height:60rem; gap:6rem; line-height:1; }
section.sideCard.cta a.ctaLine figure{ width:24rem; }
section.sideCard.cta a.ctaEmail figure{ width:24rem; }
section.sideCard.cta a.ctaCall { flex-direction:column; }
section.sideCard .sideCardTitle { padding:10rem 20rem; }

/***********************************************************

	HOME

***********************************************************/

#home main { padding-top:0 !important; }
@media (max-width:780px) {
}


footer { padding-top:0; }
@media (max-width:780px) {
	footer .footerContainer { padding-bottom:60rem; }
	#recruit footer .footerContainer { padding-bottom:0; }
}

/*	Forst View
--------------------------------------------------------*/
#home section.firstView { display:flex; text-align:left; color:white; padding-top:var(--header-height-pc); padding-bottom:0; }
#home section.firstView::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#00000060; }
#home section.firstView .contentBox { margin-right:auto; padding-left:5vw; z-index:1; }
#home section.firstView .contentBox .copy { font-size:5vw; line-height:1.3; }
#home section.firstView .contentBox .sub { font-size:1.5vw; line-height:1.8; letter-spacing:0.05em; font-weight:500; margin-top:3vw; }
#home section.firstView .contentBox .noirButtons { margin-top:3vw; justify-content:flex-start; }
#home section.firstView .recruitBox { display:flex; flex-direction:column; gap:20rem; margin-left:auto; margin-right:40rem; color:white; border-radius:16rem; overflow:hidden; z-index:1; }
#home section.firstView .recruitBox .title { text-align:center; padding:32rem 32rem 0; }
#home section.firstView .recruitBox .title .eyebrow { display:inline-block; padding:0 12rem; background:white; color:var(--text-color); border-radius:4rem; opacity:1; }
#home section.firstView .recruitBox .title h2 { font-size:24rem; line-height:1.2; font-weight:normal; }
#home section.firstView .recruitBox .title h2 span { font-size:50rem; font-weight:bold; }
#home section.firstView .recruitBox ul { width:100%; padding:0 32rem; }
#home section.firstView .recruitBox li::before { content:'✓'; font-size:15rem; color:black; font-weight:bold; display:inline-flex; width:20rem; height:20rem; border-radius:50%; background:linear-gradient(45deg, #eab000, #feca00); margin-right:0.5em; }
#home section.firstView .recruitBox .link { padding:140rem 32rem 32rem; width:100%; }
@media (max-width:780px) {
	#home section.firstView { display:block; padding-top:var(--header-height); padding-bottom:0; }
	#home section.firstView .contentBox { margin-right:0; padding:40rem 32rem; }
	#home section.firstView .contentBox .ctaBox { text-align:center; }
	#home section.firstView .contentBox .ctaBox .ctaCall { font-size:var(--font-size-LLL); }
	#home section.firstView .contentBox .copy { font-size:40rem; line-height:1.3; }
	#home section.firstView .contentBox .sub { font-size:16rem; line-height:1.8; letter-spacing:0.05em; margin-top:2em; }
	#home section.firstView .contentBox .noirButtons { margin-top:60rem; justify-content:flex-start; }
	#home section.firstView .contentBox .noirButton { width:90%; }
	#home section.firstView .recruitBox {  display:none; }
}


/*	私たちの仕事は、「処分」ではなく「解決」です。
--------------------------------------------------------*/
#home section.whatWeDo > .gridLayout { grid-template-columns:320rem 1fr; }
#home section.whatWeDo .index .button { margin-top:20rem; }
#home section.whatWeDo .cards { text-align:center; color:white; padding-left:40rem; }
#home section.whatWeDo .cards > * { border:1rem solid #ccc; border-radius:4rem; display:flex; align-items: flex-end; }
#home section.whatWeDo .cards > * p { display:flex; height:60rem; background:#00000080; font-size:20rem; width:100%; }
@media (max-width:780px) {
	#home section.whatWeDo > .gridLayout { display:block; }
	#home section.whatWeDo .cards { padding-left:0; margin-top:20rem; }
	#home section.whatWeDo .cards > * p { height:32rem; font-size:15rem; }
}


/*	なぜ信太商店が選ばれるのか
--------------------------------------------------------*/
#home section.whyShida .types .cards > *  { padding:0 20rem; border-left:1rem solid #ffffff40; }
#home section.whyShida .types .cards .copy { letter-spacing:0.075em; color:#e2c36a; }
#home section.whyShida .partner .copy { text-align:center; }
#home section.whyShida .partner .cards > * { display:flex; background:white; color:var(--text-color); text-align:center; font-size:0.9em; line-height:1.5; font-weight:500; border-radius:4rem; overflow:hidden; }
@media (max-width:780px) {
	#home section.whyShida .types .cards > *  { padding:10rem 20rem; border-left:none; }
	#home section.whyShida .types .cards > * + *  { border-top:1rem solid #ffffff40; }
	#home section.whyShida .types .cards .copy { font-size:20rem; }
}


/*	解決事例
--------------------------------------------------------*/
#home section.achievements .card { border-radius:12rem; overflow:hidden; border:1rem solid #ccc; }
#home section.achievements .card .overview { padding:.75em; border-radius:12rem; margin-top:-12rem; background:white; }
#home section.achievements .card .case { color:#0f7a4d; font-weight:500; }
@media (max-width:780px) {
	#home section.achievements .gridLayoutSp { grid-template-columns:120rem 1fr; }
	#home section.achievements .card .overview { padding:0.5em 1em; border-radius:12rem; margin-top:0; border-radius:0; }
}


/*	産廃豆知識
--------------------------------------------------------*/
#home section.knowledge .contentWrapper { grid-template-columns:200rem 1fr; }
#home section.knowledge .thumb figure::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(rgba(11,43,69,.28), rgba(11,43,69,.28)), linear-gradient(rgba(21,148,71,.12), rgba(21,148,71,.12)); }
#home section.knowledge .thumb p { display:flex; height:32rem; border-radius:16rem; position:absolute; left:50%; bottom:20rem; transform:translateX(-50%); padding:0 1.5em; background:#f8d368; color:black; font-weight:bold; white-space:nowrap; }
@media (max-width:780px) {
	#home section.knowledge .contentWrapper { grid-template-columns:1fr; }
	#home section.knowledge .cards > * { grid-template-columns:120rem 1fr; }
	#home section.knowledge h3 { grid-column:span 2; padding-bottom:12rem; }
	#home section.knowledge .cards > * + * h3 { margin-top:20rem; padding-top:20rem; border-top:1rem solid #ffffff50; }
	#home section.knowledge .thumb p { display:flex; bottom:10rem; width:calc(100% - 12rem); height:24rem; border-radius:12rem; padding:0; font-size:12rem; }
	#home section.knowledge .cards > * > .sub { padding-left:20rem; }
}


/*	お知らせ
--------------------------------------------------------*/
#home section.news .indexGrid { grid-template-columns:100rem 1fr; }
#home section.news dl + dl { margin-top:10rem; padding-top:10rem; border-top:1rem solid #ccc;}
#home section.news dt { line-height:28rem; vertical-align:baseline; }
#home section.news dd {  }
@media (max-width:780px) {
	#home section.news .indexGrid { display:block; }
	#home section.news dt { font-size:14rem; line-height:1.5em; }
	#home section.news dd { font-size:15rem; }
}



.hasSidebar { grid-template-columns:1fr 320rem; }

/*==========================================================

	ブログ

===========================================================*/
#blog.wp-singular .hero { aspect-ratio:1920 / 520; padding:0; padding-left:100rem;}
#blog.wp-singular .hero .badge { height:40rem; border-radius:999rem; background:#0f7a4d; color:white; font-weight:500; padding:0 1.5em; display:flex; }
#blog.wp-singular .hero .postTitle {  }
#blog.wp-singular .main {  }
#blog.wp-singular .wpPost { padding-top:0; }
#blog.wp-singular .wpPost .postContent { background:white; border-radius:16rem; padding:40rem; }


#about .main { grid-template-columns:1fr 320rem; }


/* 「信太商店について」本文専用。既存サイドバーや他ページには適用しません。 */
.shida-about{--sa-navy:#092338;--sa-yellow:#f8c800;color:#243340;font-size:16rem;line-height:1.95;overflow-wrap:anywhere}
.shida-about,.shida-about *{box-sizing:border-box}
.shida-about p{margin:0 0 1.25em}
.shida-about h2,.shida-about h3{background:none;border:0;padding:0;color:var(--sa-navy);font-weight:700;letter-spacing:.025em}
.shida-about h2::before,.shida-about h2::after,.shida-about h3::before,.shida-about h3::after{display:none}
.shida-about h2{font-size:22.5rem;line-height:1.55;margin:0 0 1.1em}
.shida-about h3{font-size:12.5rem;line-height:1.65;margin:0 0 .75em}
.shida-about .intro{background:var(--sa-navy);color:#fff;padding:48rem;border-top:5rem solid var(--sa-yellow)}
.shida-about .intro h2{color:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26rem; }
.shida-about .intro>p:first-child{color:var(--sa-yellow);letter-spacing:.18em;font-size:.875rem;font-weight:700}
.shida-about .section{margin-top:56rem}
.shida-about .section>h2{border-left:4rem solid var(--sa-yellow);padding-left:20rem}
.shida-about .strength{padding:28rem 0;border-bottom:1rem solid #dbe2e7;margin:0}
.shida-about .strength>p:first-child{font-size:.875rem;font-weight:700;letter-spacing:.08em;color:#4b6172;margin-bottom:12rem}
.shida-about .wp-block-image{margin:28rem 0 20rem}
.shida-about .wp-block-image img{display:block;width:100%;height:auto}
.shida-about .wp-block-buttons{display:flex;flex-wrap:wrap;margin:24rem 0 0}
.shida-about .wp-block-button__link{display:inline-block;background:var(--sa-yellow);color:#092338;border:2rem solid transparent;border-radius:3rem;padding:14rem 26rem;font-size:1rem;font-weight:700;text-decoration:none;line-height:1.6}
.shida-about .wp-block-button__link:hover{background:#ffe05a;color:#092338;text-decoration:underline}
.shida-about a:focus-visible{outline:3rem solid #087eb0;outline-offset:4rem}
.shida-about .intro>p:last-child,.shida-about .strength>p:last-child{margin-bottom:0}
@media(max-width:600px){
	.shida-about .section{margin-top:36rem}
	.shida-about .wp-block-button,
	.shida-about .wp-block-button__link{width:100%}
	.shida-about h2 br{display:none}
}

/*==========================================================

	採用情報

===========================================================*/
#recruit { line-height:1.8; background:var(--recruit-bg-color); }
#recruit .button.white { color:var(--recruit-text-color); }
#recruit .blackShadow { box-shadow: 0 10rem 26rem rgba(0,0,0,.18); }
#recruit .blueShadow { box-shadow: 0 10rem 26rem rgba(63,115,171,.18); }

#recruit section { padding:80rem 0; text-align:left; color:var(--recruit-text-color); }
#recruit section h2 { font-size:48rem; line-height: 1.25; letter-spacing: -.01em; font-weight:700; }
#recruit section .kicker { font-size:15rem; letter-spacing:0.12em; font-weight:bold; margin-bottom:0.5em; }
#recruit section.center { text-align:center; }
#recruit section.blueBack { background:var(--recruit-blue-color); color:white; }
#recruit section.whiteBack { background:white; }
@media (max-width:780px) {
	#recruit section { padding:40rem 12rem 60rem; }
	#recruit section h2 { font-size:27rem; line-height:1.5; }
}

#recruit section.fv { position: relative; display: grid; place-items: center; color: white; }
#recruit section.fv::after { content: ""; position: absolute; inset: auto 0 0 0; height: 150rem; background: linear-gradient(to bottom in oklch, transparent, var(--recruit-bg-color)); }
#recruit section.fv h1 { margin: 0 0 24rem; font-size:80rem; line-height: 1.3; letter-spacing: -.04em; font-weight:700; width:1160rem; }
#recruit section.fv .container { padding-bottom:140rem; text-align:center; }
#recruit section.fv .eyebrow { display:inline-block; padding: 4rem 16rem; border: 1rem solid #ffffff84; border-radius: 6rem; letter-spacing: .08em; margin-bottom: 26rem; background:#ffffff23; color:white; }
#recruit section.fv .copy { font-size:28rem; font-weight: 700; margin-bottom: 22rem; }
#recruit section.fv .sub { font-size:17rem; margin-bottom:36rem; }
#recruit section.fv .badges { display:flex; flex-wrap:wrap; gap:10rem; margin-top:32rem; }
#recruit section.fv .badges > * { background:#ffffff23; padding:4rem 16rem; border-radius:6rem; font-weight:700; border:1rem solid #ffffff38; }
#recruit section.fv .buttons { margin-top:60rem; }
@media (max-width:780px) {
	#recruit section.fv::after { height: 80rem; }
	#recruit section.fv h1 { margin: 0 0 24rem; font-size:36rem; line-height:1.4; width:auto; }
	#recruit section.fv .container { padding-bottom:60rem; }
	#recruit section.fv .copy { font-size:20rem; margin-bottom: 22rem; }
	#recruit section.fv .badges > * { padding:2rem 8rem; border-radius:4rem; }
	#recruit section.fv .buttons { margin-top:40rem; }
}

#recruit section.works .photo { border-radius:12rem; overflow:hidden; }
@media (max-width:780px) {
	#recruit section.works .gridLayout { grid-template-columns:1fr; gap:20rem; }
}

#recruit section.cases .cardGrid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:18rem; }
#recruit section.cases .cardGrid .card { display:flex; align-items:flex-end; aspect-ratio:3 / 4; background-position:center; background-size:cover; border-radius:24rem; overflow:hidden; }
#recruit section.cases .cardGrid .card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 25%, rgba(0,0,0,.78)); }
#recruit section.cases .cardGrid .card .text { color:white; padding:0 20rem 20rem; z-index:2; }
#recruit section.cases .cardGrid .card .text h3 { font-size:24rem; font-weight:500; }
#recruit section.cases .cardGrid .card .text p { font-size:14rem; opacity:0.9; }
@media (max-width:780px) {
	#recruit section.cases .cardGrid { grid-template-columns:1fr 1fr; gap:10rem; }
}

#recruit section.uniquework .gridLayout { grid-template-columns:520rem 1fr; gap:40rem; }
#recruit section.uniquework .listBox > * { padding:18rem 20rem; border:1rem solid #d9e6f2; border-radius:6rem; background:white; color:var(--recruit-text-color); }
#recruit section.uniquework .listBox > * + * { margin-top:1em; }
#recruit section.uniquework .listBox > *.pickup { border-color:#d9e6f2; background:#f4f8fc; }
#recruit section.uniquework .listBox > * strong { font-size:17rem; line-height:1.6; margin-bottom:0.5em; }
@media (max-width:780px) {
	#recruit section.uniquework .gridLayout { grid-template-columns:1fr; gap:20rem; }
}

#recruit section.fit .cardGrid  { display: grid; grid-template-columns:1fr 1fr; gap:20rem; color:#333; }
#recruit section.fit .cardGrid > * { padding:24rem; border-radius:6rem; background:white; border-top:5rem solid var(--recruit-color); }
#recruit section.fit .cardGrid > * h3 { font-size:18rem; margin-bottom:0.75em; }
#recruit section.fit .checkList  { display: grid; grid-template-columns:1fr 1fr; gap:20rem; margin-top:32rem; color:#333; }
#recruit section.fit .checkList > * { padding:12rem 14rem; border-radius:6rem; background:white; border: 1rem solid #d9e6f2; }
#recruit section.fit .checkList > *::before { content: '\2713'; color: var(--primary); margin-right: 8rem; font-weight: 900; }
@media (max-width:780px) {
	#recruit section.fit .cardGrid  { grid-template-columns:1fr; gap:10rem; font-size:15rem; }
	#recruit section.fit .cardGrid > * { padding:16rem; border-top-width:4rem; }
	#recruit section.fit .checkList  { grid-template-columns:1fr; gap:10rem; margin-top:20rem; }
}

#recruit section.beginner .gridLayout { display:grid; grid-template-columns:1fr 1fr; gap:40rem; align-items:flex-start; }
#recruit section.beginner .photo { border-radius:24rem; overflow:hidden; }
@media (max-width:780px) {
	#recruit section.beginner .gridLayout { display:flex; flex-direction:column-reverse; gap:10rem; }
	#recruit section.beginner .gridLayout .sectionTitle { margin-bottom:0; }
}

#recruit section.flow .gridLayout { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:12rem; align-items:stretch; }
#recruit section.flow .gridLayout > * { padding:20rem; border-radius:6rem; background:white; border-top:5rem solid var(--recruit-color); }
#recruit section.flow .gridLayout > * span { display:block; font-size:20rem; font-weight:500; }
#recruit section.flow .gridLayout > * h3 { color:#333; }
#recruit section.flow .gridLayout > * p { margin-top:20rem; color:#333; }
@media (max-width:780px) {
	#recruit section.flow .gridLayout { grid-template-columns:1fr; gap:10rem; }
	#recruit section.flow .gridLayout > * { padding:12rem 16rem; }
	#recruit section.flow .gridLayout > * > *:first-child { display:flex; justify-content:flex-start; gap:16rem; }
	#recruit section.flow .gridLayout > * p { margin-top:10rem; font-size:15rem; }
}

#recruit section.reqruitments table { width: 100%; background: #fff; border-radius: 6rem; overflow: hidden; box-shadow: 0 4rem 14rem rgba(0,0,0,.08); line-height:1.8; }
#recruit section.reqruitments table tr { border-bottom:1rem solid #d9e6f2; }
#recruit section.reqruitments table th,
#recruit section.reqruitments table td { padding: 15rem 18rem; text-align: left; vertical-align: top; }
#recruit section.reqruitments table th { width: 28%; background:var(--recruit-bg-color); color:var(--recruit-color); }
#recruit section.reqruitments table td { color:#333; }
@media (max-width:780px) {
	#recruit section.reqruitments table { line-height:1.6; font-size:15rem; }
	#recruit section.reqruitments table th { width: 32%; }
}

#recruit section.entry .comment { max-width:none; }

#recruit-form .job { font-size:20rem; text-align:center; margin-bottom:20rem; }