/*-----
* form-style.css ver1.0.2
* For form page(フォームページ用)
-----*/
.contact-box{
	
}
.contact-box>.inner{
	
}
.contact-box .form-core{
	
}
.contact-box .form-core>table{
	width: 100%;
	margin: 0 auto 2rem;
}
.contact-box .form-core>table>tbody>tr{
	
}
.contact-box .form-core>table>tbody>tr>th{
	width: 30%;
	text-align: right;
	padding: 0.5rem 1rem;
}
.contact-box .form-core>table>tbody>tr>th>div{
	
}
.contact-box .form-core>table>tbody>tr>th>div>.t-1{
	
}
.contact-box .form-core>table>tbody>tr>th>div>.t-1>.req{
	font-size: 0.6rem;
	background-color: #000000;
	color: #fff;
	font-weight: 400;
	line-height: 1em;
	padding: 0px 5px;
	margin-left: 10px;
}
.contact-box .form-core>table>tbody>tr>td{
	width: 70%;
	padding: 0.5rem 1rem;
}
.contact-box .form-core>table>tbody>tr>td>.inp-1{
	
}
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo{
	
}
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo>.f-2,
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo2{
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo2>input[type="text"],
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo>.f-2>input[type="text"],
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo2>textarea{
	width: 80%;
	background-color: #F6F6F6;
	border: none;
	border-radius: 3px;
}
.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo>.f-1>textarea{
	
}
.contact-box .form-core>.policy-box{
	margin-bottom: 2rem;
}
.contact-box .form-core>.policy-box>.wrap{
	
}
.contact-box .form-core>.policy-box>.wrap>.t-2{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}
.contact-box .form-core>.policy-box>.wrap>.t-2>span>label{
	font-size: 1rem;
	font-weight: 700;
}
.contact-box .form-core>.policy-box>.wrap>.t-3{
	text-align: center;
	margin-bottom: 1rem;
}
.contact-box .form-core>.policy-box>.wrap>.t-3>p{
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
	transition: all 200ms 0s ease;
}
.contact-box .form-core>.policy-box>.wrap>.t-3>p:hover{
	opacity:0.5;
}
.contact-box .form-core>.send-box{
	
	
}
.contact-box .form-core>.send-box>.s-3{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 30px;
}
.contact-box .form-core>.send-box>.s-3>input[type="submit"]{
	background-color: var(--key-color-6);
	color: #fff;
	font-size: 1rem;
	border: 1px solid var(--key-color-6);
	padding: 0.5rem 2rem;
	transition: all 200ms 0s ease;
}
.contact-box .form-core>.send-box>.s-3>input[type="submit"]:hover{
	background-color: #fff;
	color: var(--key-color-6);
}
.contact-box .form-core .error{
	margin-top: 5px;
	font-size: 0.8rem;
	background-color: #b70000;
	color: #fff;
	display: inline-block;
	padding: 2px 1rem;
}
.contact-box .thanks-box{
	text-align: center;
	min-height: 50vh;
}
.contact-box .thanks-box>.title{
	font-size: 1.2rem;
	font-weight: 600;
}
.contact-box .thanks-box>.text{
	font-size: 1rem;
	font-weight: 600;
}
@media screen and (max-width:768px){
	.contact-box>.inner{
		padding: 2rem 5%;
	}
	.contact-box .form-core>table>tbody>tr>th,
	.contact-box .form-core>table>tbody>tr>td{
		width: 100%;
		display: block;
		text-align: left;
	}
	.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo2>input[type="text"],
	.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo>.f-2>input[type="text"],
	.contact-box .form-core>table>tbody>tr>td>.inp-1>.fo2>textarea {
		width: 100%;
	}
}