@charset "utf-8";

/*=== Box-sizing ===*/
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pcNon {
	display: none;
}

.soNon {
	display: none;
}

.empty {
	display: none;
}

.space {
	width: 13.8%;
	height: 0vw;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*=== Body ===*/
body {
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding-top: 0vh;/*11vh*/
	color: #000;
}

/*=== ヘッダー ===*/
header {
	display: flex;
	flex-wrap:wrap;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

.shoulder {
	font-size: 1.5vw;
	line-height: 120%;
	color: #3E859F;
	text-align: right;
	width: 100%;
	font-weight: 400;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: block;
}

h1 {
	width: 50%;
	font-size: 3.2vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 0.14em;
	color: #333;
}

h1 a,
h1 a:visited {
	font-size: 3.2vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 0.14em;
	text-decoration: none;
	color: #333;
}

h1 a:hover {
	font-size: 3.2vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 0.14em;
	text-decoration: none;
	color: #333;
}

.snsIcon {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 50%;
	padding-bottom: 0.1vw;
}

.snsIcon p {
	height: 2vw;
	width: 2vw;
	margin-left: 1.5vw;
}

.snsIcon p a:hover {
	opacity: 0.6;	
}

.snsIcon img {
	height: auto;
	width: 100%;
}

/*=== コンテンツ ===*/
.wrapper {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 6vw;
}

/*=== フッター ===*/
footer {
	margin-top: 5vw;
	background-color: #4B9DB8;
	padding-top: 1vw;
	padding-bottom: 2vw;
}

.othersLink {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.linkTxt a,
.linkTxt a:visited {
	font-size: 1.2vw;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}

.linkTxt a:hover {
	opacity: 0.7;
}

.copy {
	font-size: 1.4vw;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	padding-top: 3vw;
	letter-spacing: 0.15em;
}

/*=== フォントカラー ===*/
.red {
	color: #C00;
}

.blue {
	color: #3951D7;
}

.green {
	color: #3C8E4A;
}

/* ページトップ */
.pageTop {
	position: fixed;
	right: 3%;
	bottom: 60px;
	height: 36px;
	width: 36px;
	cursor:pointer;
	opacity: 0.6;
}

.pageTop:hover {
	opacity: 1;
}


@media screen and (max-width: 767.98px){ /*768-992*/

.pcNon {
	display: block;
}

.space {
	width: 100%;
	height: 26vw;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*=== Body ===*/
body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding-top: 100px; /*76*/
}

/*=== 固定 ===*/
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: #FFF;
}

.shoulder {
	display: none;
}

h1 {
	width: 80%;
	font-size: 8vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 4vh;
	padding-top: 0.8em;
	padding-left: 0.5em;
}

h1 a,
h1 a:visited {
	font-size: 8vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 0.14em;
	text-decoration: none;
	color: #333;
}

h1 a:hover {
	font-size: 8vw;
	line-height: 120%;
	font-weight: 500;
	padding-bottom: 0.14em;
	text-decoration: none;
	color: #333;
}

.snsIcon {
	display: none;
}

/*=== コンテンツ ===*/
.wrapper {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

/*=== フッター ===*/
footer {
	margin-top: 5vw;
	background-color: #4B9DB8;
	padding-top: 3vw;
	padding-bottom: 7vw;
}

.othersLink {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.linkTxt a,
.linkTxt a:visited {
	font-size: 3.8vw;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}

.linkTxt a:hover {
	opacity: 0.7;
}

.copy {
	font-size: 4vw;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	padding-top: 12vw;
	letter-spacing: 0.15em;
}

/* ページトップ */
.pageTop {
	position: fixed;
	right: 10px;
	bottom: 60px;
	height: 36px;
	width: 36px;
	cursor:pointer;
	opacity: 0.6;
}

.pageTop:hover {
	opacity: 1;
}