@charset "utf-8";
/*! Hi! HIROSHIMA */
:root {
	--vh: 1vh;
	--vw: 1vw;
	--hi-hiroshima-background-color: #f8f8f8;
	--hi-hiroshima-gray: #717171;
	--hi-hiroshima-yellow: #f3f86d;
	--hi-hiroshima-orange: #ffb327;
}
html {
	word-break: normal;
	tab-size: 4;
	font-family: 'Noto Sans JP';
	min-width: 320px;
	min-height: var(100dvh);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	background: var(--hi-hiroshima-background-color);
	color: #000;
	font-size: 4.102564102564102vw;
	scroll-behavior: smooth;
}
*,
::after,
::before {
	background-repeat: no-repeat;
}
*,
html {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
::after,
::before {
	box-sizing: inherit;
	text-decoration: inherit;
	vertical-align: inherit;
}
hr {
	overflow: visible;
	color: inherit;
	height: 0.0625rem;
	border: 0;
	border-top: 1px solid currentColor;
}
main {
	display: block;
}
small {
	font-size: 80%;
}
[hidden] {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline-width: 0;
}
b,
strong {
	font-weight: 700;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0;
}
iframe,
img {
	border-style: none;
}
[aria-busy='true'] {
	cursor: progress;
}
[aria-controls] {
	cursor: pointer;
}
[aria-disabled='true'] {
	cursor: default;
}
input,
textarea {
	-webkit-user-select: auto;
}
ol,
ul {
	list-style: none;
}
:where(a) {
	color: inherit;
	text-decoration: none;
}
a img {
	outline: 0;
}
a:not([href]):hover {
	pointer-events: none;
}
:where(img),
:where(picture) {
	display: block;
}
:where(img) {
	object-fit: cover;
	max-width: 100%;
	width: auto;
	height: auto;
}
:where(b),
:where(h1),
:where(h2),
:where(h3),
:where(h4),
:where(strong) {
	font-size: inherit;
	font-weight: inherit;
	font-synthesis: none;
}
.c-faq__content:before,
.c-faq__title:before,
.u-sans {
	font-family: 'Reddit Sans', 'Noto Sans JP';
}
.c-btn,
.c-topic__content .wp-element-button {
	display: block;
	border-radius: 9999px;
	padding: 0.75rem 2.25rem;
	border: 1px solid #000;
	background: #fff;
	transition: 0.3s ease-in-out;
	transition-property: color, background-color, border-color;
	text-align: center;
	position: relative;
	font-size: 1rem;
	letter-spacing: 0.05em;
	line-height: 1.4375;
	font-weight: 700;
	text-decoration: none;
	color: #000;
}
button.c-btn,
button.c-topic__content .wp-element-button {
	appearance: none;
	outline: 0;
}
.c-btn:hover,
.c-topic__content .wp-element-button:hover {
	color: #fff;
	background-color: #000;
}
.c-btn:after,
.c-topic__content .wp-element-button:after {
	content: '';
	display: block;
	position: absolute;
	top: calc((100% - 1rem) / 2);
	right: 1.25rem;
	aspect-ratio: 0.5;
	width: 0.5rem;
	background: currentColor;
	-webkit-mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
	mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
}
.c-btn.-external,
.c-topic__content .wp-element-button.-external {
	padding-left: 1.875rem;
	padding-right: 3.375rem;
}
.c-btn.-external:after,
.c-topic__content .wp-element-button.-external:after {
	-webkit-mask-image: url(../images/svg/external.svg);
	mask-image: url(../images/svg/external.svg);
	aspect-ratio: 1;
	width: 1.5rem;
	top: calc((100% - 1.5rem) / 2);
}
.c-btn.-toggle:after,
.c-topic__content .wp-element-button.-toggle:after {
	right: 1.5rem;
	transform: rotate(90deg);
	transition: transform 0.3s ease-in-out;
}
body {
	font-size: 1rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
}
.l-menu {
	position: fixed;
	inset: 0;
	z-index: 16;
	pointer-events: none;
}
.c-breadcrumbs {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	color: var(--hi-hiroshima-gray);
	font-size: 0.75rem;
	line-height: 1;
	font-weight: 500;
}
.c-breadcrumbs::-webkit-scrollbar {
	display: none;
}
.c-breadcrumbs li,
.c-breadcrumbs ol {
	display: inline-flex;
	align-items: center;
}
.c-breadcrumbs ol {
	padding: 0.625rem 1.25rem;
	white-space: nowrap;
	justify-content: flex-end;
	min-width: 100%;
}
.c-breadcrumbs li {
	flex-shrink: 0;
}
.c-breadcrumbs li + li:before {
	content: '';
	width: 1.1875rem;
	aspect-ratio: 1;
	background: url(../images/svg/breadcrumbs-arrow.svg) no-repeat 50% 50%;
	background-size: 0.375rem;
}
:where(.c-btn) {
	width: 15.625rem;
}
.c-btn.-wide {
	width: auto;
	max-width: max-content;
	min-width: 15.625rem;
}
.c-btn.-no-icon:after,
.c-topic__writer h2:before {
	content: none;
}
.c-card {
	font-weight: 500;
}
.c-topic .c-card a {
	color: #000;
	text-decoration: none;
}
.c-card picture {
	border-radius: 1.25rem;
	overflow: hidden;
	margin: 0 0 0.9375rem;
	aspect-ratio: 1.776595744680851;
}
.c-card img {
	width: 100%;
	height: 100%;
}
.c-card__meta {
	color: var(--hi-hiroshima-gray);
	font-size: 0.875rem;
	line-height: 1;
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 0.5rem;
}
.c-card__meta time {
	order: 1;
}
.c-card__meta:before {
	content: '';
	display: block;
	width: 2px;
	height: 0.875rem;
	background: currentColor;
	order: 2;
}
.c-card__meta p {
	order: 3;
	margin: 0;
}
.c-card__title {
	font-size: 1.3125rem;
	line-height: 1.3;
	margin: 0;
}
.c-document {
	background: #fff;
	border-radius: 1.25rem;
	padding: 1.5625rem 1.25rem;
}
.c-document + .c-document {
	margin-top: 3.125rem;
}
.c-document__title {
	font-size: 1.125rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 1.25rem;
}
.c-document__limit {
	display: flex;
	border: 1px solid #000;
	width: max-content;
	max-width: 100%;
	line-height: 1;
	font-weight: 500;
	margin: 0 0 1.875rem;
}
.c-document__limit span {
	padding: 0.75rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-document__limit span:first-child {
	background: #000;
	min-width: 6.1875rem;
	color: #fff;
}
.c-document b,
.c-document strong,
.c-document__note strong {
	color: var(--hi-hiroshima-orange);
	font-weight: 700;
}
.c-document__note a, .c-document__comment a{
	text-decoration: underline;
}
.c-document__comment {
	margin-top: 20px;
	font-size: 0.9em;
}
.c-document__toggle__wrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.4s ease;
}
.c-faq.is-open .c-faq__wrapper,
.is-open .c-document__toggle__wrapper {
	grid-template-rows: 1fr;
}
.c-document__toggle__inner {
	overflow: hidden;
    min-height: 0;
}
.c-document__toggle__content {
	padding: 1.875rem 0 0;
}
.c-document__toggle__btn {
	margin: 1.875rem 0 0;
}
.c-document__toggle__btn .c-btn {
	margin: 0 auto;
}
.is-open .c-document__toggle__btn .c-btn:after {
	transform: rotate(-90deg);
}
.c-document__note ul {
	list-style: disc;
	list-position: inside;
	padding: 0 0 0 1.5em;
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
}
.c-document__download {
	margin: 1.875rem 0 0;
	border: 1px solid #000;
	padding: 1.25rem;
	border-radius: 1.25rem;
}
.c-document__download h5 {
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 1.0625rem;
	display: flex;
	align-items: center;
	gap: 0.875rem;
}
.c-document__download h5:before {
	content: '';
	aspect-ratio: 0.8;
	width: 1rem;
	display: block;
	background: url(../images/svg/document.svg) no-repeat 50% 50% / contain;
}
.c-document__download ul {
	display: flex;
	flex-flow: column;
	gap: 1rem;
}
.c-document__download li {
	display: flex;
	align-items: start;
}
.c-document__download b {
	color: inherit;
	width: 1.125rem;
	font-size: 1.25rem;
	line-height: 1;
	padding: 0.125rem 0 0;
}
.c-document__download p {
	flex: 1 0;
	font-weight: 500;
	line-height: 1.3;
}
.c-document__download a {
	text-decoration: underline;
}
.c-document__download a:hover {
	text-decoration: none;
}
.c-document__404 {
	margin: 1.875rem 0 0;
}

.tooltip-box {
    display: inline-block;
    position: relative;
}

.documentList li a {
    display: inline-block;
}

.tooltipContent {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 370px;
    padding: 15px;
    border-radius: 8px;
    background: #f0f0f0;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: opacity .3s, visibility .3s;
    font-size: 14px;
    line-height: 1.6;
    z-index: 9999;
    pointer-events: none;
}

.tooltip-box:hover .tooltipContent {
    visibility: visible;
    opacity: 1;
}

.c-document__toggle__wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
}

.is-open .c-document__toggle__wrapper {
    grid-template-rows: 1fr;
}

.c-h1 {
	font-size: 1.6875rem;
	font-weight: 700;
}
.c-h2,
:where(.c-article h2) {
	font-size: 1.3125rem;
	letter-spacing: 0.05em;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 0.9375rem;
	border-bottom: 1px solid currentColor;
}
.c-h2:before,
:where(.c-article h2):before {
	content: none;
}
.c-h3,
:where(.c-article h3),
:where(.c-topic__content h2) {
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: 700;
	padding: 0 0 0 0.625rem;
	position: relative;
	border: 0;
}
.c-h3:before,
:where(.c-article h3):before,
:where(.c-topic__content h2):before {
	content: '';
	width: 0.3125rem;
	position: absolute;
	left: -0.15625rem;
	top: 0;
	height: 1.625rem;
	background: var(--hi-hiroshima-orange);
}
.c-h4,
.c-h5,
:where(.c-article h4),
:where(.c-article h5),
:where(.c-topic__content h3),
:where(.c-topic__content h4) {
	font-size: 1.125rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight: 700;
	padding: 0;
	border: 0;
}
.c-h4:before,
.c-h5:before,
:where(.c-article h4):before,
:where(.c-article h5):before,
:where(.c-topic__content h3):before,
:where(.c-topic__content h4):before {
	content: none;
}
.c-h5,
:where(.c-article h5),
:where(.c-topic__content h4) {
	font-size: 1.0625rem;
}
.c-icon-label {
	display: block;
	max-width: max-content;
	position: relative;
	padding-left: calc(0.8125rem + var(--icon-size));
	--icon-size: 1.3125rem;
}
.c-icon-label:before {
	content: '';
	aspect-ratio: 1;
	width: var(--icon-size);
	background: var(--hi-hiroshima-orange);
	border-radius: 0.203125rem;
	background: var(--hi-hiroshima-orange) url(../images/svg/arrow-icon.svg) no-repeat 50% 50%;
	background-size: 30.76923076923077%;
	position: absolute;
	top: calc(50% - var(--icon-size) / 2);
	left: 0;
}
.c-icon-label.-align-top:before {
	top: 0.14375em;
}
.c-idleland h2,
.c-idleland h2 span {
	display: flex;
	align-items: center;
	letter-spacing: 0.05em;
}
.c-idleland h2 {
	gap: 0.625rem;
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: 700;
	padding: 0 0 0.9375rem;
	margin: 0 0 1.5rem;
	border-bottom: 2px solid #000;
}
.c-idleland h2 span {
	background: var(--hi-hiroshima-yellow);
	flex-shrink: 0;
	font-size: 1rem;
	line-height: 1;
	font-weight: 500;
	padding: 0.5rem 0.625rem;
	border-radius: 0.3125rem;
}
.c-idleland__dl {
	display: flex;
	flex-flow: column;
	gap: 0.8125rem;
}
.c-idleland__dl div {
	display: flex;
	align-items: center;
	gap: 0.9375rem;
}
:where(.c-idleland__dl dt) {
	background: #000;
	color: #fff;
	width: 4.375rem;
	flex-shrink: 0;
	border-radius: 0.3125rem;
	padding: 0.3125rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-idleland__dl dd {
	flex: 1 0;
}
.c-idleland__btn {
	margin: 1.875rem 0 0;
}
.c-idleland__btn .c-btn {
	margin: 0 auto;
	width: 15.625rem;
}
.c-link {
	color: #007fff;
	text-decoration: underline;
}
.c-link:hover {
	text-decoration: none;
}
.c-page-header {
	background: var(--hi-hiroshima-yellow);
	text-align: center;
	border-bottom: 2px solid #000;
}
.c-page-header__inner {
	padding: var(--p, 2.40625rem) 1.5625rem;
}
.c-page-header h1 + p {
	font-size: 1.125rem;
	font-weight: 500;
	margin: 0.3125rem 0 0;
}
.c-page-header:has(h1 + p) {
	--p: 2rem;
}
.c-pagination {
	background: #e6e6e6;
	border: solid #000;
	border-width: 2px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.0625rem;
	letter-spacing: 0;
	line-height: 1;
	font-weight: 600;
}
.c-pagination:not(:has(ul)) {
	display: none;
}
.c-pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 1.125rem 0;
}
.c-pagination ul:not(:has(.prev)) {
	padding-left: 3.125rem;
}
.c-pagination ul:not(:has(.next)) {
	padding-right: 3.125rem;
}
.c-pagination :not(ul).page-numbers {
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.234375rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-pagination :not(ul).page-numbers.current {
	background: #fff;
	pointer-events: none;
}
.c-pagination :not(ul).page-numbers.dots {
	pointer-events: none;
	padding-bottom: 0.5625rem;
}
.c-pagination :not(ul).page-numbers.next,
.c-pagination :not(ul).page-numbers.prev {
	background: url(../images/svg/arrow-pagination.svg) no-repeat 50% 50%;
	background-size: 88.46153846153845%;
}
.c-pagination :not(ul).page-numbers.prev {
	transform: rotate(180deg);
}
.c-pagination a.page-numbers {
	transition: background-color 0.3s ease-in-out;
}
.c-pagination a.page-numbers:hover {
	background-color: #fff;
}
.c-pagination li:has(.prev) {
	padding-right: 0.5rem;
}
.c-pagination li:has(.next) {
	padding-left: 0.5rem;
}
.simpletoc {
	background: #e6e6e6;
	padding: 1.125rem 1.25rem;
	max-width: max-content;
	min-width: 21.25rem;
	border-radius: 1.25rem;
}
.simpletoc .simpletoc-title {
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 0.625rem;
}
.simpletoc ul {
	list-style: decimal;
	list-position: inside;
	padding: 0 0 0 1.5em;
}
.simpletoc a {
	color: inherit;
}

ul.simpletoc-sub-list {
  list-style: none; /* デフォルトのドットを消す */
  padding-left: 0; /* 左側の余白調整 */
}

ul.simpletoc-sub-list li::before {
  content: "-"; /* 記号をハイフンに指定 */
  margin-right: 0.5em; /* 記号と文字の間の隙間 */
}

.c-archive {
	display: flex;
	flex-flow: column;
	gap: 2.5rem;
	list-style: none;
}
.c-article > :first-child {
	margin-top: 0;
}
.c-article > :last-child {
	margin-bottom: 0;
}
:where(.c-article h2) {
	margin: 3rem 0 1.5rem;
}
:where(.c-article h3) {
	margin: 2.5rem 0 1.25rem;
}
:where(.c-article h4) {
	margin: 2rem 0 1rem;
}
:where(.c-article h5) {
	margin: 1.25rem 0 0.625rem;
}
.c-article p.is-style-lead,
.c-article__lead {
	margin: 0 0 4.625rem;
}
:where(.c-article p) {
	margin: 1.6em 0;
}
.c-article .is-style-bold,
.c-article .u-bold,
.c-article b,
.c-article strong {
	font-weight: 700;
}
.c-article em,
.c-topic__content em {
	font-style: normal;
	font-weight: 700;
	color: var(--hi-hiroshima-orange);
}
.c-article ol,
.c-article ul {
	margin: 1.6em 0;
	line-height: 1.5;
}
.c-article ul {
	padding: 0 0 0 1.5em;
}
.c-article :is(h2, .c-article h3, .c-article h4, .c-article h5) + :is(p, .c-article ol, .c-article ul),
.c-topic__content
	:is(h2, .c-topic__content h3, .c-topic__content h4, .c-topic__content h5)
	+ :is(p, .c-topic__content ol, .c-topic__content ul) {
	margin-top: 0;
}
.c-article ol,
.c-topic__content ol.wp-block-list {
	list-style: decimal;
	list-position: inside;
	padding: 0 0 0 1.5em;
}
.c-article ul,
.c-topic__content ul.wp-block-list {
	list-style: disc;
}
.c-article li:nth-child(n + 2),
.c-topic__content .wp-block-list li:nth-child(n + 2) {
	margin-top: 0.5em;
}
.c-article a:not(.c-btn),
.c-faq a {
	color: #007fff;
	text-decoration: underline;
}
.c-article a:not(.c-btn):hover,
.c-faq a:hover {
	text-decoration: none;
}
.c-article .is-style-caption,
.c-article .u-caption,
.c-article small {
	font-size: 0.8125rem;
	color: var(--hi-hiroshima-gray);
}
.c-faq {
	background: #fff;
	padding: 1.25rem;
	border-radius: 0.625rem;
}
.c-faq + .c-faq {
	margin-top: 1.25rem;
}
.c-faq__title {
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 500;
	padding: 0 1.5rem 0 2.25rem;
	position: relative;
	cursor: pointer;
}
.c-faq__title:before {
	content: 'Q';
	position: absolute;
	font-size: 1.625rem;
	letter-spacing: 0.05em;
	line-height: 1;
	font-weight: 400;
	top: 0;
	left: 0;
}
.c-faq__title:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 0.5rem);
	right: 0.25rem;
	aspect-ratio: 0.5;
	width: 0.4375rem;
	background: currentColor;
	-webkit-mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
	mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
	transform: rotate(90deg);
	transition: transform 0.2s ease-in-out;
}
.c-faq__wrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.4s ease;
}
.c-faq.is-open .c-faq__title:after {
	transform: rotate(-90deg);
}
.c-faq__inner {
	overflow: hidden;
}
.c-faq__content {
	padding: 0.9375rem 0 0 2rem;
}
.c-faq__content:before {
	content: 'A';
	position: absolute;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: 400;
	top: 0.9375rem;
	left: 0;
}
.c-faq__content,
.c-page__main {
	position: relative;
}
:where(.c-page__main) {
	padding: 1.875rem 1.25rem 4.375rem;
}
.c-page__main.-topic {
	padding: 0;
	max-width: none;
}
.c-topic {
	padding: 1.25rem 1.5625rem;
}
.c-topic__header {
	margin: 0 0 1.875rem;
}
.c-topic__header h1 {
	font-size: 1.3125rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
}
.c-topic__header__meta {
	margin-top: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.4375rem;
}
.c-topic__header__meta p {
	order: 1;
}
.c-topic__header__meta time {
	order: 3;
}
.c-topic__header__meta:has(p):after {
	content: '';
	width: 2px;
	background: currentColor;
	height: 1.625rem;
	order: 2;
}
.c-topic__content {
	--wp--preset--font-size--large: 1.125em;
	--wp--preset--font-size--medium: 1em;
	--wp--preset--font-size--small: 0.875em;
}
.c-topic__content > :first-child {
	margin-top: 0;
}
.c-topic__content > :last-child {
	margin-bottom: 0;
}
:where(.c-topic__content h2) {
	padding-left: 1.25rem;
	margin: 2.5rem 0 1.25rem;
}
:where(.c-topic__content h2):before {
	background: currentColor;
}
:where(.c-topic__content h3) {
	margin: 1.875rem 0 0.625rem;
}
:where(.c-topic__content h4) {
	margin: 1.25rem 0 0.3125rem;
}
:where(.c-topic__content h5) {
	font-size: 1em;
	font-weight: 700;
	margin: 0.625rem 0 0.3125rem;
}
.c-topic__content p.is-style-lead,
.c-topic__content__lead {
	margin: 0 0 4.625rem;
}
:where(.c-topic__content p) {
	margin: 1.25em 0;
}
.c-topic__content p:empty {
	display: none;
}
.c-topic__content .is-style-bold,
.c-topic__content .u-bold,
.c-topic__content b,
.c-topic__content strong {
	font-weight: 700;
}
.c-topic__content .wp-block-list {
	margin: 1.6em 0;
	padding: 0 0 0 1.5em;
	line-height: 1.5;
}
:where(.c-topic__content a) {
	color: #007fff;
	text-decoration: underline;
}
:where(.c-topic__content a):hover {
	text-decoration: none;
}
:where(.c-topic__content a):has(em) {
	color: var(--hi-hiroshima-orange);
}
.c-topic__content .is-style-caption,
.c-topic__content .u-caption,
.c-topic__content .wp-element-caption,
.c-topic__content small {
	color: var(--hi-hiroshima-gray);
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;
}
.c-topic__content .wp-element-caption {
	margin: 0.9375rem 0 0;
}
.c-topic__content .wp-block-embed,
.c-topic__content .wp-block-image {
	margin: 1.25rem 0;
	max-width: 100%;
}
.c-topic__content .wp-block-embed iframe {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1.777777777777778;
}
.c-topic__content .wp-block-image img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	border-radius: 1.25rem;
}
.c-topic__content > div:has(img:last-child),
.c-topic__content > p:has(img:last-child) {
	margin: 1.25rem 0;
	max-width: 100%;
}
.c-topic__content > div:has(img:last-child) img,
.c-topic__content > p:has(img:last-child) img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	border-radius: 1.25rem;
}
.c-topic__content .wp-block-buttons {
	margin: 1.25rem 0;
	gap: 0.625rem;
	justify-content: center;
}
.c-topic__content .wp-element-button {
	width: auto;
	max-width: max-content;
	min-width: 15.625rem;
}
.c-topic__content .is-style-map iframe,
.c-topic__content .o-fit-map iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 0.708245243128964;
}
.c-topic__writer {
	background: var(--hi-hiroshima-yellow);
	border-radius: 1.25rem;
	padding: 1.125rem 1.25rem;
}
.c-topic__writer h2 {
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 0.9375rem;
	padding: 0;
}
.c-topic__writer > :first-child {
	margin-top: 0;
}
.c-topic__writer > :last-child {
	margin-bottom: 0;
}
.c-topic__related {
	border: solid #000;
	border-width: 2px 0;
	background: #e6e6e6;
}
.c-topic__related__inner {
	padding: 1.875rem 1.25rem;
}
.c-topic__related h2 {
	margin: 0 0 0.9375rem;
	font-size: 1.1875rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-weight: 700;
	align-items: center;
}
.u-w5 {
	font-weight: 500;
}
.p-404 header,
.u-w6 {
	font-weight: 600;
}
.p-404 h2,
.u-w7 {
	font-weight: 700;
}
.u-hidden {
	visibility: hidden;
}
.u-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.p-404 {
	text-align: center;
}
.p-404 header {
	margin: 0 0 3.75rem;
}
.p-404 header h1 {
	font-size: 5rem;
}
.p-404 header p {
	font-size: 1.5rem;
	color: var(--hi-hiroshima-orange);
}
.p-404 h2 {
	font-size: 1.5rem;
	margin: 0 0 1em;
}
.p-404__btn {
	margin: 3.75rem 0 0;
	display: flex;
	justify-content: center;
}
.g-footer {
	background: #000;
	color: #fff;
	display: flex;
	flex-flow: column;
	gap: 2.5rem;
}
.g-footer__menu {
	order: 1;
	padding: 5.384615384615385vw 7.692307692307693vw 0;
}
.g-footer__group p {
	font-size: 1rem;
	letter-spacing: 0.05em;
	line-height: 1.4375;
	font-weight: 700;
}
.g-footer__btns,
.g-footer__group ul {
	flex-flow: column;
	gap: 0.625rem;
}
.g-footer__group li {
	font-size: 0.9375rem;
}
.g-footer__btns {
	order: 2;
	padding: 0 7.692307692307693vw;
	display: flex;
	gap: 1.5625rem;
}
.g-footer__btns .c-btn {
	width: 100%;
	font-weight: 500;
	padding: 1.25rem 1.875rem;
}
.g-footer__btns .c-btn:hover {
	border-color: #fff;
}
.g-footer__sns {
	order: 3;
}
.g-footer__bottom ul,
.g-footer__sns ul {
	display: flex;
	justify-content: center;
	gap: 1.1875rem;
}
.g-footer__sns img {
	aspect-ratio: 1;
	width: 1.875rem;
	object-fit: contain;
}
.g-footer__ln {
	order: 4;
}
.g-footer__ln a {
	display: block;
	width: 11.75rem;
	padding: 0.625rem;
	background: #fff;
	margin: 0 auto;
}
.g-footer__ln img {
	aspect-ratio: 3.428571428571428;
}
.g-footer__bottom {
	order: 5;
	font-size: 0.75rem;
	letter-spacing: 0;
	line-height: 1.416666666666667;
	border-top: 1px solid #fff;
}
.g-footer__bottom__inner {
	padding: 0.9375rem 0 1rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
}
.g-footer__bottom ul {
	gap: 1.5625rem;
	font-weight: 700;
}
.g-footer__bottom p {
	font-weight: 700;
	text-align: center;
}
.g-footer--banners {
	background: #fff;
}
.g-footer--banners__inner {
	padding: 3.75rem 1.5625rem 4.375rem;
	max-width: 24.375rem;
	margin: 0 auto;
}
.g-footer--banners ul {
	display: flex;
	flex-flow: wrap;
	gap: 0.9375rem;
	--r: 0.9375rem;
}
.g-footer--banners ul.-large {
	flex-flow: column;
	gap: 1.1875rem;
	align-items: center;
	margin: 0 0 1.875rem;
	--w: 16.25rem;
	--a: 1.897727272727273;
	--r: 0.9375rem;
}
.g-footer--banners li {
	width: var(--w, 10.125rem);
}
.g-footer--banners picture {
	border: 1px solid #ccc;
	border-radius: var(--r);
	aspect-ratio: var(--a, 1.905882352941176);
	overflow: hidden;
}
.g-footer--banners picture img {
	width: 100%;
	height: 100%;
	border-radius: var(--r);
}
.g-header {
	border-bottom: 2px solid #000;
	height: 4.375rem;
	width: 100%;
	display: flex;
}
.g-header__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.g-header__logo picture {
	aspect-ratio: 12;
	width: 15rem;
}
.g-header__logo img {
	object-fit: contain;
}
.g-header__inner {
	flex: 1 0;
}
.g-header ul {
	display: none;
}
.g-header__btn {
	background: #000;
	color: #fff;
	width: 4.375rem;
	aspect-ratio: 1;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	pointer-events: auto;
	cursor: pointer;
}
.g-header__btn span {
	pointer-events: none;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: 0.5625rem;
	width: 1.625rem;
	height: 1.5rem;
}
.g-header__btn span i {
	display: block;
	height: 0.125rem;
	width: 100%;
	border-radius: 0.25rem;
	background: currentColor;
}
.g-header__btn p {
	pointer-events: none;
	font-size: 0.8125rem;
	letter-spacing: 0.03em;
	line-height: 1;
	font-weight: 600;
	padding: 0 0 0.0625rem;
}
.p-idlelands__map {
	aspect-ratio: 1.5;
}
.p-idleland__map iframe,
.p-idleland__youtube iframe,
.p-idlelands__map iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.p-idlelands__map__button {
	margin: 0.9375rem 0 0;
}
.p-idlelands__map__button .c-btn {
	width: 15.625rem;
	margin: 0 auto;
}
.p-idlelands__filters {
	margin: 4.375rem 0 0;
	display: flex;
	flex-flow: column;
	gap: 2.5rem;
}
.p-idlelands__filter__h {
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 0.9375rem;
}
.p-idlelands__filter__btns {
	display: flex;
	flex-flow: wrap;
	gap: 0.6875rem;
}
.p-idlelands__filter a {
	display: flex;
	padding: 0.75rem 1.4375rem;
	border: 2px solid #000;
	background: #fff;
	width: max-content;
	border-radius: 0.625rem;
	transition: background-color 0.3s ease-in-out;
}
.p-idlelands__filter a.is-current,
.p-idlelands__filter a:hover {
	background: var(--hi-hiroshima-yellow);
}
.p-idlelands__filter a.is-current {
	pointer-events: none;
}
.p-idlelands__count {
	margin: 2.5rem 0 0;
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: 700;
}
.p-idlelands__count .u-sans {
	font-size: 2.625rem;
	letter-spacing: -0.05em;
	line-height: 1;
	font-weight: 500;
	color: #ed5e00;
	margin: 0 0.047619047619048em 0 0;
}
.p-idlelands__results {
	margin: 2.5rem 0 0;
	display: flex;
	flex-flow: column;
	gap: 2.5rem;
}
.p-idleland__info {
	display: flex;
	flex-flow: column-reverse;
	gap: 1.875rem;
}
.p-idleland__info__inner {
	flex: 1 0;
}
.p-idleland__info dl {
	font-size: 0.875rem;
}
.p-idleland__info dt {
	width: 6.25rem;
	background: var(--hi-hiroshima-gray);
}
.p-idleland__eyecatch {
	border-radius: 1.25rem;
	overflow: hidden;
}
.p-idleland__eyecatch img {
	border-radius: 1.25rem;
	width: 100%;
	height: 100%;
}
.p-idleland__meta {
	display: flex;
	align-items: center;
	gap: 1.875rem;
	font-weight: 500;
}
.p-idleland__num {
	display: flex;
	align-items: baseline;
	border-bottom: 1px solid #000;
	gap: 0.625rem;
	font-size: 0.875em;
}
.p-idleland__num .u-sans {
	text-align: right;
	font-weight: 600;
	font-size: 1.428571428571429em;
}
.p-idleland__status {
	background: var(--hi-hiroshima-yellow);
	border-radius: 0.25rem;
	line-height: 1;
	display: flex;
	padding: 0.375rem 0.625rem;
}
.p-idleland__title {
	margin: 2em 0 1em;
}
.p-idleland__desc {
	margin: 0 0 2em;
}
.p-idleland__inquiry {
	margin: 2em 0 0;
}
.p-idleland__inquiry p {
	line-height: 1.2;
	margin: 0 0 1em;
}
.p-idleland__inquiry .c-btn {
	margin: 0 auto;
}
.p-idleland__content {
	margin-top: 3.75rem;
}
.p-idleland caption {
	text-align: left;
	margin: 0 0 0.75rem;
}
.p-idleland table {
	border-collapse: collapse;
	width: 100%;
}
.p-idleland table:nth-child(n + 2) {
	margin-top: 1.875rem;
}
.p-idleland td,
.p-idleland th {
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #000;
	padding: 0.625rem 0;
}
.p-idleland th {
	width: 7.5rem;
	padding-right: 0.625rem;
}
.p-idleland__map {
	aspect-ratio: 0.708245243128964;
}
.p-idleland__block {
	margin: 3em 0;
}
.p-idleland__block h3 {
	margin: 0 0 1em;
}
.p-idleland__block picture {
	display: block;
	width: 100%;
}
.p-idleland__block img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.p-idleland__youtube {
	aspect-ratio: 1.777777777777778;
}
.p-idleland__aside {
	background: #fff;
	padding: 1.25rem;
	border-radius: 1.25rem;
}
.p-idleland__aside h2 {
	font-size: 1.25rem;
	margin: 0 0 1em;
}
.p-idleland__aside p:nth-of-type(n + 2) {
	margin-top: 1em;
}
.p-idleland__footer {
	margin: 4em 0 0;
}
.p-idleland__footer .c-btn {
	width: 100%;
}
.p-information {
	padding: 0;
	max-width: none;
}
.p-information__column {
	flex-shrink: 0;
	padding: 0.625rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 1.25rem;
}
.p-information__columns {
	display: flex;
}
.p-information__columns:nth-child(n + 2) {
	border-top: 2px solid #000;
}
.p-information__column p {
	font-size: 0.9375rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--hi-hiroshima-gray);
}
.p-information__column ul {
	display: flex;
	flex-flow: column;
	gap: 0.8125rem;
}
.p-information__column a {
	align-items: center;
	font-size: 1rem;
	letter-spacing: 0.05em;
	line-height: 1.2;
	font-weight: 700;
}
.p-information__column:first-child {
	flex-basis: 35.8974358974359%;
	text-align: center;
}
.p-information__column:last-child {
	flex-basis: 64.1025641025641%;
	border-left: 2px solid #000;
	padding: 3.125rem 1.25rem;
}
.p-information h2 {
	font-size: 1.25rem;
	font-weight: 700;
}
.g-menu {
	background: #fff;
	border-left: 2px solid #000;
	margin: 0 0 0 auto;
	width: 18.125em;
	height: 100%;
	pointer-events: auto;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
}
.g-menu::-webkit-scrollbar {
	display: none;
}
.g-menu.is-open {
	transform: none;
}
.g-menu__inner {
	position: relative;
	padding: 3.75em 1em;
	font-weight: 500;
}
.g-menu__group + .g-menu__group {
	margin-top: 3.1875em;
}
.g-menu__group strong {
	display: block;
	font-size: 1.125em;
	line-height: 1.4;
	width: max-content;
}
.g-menu ul,
.g-menu__btn {
	display: flex;
	flex-flow: column;
}
.g-menu ul {
	margin: 1.5em 0 0;
	gap: 1.125em;
}
.g-menu__btn {
	align-items: center;
	justify-content: center;
	gap: 0.3125rem;
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 0.9375em;
	right: 1em;
}
.g-menu__btn span {
	pointer-events: none;
	position: relative;
	width: 1.5rem;
	height: 1.375rem;
}
.g-menu__btn span:after,
.g-menu__btn span:before {
	content: '';
	display: block;
	height: 2px;
	width: 2.0625rem;
	border-radius: 4px;
	background: currentColor;
	position: absolute;
	left: -0.28125rem;
	top: calc(50% - 1px);
	transform: rotate(43deg);
}
.g-menu__btn span:after {
	transform: rotate(-43deg);
}
.g-menu__btn p {
	pointer-events: none;
	font-size: 0.8125rem;
	letter-spacing: 0.03em;
	line-height: 1;
	font-weight: 600;
	padding: 0 0 0.0625rem;
}
.p-support__column {
	background: #fff;
	display: flex;
	flex-flow: column;
	border-radius: 1.25rem;
	padding: 1.875rem 1.25rem;
	flex-shrink: 0;
}
.p-support__columns {
	display: flex;
	flex-flow: column;
	gap: 1.25rem;
	margin: 2.5rem 0 0;
}
.p-support__column picture {
	aspect-ratio: 1.294964028776978;
	width: 6.875rem;
	margin: 0 auto 2.1875rem;
}
.p-support__column img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.p-support__column h2 {
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 0.9375rem;
}
.p-support__column p {
	line-height: 1.4;
	font-weight: 500;
}
.p-support__btn {
	margin: 1.5625rem 0 0;
}
.p-support .c-btn {
	width: 15.125rem;
	margin: 0 auto;
}
.p-system__lead {
	margin: 0 0 1.5625rem;
	font-weight: 500;
}
.p-system__lead p:first-child {
	margin: 0 0 0.9375rem;
}
.p-system__lead ul {
	display: flex;
	flex-flow: column;
	gap: 0.5625rem;
}
.p-system .simpletoc {
	margin: 0 0 4.375rem;
}
.p-system__section + .p-system__section {
	margin-top: 4.375rem;
}
.p-system__section h2 {
	margin: 0 0 1.25rem;
}
.p-system__section h3 {
	margin: 4.375rem 0 1.25rem;
}
@media only screen and (min-width: 391px) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 600px) {
	.g-footer__btns {
		flex-flow: row;
		justify-content: center;
	}
	.g-footer__btns .c-btn {
		width: 41.02564102564102vw;
	}
	.g-footer__bottom__inner {
		flex-flow: row;
		padding: 0.9375rem 7.692307692307693vw 1rem;
		justify-content: space-between;
	}
}
@media only screen and (min-width: 768px) {
	a[href*='tel:'] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	.c-btn,
	.c-topic__content .wp-element-button {
		font-size: 1.1875rem;
		line-height: 1.421052631578947;
	}
	body {
		font-size: 1.1875rem;
	}
	.c-breadcrumbs {
		font-size: 0.875rem;
	}
	.c-breadcrumbs li + li:before {
		width: 1.4375rem;
		background-size: 0.46875rem;
	}
	:where(.c-btn) {
		width: 15.125rem;
	}
	.c-card picture {
		aspect-ratio: 1.775700934579439;
	}
	.c-card__meta {
		font-size: 1.125rem;
		margin: 0 0 0.625rem;
	}
	.c-card__title {
		font-size: 1.4375rem;
	}
	.c-document {
		padding: 3.125rem;
	}
	.c-document__title {
		font-size: 1.375rem;
		margin: 0 0 1rem;
	}
	.c-document__download {
		padding: 1.875rem;
	}
	.c-document__download h5 {
		font-size: 1.375rem;
	}
	.c-document__download h5:before {
		width: 1.25rem;
	}
	.c-document__download b {
		font-size: 1.5rem;
		width: 1.6875rem;
	}
	.c-h1 {
		font-size: 3.625rem;
	}
	.c-h2,
	:where(.c-article h2) {
		font-size: 2.1875rem;
		line-height: 1.3;
		padding: 0 0 0.9375rem;
	}
	.c-h3,
	:where(.c-article h3),
	:where(.c-topic__content h2) {
		font-size: 1.625rem;
	}
	.c-h3:before,
	:where(.c-article h3):before,
	:where(.c-topic__content h2):before {
		height: 2.1125rem;
	}
	.c-h4,
	:where(.c-article h4),
	:where(.c-topic__content h3) {
		font-size: 1.375rem;
	}
	.c-h5,
	:where(.c-article h5),
	:where(.c-topic__content h4) {
		font-size: 1.1875rem;
	}
	.c-icon-label {
		--icon-size: 1.625rem;
	}
	.c-idleland h2 {
		font-size: 1.6875rem;
		gap: 0.9375rem;
	}
	.c-idleland h2 span {
		padding: 0.8125rem 0.625rem;
		font-size: 1.25rem;
	}
	:where(.c-idleland__dl dt) {
		width: 5.625rem;
		padding: 0.625rem;
	}
	.c-idleland__btn .c-btn {
		width: 12.5rem;
	}
	.c-page-header__inner {
		padding: var(--p, 5.0625rem) min(2.814698983580922vw, 36px);
		max-width: 1440px;
		margin: 0 auto;
	}
	.c-page-header h1 + p {
		margin: 1.25rem 0 0;
		font-size: 1.4375rem;
		line-height: 1.4;
	}
	.c-page-header:has(h1 + p) {
		--p: 6.875rem;
	}
	.c-page-header:has(h1 + p) h1 {
		line-height: 1;
	}
	.c-archive {
		flex-flow: wrap;
		gap: min(2.854938271604938vw, 37px) 3.431372549019608%;
	}
	.c-archive > li {
		width: 31.045751633986928%;
	}
	.c-article p.is-style-lead,
	.c-article__lead {
		margin: 0 0 6.5rem;
	}
	.c-article .is-style-caption,
	.c-article .u-caption,
	.c-article small {
		font-size: 1.0625rem;
	}
	.c-faq {
		padding: 1.875rem;
		border-radius: 1.25rem;
	}
	.c-faq + .c-faq {
		margin-top: 1.875rem;
	}
	.c-faq__title {
		font-size: 1.375rem;
	}
	.c-faq__title:before {
		top: 0.125rem;
	}
	.c-faq__content {
		padding: 1.0625rem 0 0 2rem;
	}
	.c-faq__content:before {
		top: 1.0625rem;
	}
	.c-topic__header h1 {
		font-size: 2.1875rem;
		font-weight: 700;
	}
	:where(.c-topic__content h2) {
		margin: 4.375rem 0 1.875rem;
	}
	:where(.c-topic__content h3) {
		margin: 3.125rem 0 1.25rem;
	}
	:where(.c-topic__content h4) {
		margin: 1.875rem 0 0.625rem;
	}
	:where(.c-topic__content h5) {
		margin: 1.25rem 0 0.625rem;
	}
	.c-topic__content p.is-style-lead,
	.c-topic__content__lead {
		margin: 0 0 6.5rem;
	}
	:where(.c-topic__content p) {
		margin: 1.578947368421053em 0;
	}
	.c-topic__content .is-style-caption,
	.c-topic__content .u-caption,
	.c-topic__content .wp-element-caption,
	.c-topic__content small {
		font-size: 1.0625rem;
	}
	.c-topic__content .wp-block-buttons,
	.c-topic__content .wp-block-embed,
	.c-topic__content .wp-block-image {
		margin: 1.875rem 0;
	}
	.c-topic__content > div:has(img:last-child),
	.c-topic__content > p:has(img:last-child) {
		margin: 1.875rem 0;
	}
	.c-topic__content .is-style-map iframe,
	.c-topic__content .o-fit-map iframe {
		aspect-ratio: 1.777777777777778;
	}
	.c-topic__writer {
		padding: 2.25rem 2.5rem;
	}
	.c-topic__writer h2 {
		margin: 0 0 1.25rem;
		font-size: 1.625rem;
	}
	.c-topic__related__inner {
		max-width: 1072px;
		padding: 3.75rem min(2.814698983580922vw, 36px);
		margin: 0 auto;
	}
	.u-mobile {
		display: none;
	}
	.g-footer {
		gap: 3.75rem;
	}
	.g-footer__menu {
		padding: 1.3125rem 2rem 0;
	}
	.g-footer__btns {
		gap: 2.5rem;
		order: 3;
	}
	.g-footer__btns .c-btn,
	.p-idlelands__map__button .c-btn {
		width: 18.75rem;
	}
	.g-footer__sns {
		order: 4;
	}
	.g-footer__ln {
		order: 2;
	}
	.g-footer__bottom__inner {
		padding-left: min(10.789679437060204vw, 138px);
		padding-right: min(10.789679437060204vw, 138px);
		max-width: 1440px;
		margin: 0 auto;
	}
	.g-footer--banners__inner {
		padding: 3.75rem min(6.254886630179827vw, 80px) 6.25rem;
		max-width: 1224px;
		margin: 0 auto;
	}
	.g-footer--banners ul {
		justify-content: space-between;
		gap: 1.3125rem;
		--r: 1.125rem;
	}
	.g-footer--banners ul.-large {
		flex-flow: row;
		gap: 1.375rem;
		margin: 0 0 min(2.423768569194683vw, 31px);
		--r: 1.25rem;
	}
	.g-footer--banners li {
		--w: auto;
		flex: 1 0;
	}
	.p-idlelands__map {
		aspect-ratio: 3.223684210526316;
	}
	.p-idlelands__map__button {
		margin: 1.875rem 0 0;
	}
	.p-idlelands__filters {
		margin: 4.375rem 0 0;
	}
	.p-idlelands__filter__h {
		font-size: 1.6875rem;
		margin: 0 0 1.25rem;
	}
	.p-idlelands__count {
		font-size: 1.75rem;
		margin: 3.75rem 0 0;
	}
	.p-idlelands__count .u-sans {
		font-size: 4.0625rem;
	}
	.p-idlelands__results {
		margin: 4.375rem 0 0;
		gap: 5rem;
	}
	.p-idleland__info {
		flex-flow: row;
		align-items: start;
		gap: 2.5rem;
	}
	.p-idleland__info dl {
		font-size: 1rem;
	}
	.p-idleland__info dt {
		width: 8.125rem;
	}
	.p-idleland__eyecatch {
		flex: 1 0;
	}
	.p-idleland__inquiry .c-btn {
		margin: 0;
	}
	.p-idleland th {
		width: 9.375rem;
	}
	.p-idleland__map {
		aspect-ratio: 1.777777777777778;
	}
	.p-idleland__aside {
		padding: 2.5rem;
	}
	.p-idleland__aside h2 {
		font-size: 1.5rem;
	}
	.p-idleland__footer .c-btn {
		width: max-content;
		margin: 0 auto;
	}
	.p-information__column {
		padding: min(6.802189210320562vw, 87px) min(0.781860828772478vw, 10px);
	}
	.p-information__column p {
		font-size: min(1.485535574667709vw, 19px);
	}
	.p-information__column a {
		font-size: min(1.798279906176701vw, 23px);
	}
	.p-information__column:first-child {
		flex-basis: 29.166666666666668%;
	}
	.p-information__column:last-child {
		flex-basis: 70.83333333333334%;
		padding: min(6.802189210320562vw, 87px) min(4.691164972634871vw, 60px);
	}
	.p-information h2 {
		font-size: min(2.267396403440188vw, 29px);
	}
	.p-support__columns {
		margin: 4.375rem 0 0;
		flex-flow: row;
		gap: 2rem;
	}
	.p-support__column {
		padding: 2.5rem;
		flex: 1 0;
	}
	.p-support__column picture {
		width: 11.25rem;
	}
	.p-support__column p {
		flex: 1 0;
	}
	.p-system__lead {
		line-height: 1.4;
		margin: 0 0 3.125rem;
	}
	.p-system__lead p:first-child {
		margin: 0 0 2.5rem;
	}
	.p-system__lead ul {
		gap: 0.875rem;
	}
	.p-system__section + .p-system__section {
		margin-top: 5.625rem;
	}
	.p-system__section h2 {
		margin: 0 0 1.875rem;
	}
}
@media only screen and (min-width: 1032px) {
	.c-breadcrumbs ol {
		padding: 1.25rem min(2.814698983580922vw, 36px) 0;
	}
	.c-idleland__inner {
		display: flex;
		gap: 6.875rem;
		align-items: center;
	}
	.c-idleland__inner dl {
		flex: 1 0;
	}
	.c-archive.c-page__main {
		padding-left: min(2.777777777777778vw, 36px);
		padding-right: min(2.777777777777778vw, 36px);
	}
	.c-page__breadcrumbs {
		max-width: 1296px;
		margin: 0 auto;
	}
	.c-page__main {
		margin: 0 auto;
	}
	.c-page__main.-w960 {
		max-width: 1032px;
	}
	.c-page__main.-w1000 {
		max-width: 1072px;
	}
	:where(.c-page__main) {
		padding: 4.375rem min(2.814698983580922vw, 36px);
		max-width: 1296px;
	}
	.c-topic {
		max-width: 1072px;
		margin: 0 auto;
		padding: 4.375rem min(2.814698983580922vw, 36px);
	}
	.c-topic__related h2 {
		font-size: 1.5rem;
	}
	.g-footer__menu {
		padding: 5rem 2rem 0;
		gap: 2.8125rem;
		display: flex;
		justify-content: center;
		max-width: 1031px;
		margin: 0 auto;
	}
	.g-footer__group {
		flex-shrink: 0;
	}
	.g-footer__group p {
		font-size: 1.375rem;
		margin: 0 0 2.1875rem;
	}
	.g-footer__group ul {
		display: flex;
		gap: 1.25rem;
	}
	.g-footer__group li {
		font-size: 1.1875rem;
	}
	.g-header__logo {
		width: 22.75rem;
	}
	.p-idlelands__filters {
		flex-flow: row;
		gap: 3.125rem;
	}
	.p-support__column h2 {
		font-size: 2.1875rem;
	}
}
@media only screen and (min-width: 1296px) {
	.g-header__inner {
		display: flex;
		align-items: center;
		max-width: 1296px;
		margin: 0 auto;
	}
	.g-header ul {
		display: flex;
		height: 100%;
		font-weight: 700;
		line-height: 1.3;
	}
	.g-header ul li {
		width: 9.375rem;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #000;
	}
	.g-header__btn {
		display: none;
	}
	.g-menu {
		display: none !important;
	}
	.g-menu__btn {
		display: none;
	}
}
@media only screen and (max-width: 1295px) {
	body:has(.g-menu.is-open) {
		overflow: hidden;
	}
}
@media only screen and (max-width: 1031px) {
	.g-footer__group {
		border-bottom: 1px solid #fff;
	}
	.g-footer__group p {
		padding: 1.1875rem 0;
		position: relative;
	}
	.g-footer__group p:after {
		content: '';
		display: block;
		position: absolute;
		top: 1.40625rem;
		right: 0.5rem;
		aspect-ratio: 0.5;
		width: 0.5rem;
		background: currentColor;
		-webkit-mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
		mask: url(../images/svg/arrow-right.svg) no-repeat 50% 50% / contain;
		transform: rotate(90deg);
		transition: transform 0.2s ease-in-out;
	}
	.g-footer__group__wrapper {
		overflow: hidden;
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.4s ease;
	}
	.g-footer__group ul {
		overflow: hidden;
	}
	.g-footer__group li {
		font-weight: 500;
		padding: 0.75rem 0;
	}
	.g-footer__group li:last-child {
		padding-bottom: 2rem;
	}
	.g-footer__group li a {
		opacity: 0;
		transition: opacity 0.3s ease-in-out 0.1s;
	}
	.g-footer__group.is-open p:after {
		transform: rotate(-90deg);
	}
	.g-footer__group.is-open a {
		opacity: 1;
	}
	.g-footer__group.is-open .g-footer__group__wrapper {
		grid-template-rows: 1fr;
	}
}
@media only screen and (max-width: 767px) {
	.u-desktop {
		display: none;
	}
}



