@charset "UTF-8";

/* ------------------------------------------------------------
  PCスタイル
 ------------------------------------------------------------ */
@media screen and (min-width: 768px) {
	/* ページヘッダー */
	.sitemap_ttl {
		padding: 22px 48px;
	}
	.smTtl_fig {
		width: 245px;
		height: 245px;
		position: absolute;
		left: -235px;
		bottom: -103px;
	}
	.sm_link_area {
		display: grid;
		grid-template-columns: auto auto auto max-content;
		gap: 0 36px;
		align-items: flex-start;
		width: 1000px;
		padding: 70px;
		border-radius: 20px;
		margin-top: 140px;
		background: #ecf3ee;
	}
	.sm_link_area ul {
		margin: 0;
	}
	.sm_link_area li:not(:last-child) {
		margin-bottom: 24px;
	}
	.sm_link_area a {
		font-weight: 400;
		color: #000;
		text-decoration: none;
		transition: var(--hover-speed);
	}
	.sm_link_area a:before {
		content: "▶";
		display: inline-block;
		margin-right: 6px;
		color: #1aad6b;
	}
	.sm_link_area a:hover {
		color: #1aad6b;
		transition: var(--hover-speed);
	}
}


/* ------------------------------------------------------------
  SPスタイル
 ------------------------------------------------------------ */
@media screen and (max-width: 767px) {

	/* ページヘッダー・イラスト */
	.smTtl_fig {
		width: 171px;
		height: 200px;
		position: absolute;
		right: 0;
		bottom: -150px;
		left: 0;
		margin: 0 auto;
	}

	/* サイトマップ */
	.sm_link_area {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: calc( 100% - 48px );
		padding: 40px;
		border-radius: 20px;
		margin: 50px auto 30px;
		background: #ecf3ee;
	}
	ul.global_link, ul.utility_link {
		margin: 50px 0 0;
	}
	.sm_link_area ul li:not(:last-child) {
		margin-bottom: 24px;
	}
	.sm_link_area a {
		font-weight: 400;
		color: #000;
		text-decoration: none;
		transition: var(--hover-speed);
	}
	.sm_link_area a:before {
		content: "▶";
		display: inline-block;
		margin-right: 6px;
		color: #1aad6b;
	}

}