@charset "utf-8";
/*=== Box-sizing ===*/
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

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

header {
    overflow: hidden;
    padding-bottom: 1.5vw;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 6vw;
	z-index: 10;
	background-color: #000;
}

.headerLine {
	display: flex;
	align-items: flex-start;
	height: 4.7vw;/*5.6*/
	padding-right: 8.5vw;
	padding-left: 8.5vw;
	padding-bottom: 0.7vw;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C7A416;
	transition: all 0.6s ease;
}

h1 {
	width: 15%;/*14*/
	padding-top: 0.7vw;
	padding-right: 4vw;
}

h1 img {
	vertical-align: bottom;
	height: 3.3vw;
	width: auto;
	transition: all 0.6s ease;
}



/* 非表示 */
.snsLink {
	display: none;/*非表示*/
	/*display: flex;*/
	justify-content: flex-end;
	width: 20%;
}

.snsLink .snsIcon {
	margin-left: 1.6vw;
}

.snsLink .snsIcon img {
	vertical-align: bottom;
	height: auto;
	width: 1.8vw;
}

.snsLink .snsIcon:hover {
	opacity: 0.6;
}

/* Wrapper */
.wrapper {
	width: 100%;/*76*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 6.3vw;/*10*/
}

/*
h2 {
	font-size: 2.2vw;
	line-height: 120%;
	font-weight: 500;
	color: #006BB8;
	padding-bottom: 0.3em;
}
*/

/* Footer */
footer {
	background-color: #000;
	text-align: center;
	padding-top: 2vw;
	padding-bottom: 2vw;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B79D26;
}

.footerLogo {
	width: 14%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1.6vw;
}

.footerLogo img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.copy {
	font-size: 1vw;
	text-align: center;
	color: #CCC;
}

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

.pageTop:hover {
	opacity: 1;
	transition:all 0.3s;
}

.forSp {
	display: none;
}

.forPc {
	display: block;
}

.emp {
	display: none;
}

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

header {
    overflow: hidden;
    padding-bottom: 8vw;/*1.5vw*/
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 8vh;/*6vw*/
	z-index: 10;
	background-color: #000;
}

.headerLine {
	display: flex;
	align-items: flex-start;
	height: 8vh;/*4.7vw*/
	padding-right: 8.5vw;
	padding-left: 8.5vw;
	padding-bottom: 0.7vw;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C7A416;
	transition: all 0.6s ease;
}

h1 {
	width: 35%;/*15*/
	padding-top: 1.4vh;/*0.7vw*/
	padding-right: 4vw;
}

h1 img {
	vertical-align: bottom;
	height: 5vh;/*3.3vw*/
	width: auto;
	transition: all 0.6s ease;
}



/* 非表示 */
.snsLink {
	display: none;/*非表示*/
	/*display: flex;*/
	justify-content: flex-end;
	width: 20%;
}

.snsLink .snsIcon {
	margin-left: 1.6vw;
}

.snsLink .snsIcon img {
	vertical-align: bottom;
	height: auto;
	width: 1.8vw;
}

.snsLink .snsIcon:hover {
	opacity: 0.6;
}

/* Wrapper */
.wrapper {
	width: 100%;/*76*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 9vh;/*6.3vw*/
}

h2 {
	font-size: 2.2vw;
	line-height: 120%;
	font-weight: 500;
	color: #006BB8;
	padding-bottom: 0.3em;
}

/* Footer */
footer {
	background-color: #000;
	text-align: center;
	padding-top: 3vh;
	padding-bottom: 3vh;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B79D26;
}

.footerLogo {
	width: 28%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2vh;
}

.footerLogo img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.copy {
	font-size: 3vw;
	text-align: center;
	color: #CCC;
}

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

.pageTop:hover {
	opacity: 1;
}

.forSp {
	display: block;
}

.forPc {
	display: none;
}

}