:root{
  --mainColor:#2DAC7A;
  --contact-black:#333;
	--gray:#eee;
  --white:#fff;
	--pink:#F94C66;
	--lightgreen:#d5f3d5;
	--contact-border-color:#ddd;
	--orange:#ff9f2a;
}
html,body{
	margin:0;
	font-family: "noto-sans-cjk-jp", sans-serif;
}
.contact{
	color:var(--contact-black);
	padding:1em;
	box-sizing:border-box;
	width:100%;
	max-width:600px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
}
.contact h2{
	text-align:center;
	color:var(--mainColor);
}
.contact input[type="text"],
.contact input[type="email"],
.contact textarea{
	width:100%;
}
.contact input{
	border:none;
	outline:none;
	border-bottom:1px solid var(--contact-border-color);
	padding:.5em 0 .5em .25em;
	box-sizing:border-box;
	color:var(--contact-black);
}
.contact input:focus{
	background-color:#eeffed;
}
.contact input,
.contact select{
	margin-bottom:1em;
}
.contact label,
.contact p{
	font-size:16px;
}
.contact textarea{
	border:1px solid var(--contact-border-color);
	box-sizing:border-box;
}
.contact select{
	border:1px solid var(--contact-border-color);
	padding:.5em;
	box-sizing:border-box;
	width:100%;
	height:30px;
	color:var(--contact-black);
}
.contact-div{
	height:100vh;
}
.error{
	color:#f00;
}
.contact input[type="submit"] {
	width: 80%;
	font-size:1.2em;
	display: block;
	margin: 1em auto 0;
	padding: 1em 0;
	max-width: 400px;
	background-color:var(--orange);
	color:var(--white);
	border-radius:8px;
	box-shadow: 0 5px 3px 0 #bb7015;
}
/*====================================

  ■THANKSページ

=====================================*/
.thanks {
    text-align: center;
}

.thanks .thanks_title {
	text-align: center;
    display: block;
    font-family: "noto-sans-cjk-jp", sans-serif;
    color: #83663c;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 2px;
}

@media screen and (min-width: 768px) {
    .thanks .thanks_title {
        font-size: 40px;
        letter-spacing: 4px;
}
}
.thanks .sub_text {
	text-align: center;
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #2dac7a;
    margin: 0 auto 40px;
}
.text__block {
	text-align: center;
	margin-bottom: 40px;	
}
.back{
	text-align:center;
}
.back > a:hover{
	cursor:pointer;
}

.contact-div{
	max-width:600px;
	margin:0 auto;
}