/* contact */
@charset "UTF-8";
:root{
    --black: #1d1d1d;
    --white: #fff;
    --gray: #9f9f9f;
    --right-gray: #f9f9f9;
}
/*========== pgae-common ==========*/
.content-Header{
	height: 60vh;
	background-color: var(--black);
	position: relative;
}
.page-Title-En{
	position: absolute;
	top: 54%;
	left: 4%;
	font-size: 6rem;
	font-weight: 900;
	font-family: 'Akshar', sans-serif;
	color: var(--white);
}
.content-Title{
	margin: 0;
	position: absolute;
	top: 90%;
	left: 4%;
	transform: translateY(-50%);
	color: var(--white);
}

/*========== contact-page ==========*/
#page-Contact .page-Sec-Title{
	color: var(--gray);
}
#page-Contact .contact-form input{
	width: 100%;
	padding: 0.5rem 0;
	margin-top: 0.3rem;
}
#page-Contact .contact-form textarea{
	width: 100%;
	height: 8em;
	margin-top: 0.3rem;
}
#page-Contact .contact-form p:nth-child(10){
	margin-top: 4rem;
}
#page-Contact .contact-form p{
	margin-bottom: 1rem;
}
#page-Contact p.text{
	margin-bottom: 5rem; /*説明テキストのマージン指定*/
}
#page-Contact .contact-form button{
	display: inline-block;
    padding: 0.5rem 2rem;
    border: solid 1px var(--black);
    border-radius: 5px;
    position: relative;
    transition: 0.5s ease;
	background-color: var(--black);
	color: var(--white);
}
#page-Contact .contact-form button:hover{
	background-color: var(--white);
	color: var(--black);
}
/*error message */
.error li{
	color: red;
}