@charset "utf-8";
/* CSS Document */

/*==================================================
 contactPage
==================================================*/
/*****content*****/
.contactPage .contentWrap {
	margin-top: var(--space-md);
}

/* 見出しの下に置く説明文（フォーム・各サービス共通） */
.contactPage__lead,
.contactPage .serviceContactBox__lead {
	margin-bottom: 30px;
	font-size: var(--fs-base);
	line-height: 2;
	letter-spacing: .05em;
}

/*****各サービスのお問い合わせ先（事業案内の外部サイトへのリンク）*****/

.contactPage .serviceContactBox__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* カード全体をリンクにする（右端に外部リンクアイコン分の余白を取る） */
.contactPage .serviceContactBox__link {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: 100%;
	padding: 25px 50px 25px 25px;
	border: 1px solid var(--color-lightgray);
	border-radius: var(--rad-md);
	background: var(--color-white);
	color: var(--color-black);
	transition: border-color .3s, background-color .3s;
}

.contactPage .serviceContactBox__ttl {
	font-size: var(--fs-md);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
}

.contactPage .serviceContactBox__txt {
	font-size: var(--fs-sm);
	line-height: 1.6;
	letter-spacing: .05em;
	color: var(--color-darkgray);
}

.contactPage .serviceContactBox__ico {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 16px;
	height: 16px;
	background: var(--color-main);
	transform: translateY(-50%);
	transition: transform .35s cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-mask: url(/share/img/common/ico_external_01.svg) no-repeat center / contain;
	mask: url(/share/img/common/ico_external_01.svg) no-repeat center / contain;
}

@media (any-hover: hover) {
	.contactPage .serviceContactBox__link:hover {
		border-color: var(--color-main);
		background: var(--color-palemain);
		opacity: 1;
	}

	.contactPage .serviceContactBox__link:hover .serviceContactBox__ico {
		transform: translateY(calc(-50% - 2px));
	}
}


/*==================================================
 servicePage
==================================================*/
/*****リード文（ページ冒頭）*****/
.servicePage .serviceLead {
	margin: 0 auto var(--space-md);
	font-size: var(--fs-lg);
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	color: var(--color-main);
}

/*****事業ブロック（見出し＋左画像＋右紹介文＋関連リンク）*****/
.servicePage .serviceBox+.serviceBox {
	margin: var(--space-lg) auto;
}

/* 事業名の見出し。グレーの罫線でブロックの始まりを示す */
.servicePage .serviceBox__ttl {
	display: flex;
	border-bottom: 1px solid var(--color-palegray);
	font-size: var(--fs-2xl);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
}

/* 文字幅のぶんだけオレンジの下線をグレーの罫線に重ねる */
.servicePage .serviceBox__ttlTxt {
	margin-bottom: -1px;
	padding-bottom: 15px;
	border-bottom: 3px solid var(--color-main);
}

/* 左に画像、右に紹介文とリンクボタン */
.servicePage .serviceBox__inner {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	margin-top: 30px;
}

.servicePage .serviceBox__img {
	flex-shrink: 0;
	width: 48%;
	border-radius: var(--rad-md);
	overflow: hidden;
}

.servicePage .serviceBox__img img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.servicePage .serviceBox__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	flex: 1;
}

.servicePage .serviceBox__lead {
	font-size: var(--fs-md);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .05em;
	color: var(--color-main);
}

/* リード文と本文が続く場合は間隔を詰める */
.servicePage .serviceBox__lead+.serviceBox__txt {
	margin-top: -10px;
}

.servicePage .serviceBox__txt {
	font-size: var(--fs-base);
	line-height: 2;
	letter-spacing: .05em;
}

.servicePage .serviceBox__body .linkBtn {
	font-size: var(--fs-base);
}

/*==================================================
 companyPage
==================================================*/
/*****president*****/
/* 左に見出し＋本文、右に写真を配置する（スマホ版では見出しの直下に写真がくる） */
.companyPage .presidentBox__inner {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	margin-top: 5%;
}

/* 写真がない場合はこの要素だけで全幅になる */
.companyPage .presidentBox__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 30px;
	min-width: 0;
}

.companyPage .presidentBox__body {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

/* 挨拶文はWYSIWYG出力のため、直下のpに直接指定する */
.companyPage .presidentBox__txt p {
	font-size: var(--fs-base);
	line-height: 2;
	letter-spacing: .05em;
}

.companyPage .presidentBox__txt p+p {
	margin-top: 1.5em;
}

.companyPage .presidentBox__name {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	font-weight: 700;
}

.companyPage .presidentBox__nameTxt {
	font-size: 1.2em;
}

.companyPage .presidentBox__img {
	flex-shrink: 0;
	width: 45%;
	height: auto;
	border-radius: var(--rad-md);
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.companyPage .presidentBox__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

/*****profile*****/
.companyPage .presidentBox--profile {
	margin-top: var(--space-md);
}

.companyPage .presidentBox--profile .presidentBox__inner {
	margin-top: 0;
}

/* 写真を左に配置する */
.companyPage .presidentBox__inner--reverse {
	flex-direction: row-reverse;
}

/* プロフィールでは役職・氏名を本文の上に左寄せで表示 */
.companyPage .presidentBox__name--profile {
	justify-content: flex-start;
	font-size: 18px;
}

.companyPage .presidentBox__license {
	padding-top: 20px;
	border-top: 1px solid var(--color-lightgray);
}

.companyPage .presidentBox__licenseTtl {
	margin-bottom: 8px;
	color: var(--color-main);
	font-size: var(--fs-base);
	font-weight: 700;
}

.companyPage .presidentBox__licenseTxt {
	font-size: var(--fs-base);
	line-height: 1.8;
}

/*****concept*****/
/* 理念セクションは画面幅いっぱいの背景にする */
.companyPage .conceptBox {
	margin-top: var(--space-md);
	padding: var(--space-md) 0;
	background: var(--color-palemain);
}

/* -------------------------------------------------------
  commonSection concept 拡張（中央寄せ見出し）
---------------------------------------------------------- */
.companyPage .commonSection--concept {
	align-items: center;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.companyPage .commonSection--concept .commonSection__ttlWrap {
	align-items: center;
}

.companyPage .commonSection--concept .commonSection__enTtl {
	justify-content: center;
}

.companyPage .conceptBox__lead {
	margin: 20px auto var(--space-sm);
	text-align: center;
}

.companyPage .conceptBox__logo {
	width: min(30%, 130px);
	margin: var(--space-sm) auto 0;
}

.companyPage .conceptBox__logo img {
	width: 100%;
	height: auto;
}

.companyPage .conceptBox__txt {
	margin-top: 20px;
	font-size: var(--fs-base);
	line-height: 2;
	letter-spacing: .05em;
}

.companyPage .conceptBox__en {
	font-family: var(--font-en);
	font-size: var(--fs-xl);
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.2;
	color: var(--color-main);
	margin: 20px auto var(--space-sm);
}

/* eNCL のロゴ画像は前後のテキストと高さを揃える */
.companyPage .conceptBox__enLogo {
	width: auto;
	height: .74em;
	margin: 0 .05em;
	vertical-align: baseline;
	position: relative;
	top: 0.03em;
}

/* 理念は「人・街・心」の3グループを縦に並べる */
.companyPage .conceptBox__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	margin-top: 4%;
}

/* グループ見出し。「横棒＋文字＋横棒」の3要素で中央寄せにする */
.companyPage .conceptGroup__ttl {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
	font-size: var(--fs-xl);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
	text-align: center;
}

.companyPage .conceptGroup__ttl::before,
.companyPage .conceptGroup__ttl::after {
	content: "";
	flex: 1;
	max-width: 80px;
	height: 1px;
	background: var(--color-main);
}

/* 見出しの文字は1つのフレックスアイテムにまとめる */
.companyPage .conceptGroup__ttlTxt {
	flex-shrink: 0;
}

.companyPage .conceptGroup__ttl--em {
	color: var(--color-main);
}

.companyPage .conceptGroup__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 15px;
}

.companyPage .conceptItem {
	flex: 1 1 280px;
	max-width: 380px;
	padding: 30px;
	border-radius: var(--rad-lg);
	background: var(--color-white);
}

.companyPage .conceptItem__ttl {
	position: relative;
	padding-left: 1.6em;
	font-size: var(--fs-lg);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
	color: var(--color-main);
}

.companyPage .conceptItem__ttl::before {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 1.1em;
	height: 1.05em;
	background: url(/share/img/common/logo_mark_01.svg) no-repeat center / contain;
}

.companyPage .conceptItem__txt {
	margin-top: 10px;
	font-size: var(--fs-sm);
	line-height: 1.8;
	letter-spacing: .05em;
	color: var(--color-black);
}

/*****companyInfo*****/
.companyPage .companyInfoBox {
	margin-top: var(--space-md);
}

.companyPage .companyInfoBox .entrytbl {
	margin-top: 20px;
	font-size: var(--fs-base);
}

.companyPage .companyInfoBox .map {
	margin-top: 20px;
}

.companyPage .companyInfoBox .map iframe {
	display: block;
	width: 100%;
	height: 400px;
	border-radius: var(--rad-md);
}

/*****history*****/
.companyPage .historyBox {
	margin-top: var(--space-md);
}

.companyPage .historyBox__list {
	margin-top: 20px;
	border-top: 1px solid #eee;
}

.companyPage .historyBox__item {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 1.5em 1em;
	border-bottom: 1px solid #eee;
	font-size: var(--fs-base);
}

.companyPage .historyBox__date {
	flex-shrink: 0;
	width: 8em;
	font-weight: 700;
	color: var(--color-main);
}

.companyPage .historyBox__txt {
	line-height: 1.8;
}

/*****事業案内への誘導*****/
.companyPage .serviceLinkBox {
	margin-top: var(--space-md);
	text-align: center;
}

.companyPage .serviceLinkBox__lead {
	margin-bottom: 15px;
	font-size: var(--fs-md);
	line-height: 1.8;
	font-weight: bold;
}

/*==================================================
 sdgsPage
==================================================*/
/* -------------------------------------------------------
  commonSection sdgs 拡張（中央寄せ見出し）
---------------------------------------------------------- */
.sdgsPage .commonSection--sdgs {
	align-items: center;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.sdgsPage .commonSection--sdgs .commonSection__ttlWrap {
	align-items: center;
}

.sdgsPage .commonSection--sdgs .commonSection__enTtl {
	justify-content: center;
}

/*****SDGsとは*****/
.sdgsPage .sdgsAboutBox__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}

.sdgsPage .sdgsAboutBox__body {
	flex: 1;
}

.sdgsPage .sdgsAboutBox__txt {
	font-size: var(--fs-base);
	line-height: 2;
	letter-spacing: .05em;
}

.sdgsPage .sdgsAboutBox__img {
	width: 40%;
	max-width: 440px;
	border-radius: var(--rad-md);
	overflow: hidden;
}

.sdgsPage .sdgsAboutBox__img img {
	width: 100%;
	height: auto;
}

/*****エンクルのSDGsプロジェクト*****/
.sdgsPage .sdgsProjectBox {
	margin-top: var(--space-md);
}

.sdgsPage .sdgsProjectBox .commonSection__lead {
	font-size: var(--fs-base);
}

.sdgsPage .sdgsWorkList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: var(--space-sm);
}

.sdgsPage .sdgsWork {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	height: 100%;
	padding: 30px;
	border: 1px solid var(--color-lightgray);
	border-radius: var(--rad-lg);
	background: var(--color-white);
}

/* SDGsの目標アイコン（正方形） */
.sdgsPage .sdgsWork__icon {
	flex-shrink: 0;
	width: 110px;
	overflow: hidden;
}

.sdgsPage .sdgsWork__icon img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.sdgsPage .sdgsWork__body {
	flex: 1;
}

.sdgsPage .sdgsWork__num {
	font-size: var(--fs-sm);
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.2;
	color: var(--color-main);
	margin-bottom: 10px;
}

.sdgsPage .sdgsWork__numVal {
	margin-left: .2em;
	font-family: var(--font-en);
	font-size: 1.4em;
	line-height: 1.4;
}

/* 取り組み項目。行頭にオレンジのドットを置く */
.sdgsPage .sdgsWork__listItem {
	position: relative;
	padding-left: 1.2em;
	font-size: var(--fs-base);
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: .05em;
}

.sdgsPage .sdgsWork__listItem::before {
	content: "";
	position: absolute;
	top: .7em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-main);
}

/*****埼玉県SDGsパートナー*****/
.sdgsPage .sdgsPartnerBox {
	margin-top: var(--space-md);
	text-align: center;
}

.sdgsPage .sdgsPartnerBox__ttl {
	font-size: var(--fs-xl);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
}

.sdgsPage .sdgsPartnerBox__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	margin-top: 20px;
	padding: 40px;
	border-radius: var(--rad-lg);
	background: var(--color-palemain);
}

.sdgsPage .sdgsPartnerBox__img {
	flex-shrink: 0;
	width: 260px;
}

.sdgsPage .sdgsPartnerBox__img img {
	width: 100%;
	height: auto;
}

.sdgsPage .sdgsPartnerBox__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	text-align: left;
}

.sdgsPage .sdgsPartnerBox__body .linkBtn {
	font-size: var(--fs-sm);
}
.sdgsPage .sdgsPartnerBox__no {
	font-size: var(--fs-md);
	font-weight: 700;
	letter-spacing: .05em;
}

.sdgsPage .sdgsPartnerBox__noNum {
	font-family: var(--font-en);
	font-size: 1.3em;
	color: var(--color-main);
}

.sdgsPage .sdgsPartnerBox__txt {
	font-size: var(--fs-sm);
	line-height: 1.9;
	letter-spacing: .05em;
}

/*****お問い合わせへの導線*****/
.sdgsPage .sdgsContactBox {
	margin-top: var(--space-md);
	margin-bottom: var(--space-lg);
}

/* 他セクションの見出しより控えめな、補足的なサイズにする */
.sdgsPage .sdgsContactBox .commonSection {
	gap: 20px;
}

.sdgsPage .sdgsContactBox .commonSection__enTtl {
	font-size: var(--fs-base);
}

.sdgsPage .sdgsContactBox .commonSection__jaTtl {
	font-size: var(--fs-xl);
}

/*==================================================
 privacyPage
==================================================*/

.privacyPage {
	margin-bottom: var(--space-md);
}

.privacyPage .privacyBox__lead {
	margin-bottom: var(--space-sm);
}

.privacyPage .privacyBox__section {
	margin-bottom: var(--space-sm);
}

.privacyPage .privacyBox__section h2 {
	font-size: var(--fs-md);
	font-weight: bold;
	margin-bottom: 10px;
}

.privacyPage .privacyBox__section h3 {
	font-size: var(--fs-base);
	font-weight: bold;
	margin: 20px 0 10px;
}

.privacyPage .privacyBox__section p {
	margin: 10px 0;
}

.privacyPage .privacyBox__section ol {
	margin: 10px 0;
}

.privacyPage .privacyBox__section ol li {
	padding-left: 2.7em;
	text-indent: -2.7em;
	line-height: 1.8;
}

.privacyPage .privacyBox__section ol ol {
	margin: 10px 0 10px 1.2em;
}

.privacyPage .privacyBox__section ol ol li {
	padding-left: 1.8em;
	text-indent: -1.8em;
}

.privacyPage .privacyBox__inner {
	margin-top: 10px;
}

.privacyPage .privacyBox__inner dl dt {
	font-weight: bold;
}

.privacyPage .privacyBox__inner dl dd {
	line-height: 1.8;
}

.privacyPage .privacyBox__revision {
	margin: var(--space-sm) 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.privacyPage .privacyBox__revision dt {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2em;
}


/*==================================================
 sitemapPage
==================================================*/
.sitemapPage .contentWrap {
	display: flex;
	justify-content: center;
	gap: 3%;
}

.sitemapPage ul {
	width: 32%;
}

.sitemapPage ul li {
	margin-bottom: 1em;
}

.sitemapPage ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 1.2em 1em;
	border: 1px solid var(--color-gray);
	border-radius: var(--rad-md);
	font-size: var(--fs-base);
	line-height: 1.4;
	letter-spacing: .05em;
	color: var(--color-black);
	transition: color .3s cubic-bezier(0.22, 0.61, 0.36, 1), border-color .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 末尾の矢印（共通アイコン ico_arrow_01.svg をマスクで着色） */
.sitemapPage ul li a::after {
	content: "";
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	background: var(--color-main);
	transition: background-color .3s cubic-bezier(0.22, 0.61, 0.36, 1), transform .3s cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-mask: url(/share/img/common/ico_arrow_01.svg) no-repeat center / contain;
	mask: url(/share/img/common/ico_arrow_01.svg) no-repeat center / contain;
}

@media (any-hover: hover) {
	.sitemapPage ul li a:hover {
		opacity: 1;
		border-color: var(--color-main);
		color: var(--color-main);
	}

	.sitemapPage ul li a:hover::after {
		transform: translateX(3px);
	}
}


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

スマホ版（0px～767px）

///////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

	/*==================================================
	 スマホ版 contactPage
	==================================================*/
	.contactPage__lead,
	.contactPage .serviceContactBox__lead {
		margin-bottom: 20px;
	}

	/*****各サービスのお問い合わせ先*****/

	/* カードは1列に並べる */
	.contactPage .serviceContactBox__list {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.contactPage .serviceContactBox__link {
		padding: 18px 45px 18px 20px;
	}

	/*==================================================
	 スマホ版 servicePage
	==================================================*/
	/*****事業ブロック*****/
	.servicePage .serviceBox__ttlTxt {
		padding-bottom: 12px;
	}

	/* 見出しの下に画像、その下に紹介文とリンクボタンを縦に並べる */
	.servicePage .serviceBox__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		margin-top: 20px;
	}

	.servicePage .serviceBox__img {
		width: 100%;
	}

	.servicePage .serviceBox__body {
		align-items: center;
		gap: 20px;
	}

	.servicePage .serviceBox__lead,
	.servicePage .serviceBox__txt {
		align-self: stretch;
	}

	.servicePage .serviceBox__lead {
		font-size: var(--fs-xl);
	}

	/*==================================================
	 スマホ版 companyPage
	==================================================*/
	/*****president*****/
	/* 見出し→写真→本文の順に並べる（contentの囲みを解除してorderで並べ替える） */
	.companyPage .presidentBox__inner,
	.companyPage .presidentBox__inner--reverse {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}

	.companyPage .presidentBox__content {
		display: contents;
	}

	.companyPage .presidentBox__ttl {
		order: 1;
	}

	.companyPage .presidentBox__img {
		order: 2;
		width: 100%;
	}

	.companyPage .presidentBox__body {
		order: 3;
		gap: 20px;
	}

	.companyPage .presidentBox__name {
		gap: 5px;
		flex-direction: column;
		align-items: flex-end;
	}

	/*****profile*****/
	.companyPage .presidentBox__name--profile {
		align-items: center;
	}

	/*****concept*****/
	.companyPage .conceptGroup__ttl {
		gap: 15px;
		font-size: 24px;
	}

	.companyPage .conceptGroup__ttl::before,
	.companyPage .conceptGroup__ttl::after {
		max-width: 40px;
	}

	.companyPage .conceptGroup__items {
		gap: 10px;
		margin-top: 20px;
	}

	/* スマホでは1列で画面幅いっぱいに広げる */
	.companyPage .conceptItem {
		flex-basis: 100%;
		max-width: none;
		padding: 20px;
	}

	/*****history*****/
	.companyPage .historyBox__item {
		flex-direction: column;
		gap: 5px;
		padding: 1.2em .5em;
	}

	.companyPage .historyBox__date {
		width: auto;
	}

	/*****companyInfo*****/
	/* スマホでも左に項目名、右に内容の2カラムを維持する（form.cssの縦積みを打ち消す） */
	.companyPage .companyInfoBox .entrytbl {
		width: 100%;
		border: none;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-collapse: collapse;
		background-color: transparent;
	}

	.companyPage .companyInfoBox .entrytbl tr {
		display: table-row;
	}

	.companyPage .companyInfoBox .entrytbl th,
	.companyPage .companyInfoBox .entrytbl td {
		display: table-cell;
		padding: 1em .5em;
		vertical-align: top;
		word-break: normal;
	}

	.companyPage .companyInfoBox .entrytbl th {
		width: 38%;
		background-color: transparent;
		text-align: left;
	}

	.companyPage .companyInfoBox .map iframe {
		height: 260px;
	}

	/*==================================================
	 スマホ版 sdgsPage
	==================================================*/
	/*****SDGsとは*****/
	/* SP は「SDGsとは」の見出し直下に画像が入るよう、入れ子を解除して並び順を指定する */
	.sdgsPage .sdgsAboutBox__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}

	.sdgsPage .sdgsAboutBox__body,
	.sdgsPage .sdgsAboutBox .commonSection {
		display: contents;
	}

	.sdgsPage .sdgsAboutBox .commonSection__ttlWrap {
		order: 1;
	}

	.sdgsPage .sdgsAboutBox__img {
		order: 2;
		width: 100%;
		max-width: none;
	}

	.sdgsPage .sdgsAboutBox .commonSection__body {
		order: 3;
	}

	/*****エンクルのSDGsプロジェクト*****/
	.sdgsPage .sdgsWorkList {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.sdgsPage .sdgsWork {
		gap: 15px;
		padding: 20px;
	}

	.sdgsPage .sdgsWork__icon {
		width: 80px;
	}

	/*****埼玉県SDGsパートナー*****/
	.sdgsPage .sdgsPartnerBox__inner {
		flex-direction: column;
		gap: 15px;
		padding: 25px 20px;
	}

	.sdgsPage .sdgsPartnerBox__img {
		width: 200px;
	}

	.sdgsPage .sdgsPartnerBox__body {
		align-items: center;
		text-align: center;
	}

	/*==================================================
	 スマホ版 sitemapPage
	==================================================*/
	.sitemapPage .contentWrap {
		display: block;
	}

	.sitemapPage ul {
		width: 100%;
	}

}