@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* page-about.css */

.title-area {
	padding-top: var(--space-m);
	padding-bottom: var(--space-xs);
}

.title-area p {
	width: min(100%,880px);
	margin: 0 auto;
	font-weight: 500;
	font-size: var(--ft-size-18);
}

.greeting-area {
	padding-bottom: var(--space-l);	
}

.greeting-area .wp-block-columns {
	width: min(100%,786px);
	margin: 0 auto;
	gap: 2.5rem !important;
}

.greeting-area .wp-block-columns .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0 !important;
	font-weight: 500;
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(1) {
	width: 31.043%;
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(1) p {
	margin-top: 0.5rem;
	line-height: var(--ft-lh-xs);
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(1) p strong {
	display: block;
	margin-top: 0.25em;
	font-weight: 700;
	font-size: var(--ft-size-20);
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(2) {
	width: calc(100% - 31.043% - 2.5rem);
}

.greeting-area p.message {
	margin-bottom: 2.4rem;
	text-align: right;
	font-weight: 700;
	font-size: var(--ft-size-36);
	font-feature-settings: "palt";
	color: var(--color-primary);
}

.greeting-area p.message strong {
	display: block;
	width: fit-content;
	margin-right: auto;
	text-align: left;
	font-weight: 700;
	font-size: calc(var(--ft-size-36) * 1.056);
}

.outline-area {
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
}

.outline-area > div > .wp-block-columns {
	justify-content: space-between !important;
	gap: 0 3.774%;
}

.outline-area > div > .wp-block-columns > .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0 !important;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(1) {
	width: 48.113%;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(2) {
	width: 48.113%;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(2) > p {
	width: 52.85%;
	margin-top: 0.8rem;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(2) > p a {
	display: flex;
	align-items: center;
	width: fit-content;
	margin-left: auto;
	padding: 0.5rem 1.0rem;
	background-color: var(--color-primary);
	font-weight: 500;
	color: #FFFFFF;
	gap: 0.3rem;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(2) > p a::after {
	content: "";
	width: 14px;
	height: 16px;
	background-color: #FFFFFF;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	flex-shrink: 0;
}

.outline-area .wp-block-columns.factory-box + * {
	margin-top: 1.5rem;
}

.outline-area .wp-block-columns.factory-box {
	gap: 1.2rem;
}

.outline-area .wp-block-columns.factory-box .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0 !important;
}

.outline-area .wp-block-columns.factory-box .wp-block-column:nth-of-type(1) {
	width: 52.85%;
}

.outline-area .wp-block-columns.factory-box .wp-block-column:nth-of-type(2) {
	width: calc(100% - 52.85% - 1.2rem);
}

.outline-area .wp-block-columns.factory-box .wp-block-column:nth-of-type(2) p {
	font-weight: 700;
}

.outline-area .wp-block-columns.factory-box .wp-block-column:nth-of-type(2) p strong {
	font-weight: 700;
	font-size: var(--ft-size-20);
}

.outline-area table {
	border: 0;
}

.outline-area table + table {
	margin-top: 1em;
}

.outline-area table tr th,
.outline-area table tr td {
	width: auto;
	vertical-align: top;
	border: 0;
}

.outline-area .ol-tbl01 table tr td:first-of-type {
	width: 5em;
}

.outline-area .ol-tbl02 table tr td:first-of-type {
	width: 7em;
}

.outline-area table tr td:first-of-type {
	font-weight: 700;
	font-size: var(--ft-size-18);
}

.outline-area table tr td:first-of-type::after {
	content: "：";
	display: inline-block;
}

.history-area {
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
}

.history-area .wp-block-columns {
}

.history-area .wp-block-columns .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0 !important;
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) {
	width: 21.132%;
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) figure + figure {
	margin-top: var(--space-xs);
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) figcaption {
	margin: 0.2rem 0 0;
	font-weight: 500;
	font-size: var(--ft-size-14);
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(2) {
	width: 64.434%;
}

.history-area table {}

.organization-area {
	background-color: rgba(220,220,220,0.5);
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
}

.access-area {
	padding-top: var(--space-l);
	padding-bottom: var(--space-l);
}

.access-area h4 {
	margin-bottom: 0.8rem;
	line-height: var(--ft-lh-xs);
	font-weight: 700;
	font-size: var(--ft-size-24);
	color: var(--color-primary);
}

.access-area p {
	margin-bottom: 2.0rem;
	font-weight: 700;
}

.access-area p em {
	display: inline-block;
	font-weight: 700;
	font-style: normal;
}

.access-area .gmap iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 518 / 366;
}

/* ================================================ */
@media (max-width: 1100px) {
}

/* ================================================ */
@media (max-width: 840px) {
.greeting-area .wp-block-columns {
	flex-flow: column-reverse nowrap;
	align-items: center !important;
	justify-content: center !important;
	gap: 3.2rem !important;
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(1) {
	width: min(100%,280px);
}

.greeting-area .wp-block-columns .wp-block-column:nth-of-type(2) {
	width: auto;
}

.outline-area > div > .wp-block-columns {
	gap: 3.2rem;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(1) {
	width: 100%;
}

.outline-area > div > .wp-block-columns > .wp-block-column:nth-of-type(2) {
	width: 100%;
}

.history-area .wp-block-columns {
	flex-flow: column-reverse nowrap;
	gap: 3.2rem;
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	gap: 1.6rem;
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) figure + figure {
	margin-top: 0;
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(1) figure {
	width: calc((100% - 1.6rem) / 2);
}

.history-area .wp-block-columns .wp-block-column:nth-of-type(2) {
	width: 100%;
}


}

/* ================================================ */
@media (max-width: 480px) {
}