/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 18 2026 | 00:52:27 */
/* 下層ページ（会社概要） */

/* タイトル */
#content [class*="p-company-"] h2 {
	font-size: 45px!important;
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
@media (max-width: 599px) {
	#content [class*="p-company-"] h2 {
		font-size: 28px!important;
	}
}

/* ステッキーメニュー */
@media (max-width: 1000px) {
	#body_wrap.page-id-85 .c-links p {
		text-align: left;
	}
	#body_wrap.page-id-85 .c-links a {
		font-size: 16px;
	}
}

/* 代表者挨拶 */
.p-company-greeting .text-area {
	font-size: 24px;
}
@media (max-width: 599px) {
	.p-company-greeting .text-area {
		font-size: 18px;
	}
}

/* 経営理念 */
#content .p-company-philosophy .midashi {
	margin-bottom: 20px!important;
}
.p-company-philosophy .sub-title {
	font-size: 45px;
	margin-top: 30px!important;
	margin-bottom: 20px!important;
}
@media (max-width: 599px) {
	.p-company-philosophy .sub-title {
		font-size: 26px;
	}
}
.p-company-philosophy .lead {
	font-size: 24px;
	margin-bottom: 80px!important;
}
@media (max-width: 599px) {
	.p-company-philosophy .lead {
		font-size: 18px;
		text-align: left;
	}
}
.p-company-philosophy .content .title-area {
	font-size: 32px;
	color: #fff;
	position: relative;
	min-height: 120px;
	margin-left: 0;
	display: grid;
	place-items: center;
	z-index: 1;
}
.p-company-philosophy .content .title-area h4 {
	font-weight: normal;
}
@media (max-width: 599px) {
	.p-company-philosophy .content .title-area {
		font-size: 20px;
		min-height: 60px;
	}
}
.p-company-philosophy .content .title-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}
.p-company-philosophy .content .title-area::before {
	background: linear-gradient(90deg,
	#ff2323 0%,
	#ff93bd 100%
	);
}
.p-company-philosophy .content .title-area::before {
	clip-path: polygon(
	0 0,
	100% 0,
	calc(100% - 30px) 100%,
	0 100%
	);
}
.p-company-philosophy .content .text-area {
	font-size: 28px;
	line-height: 1.4;
	display: grid;
	place-items: center;
}
@media (min-width: 600px) and (max-width: 959px) {
	.p-company-philosophy .content .text-area p {
		font-size: 22px;
	}
}
@media (max-width: 599px) {
	.p-company-philosophy .content .text-area p {
		font-size: 18px;
		width: 100%;
	}
}
@media (max-width: 959px) {
	.p-company-philosophy .content .text-area p {
		text-align: left;
	}
}

/* CSR */
.p-company-csr .lead {
	font-size: 24px;
}
@media (max-width: 599px) {
	.p-company-csr .lead {
		font-size: 18px;
	}
}
.p-company-csr .content {
	background-image: url(https://webriche-sw.blog/wp-content/uploads/2026/01/bg-puzzle-scaled.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	max-width: 1000px;
	margin: 0 auto;
}
/* 2×2 グリッドレイアウト */
.p-company-csr .swell-block-columns__inner {
	display: grid!important;
	grid-template-columns: repeat(2, 1fr)!important;
	gap: 1em!important;
	aspect-ratio: 2560/1879;
	margin-left: 0!important;
}
/* 各アイテムを均等に */
.p-company-csr .swell-block-columns.content .item {
	height: 100%!important;
	width: 100%!important;
	margin-left: 0!important;
	display: grid!important;
	place-items: center!important;
}
.p-company-csr .swell-block-columns.content .item .wrap {
	padding: 1em;
}
@media (min-width: 960px) {
	.p-company-csr .swell-block-columns.content .item:nth-of-type(4) .wrap {
		padding-top: 4em;
	}
}
@media (min-width: 960px) {
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item:nth-of-type(2) .wrap {
		padding-left: 6em;
	}
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item:nth-of-type(3) .wrap {
		padding-right: 5em;
	}
}
@media (min-width: 600px) and (max-width: 959px) {
	.p-company-csr .swell-block-columns.content .item:nth-of-type(2) .wrap {
		padding-right: 2em;
		padding-left: 5em;
	}
	.p-company-csr .swell-block-columns.content .item:nth-of-type(3) .wrap {
		padding-left: 2em;
		padding-right: 5em;
	}
}
@media (max-width: 599px) {
	.p-company-csr .swell-block-columns.content .item:nth-of-type(2) .wrap {
		padding-left: 2.5em;
	}
	.p-company-csr .swell-block-columns.content .item:nth-of-type(3) .wrap {
		padding-right: 2.5em;
	}
}
.p-company-csr .swell-block-columns.content .item h3 {
	margin-bottom: .5em!important;
	font-weight: normal;
}
.p-company-csr .swell-block-columns.content .item p {
	line-height: 1.6;
}
@media (min-width: 1201px) {
	.p-company-csr .swell-block-columns.content .item h3 {
		font-size: 28px;
	}
	.p-company-csr .swell-block-columns.content .item p {
		font-size: 24px;
	}
}
@media (min-width: 1201px) {
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item h3 {
		font-size: 26px;
	}
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item p {
		font-size: 22px;
	}
}
@media (min-width: 960px) and (max-width: 1200px) {
	.p-company-csr .swell-block-columns.content .item h3 {
		font-size: 23px;
	}
	.p-company-csr .swell-block-columns.content .item p {
		font-size: 19px;
	}
}
@media (min-width: 960px) and (max-width: 1200px) {
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item h3 {
		font-size: 21px;
		line-height: 1.2;
	}
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item p {
		font-size: 17px;
		line-height: 1.2;
	}
}
@media (max-width: 959px) {
	.p-company-csr .swell-block-columns.content .item h3 {
		margin-bottom: .5em!important;
		font-size: clamp(12px, 2.6vw, 23px);
		font-weight: normal;
	}
	.p-company-csr .swell-block-columns.content .item p {
		font-size: clamp(10px, 2.4vw, 19px);
		line-height: 1.4;
	}
}
@media (max-width: 959px) {
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item h3 {
		font-size: clamp(10px, 2.2vw, 20px);
		line-height: 1.2;
	}
	[lang="en-US"] .p-company-csr .swell-block-columns.content .item p {
		font-size: clamp(8px, 2.0vw, 17px);
	}
}
@media (max-width: 599px) {
	.p-company-csr .swell-block-columns.content .item p {
		text-align: left;
		line-height: 1.4;
	}
}
.p-company-csr .last-text {
	font-size: 24px;
	margin-top: 40px;
}
@media (max-width: 599px) {
	.p-company-csr .last-text {
		font-size: 18px;
	}
}

/* 会社概要 */
.p-company-profile table {
	font-size: 20px;
}
@media (max-width: 599px) {
	.p-company-profile table {
		font-size: 16px;
	}
}
.p-company-profile td {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	border-color: #333;
	border-width: 2px;
}
.p-company-profile tr:first-of-type td {
    border-top: 0;
}
.p-company-profile td:first-of-type {
	width: 30%!important;
}
@media (max-width: 599px) {
	.p-company-profile td:first-of-type {
		width: 110px!important;
	}
}
#content .p-company-profile .team-title {
	width: max-content;
	margin: 60px auto 20px!important;
	background-color: #0704d7;
	border-radius: 40px;
	padding: 2em 4em;
}
.p-company-profile .team-title p {
	font-size: 18px;
	margin-bottom: 0!important;
	color: #fff;
}
.p-company-profile .team-title h3 {
	font-size: 36px;
	margin-top: 10px!important;
	font-weight: normal;
	
}
/* 会員一覧 */
.p-company-profile .top-banner-area img {
	width: 170px;
}
.p-company-profile .bottom-banner-area {

}

/* 沿革 */
.p-company-history table {
	font-size: 20px;
}
@media (max-width: 599px) {
	.p-company-history table {
		font-size: 16px;
	}
}
.p-company-history td {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	border-color: #333;
	border-width: 2px;
}
.p-company-history tr:first-of-type td {
    border-top: 0;
}
.p-company-history td:first-of-type {
	width: 30%!important;
}
@media (max-width: 599px) {
	.p-company-history td:first-of-type {
		width: 110px!important;
	}
}




