@charset "utf-8";

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;
}

h2.title2 {
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	font-size: 3vw;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 500;
	color: #C7A416;
	padding-bottom: 1em;
	margin-bottom: 0px;
}


.formArea {
	width: 100%;
}

.formTtl {
	font-size: 1.4vw;
	line-height: 130%;
	color: #666;
	padding-bottom: 0.5em;
	font-weight: 400;
}

.long {
	font-size: 1.2vw !important;
	line-height: 130%;
	width: 82% !important;
	background-color: #FFF !important;
	border: 1px solid #666;
}

.longWide {
	font-size: 1.2vw !important;
	line-height: 130%;
	width: 82% !important;
	background-color: #FFF !important;
	height: 20vh !important;
	border: 1px solid #666;
}

.btnSize {
	font-size: 1.4vw;
	border-radius: 6px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px solid #999;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.btnSize:hover {
	cursor: pointer ;
	opacity:0.6 ;
}

.forSp {
	display: none;
}

/* 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;
}

.thanksTxt {
	font-size: 1.2vw;
	line-height: 160%;
	font-weight: 400;
	padding-bottom: 4vw;
}

@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;
}

h2.title2 {
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	font-size: 8vw;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 500;
	color: #C7A416;
	padding-bottom: 1em;
	margin-bottom: 0px;
}

.formArea {
	width: 100%;
}

.formTtl {
	font-size: 4.5vw;
	line-height: 130%;
	color: #666;
	padding-bottom: 0.5em;
	font-weight: 400;
}

.long {
	font-size: 4vw !important;
	line-height: 130%;
	width: 100% !important;
	padding: 0.3em !important;
	margin-bottom: 2vh !important;
}

.longWide {
	font-size: 4vw !important;
	line-height: 130%;
	width: 100% !important;
	background-color: #FFF !important;
	height: 20vh !important;
	margin-bottom: 3vh !important;
}

.checkTxt {
	width: 100% !important;
}

.btnSize {
	font-size: 1.4vw;
	border-radius: 6px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px solid #999;
	margin-bottom: 1vh !important;
}

.btnSize:hover {
	cursor: pointer ;
	opacity:0.6 ;
}

.forSp {
	display: block !important;
}

.thanksTxt {
	font-size: 3.8vw;
	line-height: 160%;
	font-weight: 400;
	padding-bottom: 6vw;
}


}