@charset "UTF-8";
/* -----------------------------------------------------
 レイアウト
----------------------------------------------------- */
._layout_inner-is_maxWidth {
	max-width: 100%;
	min-width: calc(320px - (20px * 2));
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background-image: linear-gradient(135deg, #fff 10%, #f8ecf3 100%);
}

/* -----------------------------------------------------
 ページヘッダ
----------------------------------------------------- */
.pageHeader {
	margin-top: 1rem;
}
.pageHeader__title {
	text-align: center;
}
.pageHeader__title a {
	display: inline-block;
}
.pageHeader__mainTitle {
	display: block;
	margin-top: 2rem;
	text-align: center;
	font-size: 4rem;
	line-height: 1.25;
}
.pageHeader__subTitle {
	display: block;
	text-align: center;
	font-size: 2.25rem;
}
.pageHeader__message {
	margin-top: 2rem;
	font-size: 1.75rem;
	text-align: center;
}

/* -----------------------------------------------------
 ナビゲーション
----------------------------------------------------- */
.globalNav {
	margin-top: 3rem;
	background-image: url(../images/sass-logo2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding-bottom: 2rem;
}
.globalNav__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.globalNav__item {
	margin-top: 2rem;
	margin-left: 3rem;
	margin-right: 3rem;
}
.globalNav ._section_title {
	font-size: 2.5rem;
}

.globalNavList {
	margin-top: 1rem;
}
.globalNavList__item {
	font-size: 1.5rem;
}
.globalNavList__item a:hover {
	border-bottom: 1px solid #000;
}

/* -----------------------------------------------------
 Compatible
----------------------------------------------------- */
.compatible__title {
	margin-top: 4rem;
	font-size: 2rem;
	text-align: center;
}

.compatibleList {
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	max-width: 840px;
}
.compatibleList__item {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.5em;
	font-size: 1.5rem;
}
.compatibleList__item a {
	color: #212121;
	border-bottom: none;
}
.compatibleList__item a:hover {
	border-bottom: 1px solid #212121;
}

/* -----------------------------------------------------
 ページフッタ
----------------------------------------------------- */
.pageFooter {
	margin-top: 4rem;
	padding: 2rem 0;
	text-align: center;
}
.pageFooter__title {
	font-size: 2em;
}

.copyright {
	padding: 0.75em 0;
}
.copyright__contents {
	text-align: center;
}