@charset "utf-8";

/* ----------------------------------------
   Layout
   全ページ共通の骨組み
---------------------------------------- */

/* ----------------------------------------
   Site main
---------------------------------------- */
#site-main {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: #ffffff;
}

.site-main-show {
	opacity: 1;
	visibility: visible;
}

.site-main-hidden {
	opacity: 0;
	visibility: hidden;
}

/* ----------------------------------------
   右側全体
---------------------------------------- */
.front-page-original {
	position: relative;
	min-height: 100vh;
	background: #ffffff;
}

/* ----------------------------------------
   上部メッセージ
---------------------------------------- */


/* ----------------------------------------
   右側本文の土台
---------------------------------------- */
.page-standard {
	width: 100%;
	padding: 0;
	background: #ffffff;
}

.page-standard__inner {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
}

.page-standard__article {
	margin: 0;
	padding: 0;
}

.page-standard__page-title-wrap {
	width: 100%;
	text-align: center;
	padding: 54px 0 28px;
}

/* ----------------------------------------
   Utility
---------------------------------------- */
.layout-inner {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
}

.is-hidden {
	display: none !important;
}

.is-visible {
	display: block !important;
}

/* ----------------------------------------
   Footer
---------------------------------------- */
.site-footer,
footer {
	position: relative;
	width: 100%;
}

/* ----------------------------------------
   Responsive
---------------------------------------- */
@media screen and (max-width: 767px) {
	.top-message {
		min-height: 44px;
		padding: 10px 14px;
		font-size: 10px;
		letter-spacing: 0.1em;
	}

	.page-standard__inner,
	.layout-inner {
		width: calc(100% - 32px);
	}

	.page-standard__page-title-wrap {
		padding: 40px 0 22px;
	}
}