/******************************
*contact用（フレーム）
*****************************/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inquiry_area{
	background-color: white;
	width: 60%;
	max-width: 980px;
	padding: 2% 3% 5% 3%;
	margin: -9% auto 18% auto;
}

.inquiry-title {

}
.inquiry-title img {
	width: 50%;
}
.inquiry-line {

}
.inquiry-line img {
	width: 100%;
	vertical-align: bottom;
}

.inquiry-body {
	width: 90%;
	margin: 3% auto;
	font-size: 14px;
	word-wrap: break-word;
}
.inquiry-back {
	width: 40%;
	margin: 4% auto 2% auto;
	max-width: 230px;
}
.inquiry-back img {
	width: 100%;
}

.inquiry-back a {
	display: block;
}



form input[type ="text"],
form input[type ="tel"],
form textarea{
	width: 95%;
	margin: 0 auto 8px;
	padding: 2px;
	font-size: 1rem;
	height:1.7rem
}

form textarea{
	overflow: hidden;
	word-wrap: break-word;
	resize: horizontal;
	height: 170px;
}

form input[type = "radio"]{
	/* 色の変更※枠線の色は変更できない */
	accent-color: #977773;
	/* 大きさ */
	inline-size: 1.3rem;
	block-size: 1.3rem;
	margin: 5px 5px;
	vertical-align: middle;
	cursor: pointer;
}
.red_text{
	color: red;
}

.form_block{
	text-align: left;
}

.form_block dd{
	text-align: left;
	margin: 0;
}

.form_block dd ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
}

.form_block dd li{
	display: inline;
	margin-right: 20px;
}
.transmission{
	width: 80%;
	max-width: 200px;
	margin: 0 auto;
}
.btn_submit{
	width: 70%;
	margin: auto;
	cursor: pointer;
}

.btn_submit img{
	max-width: 100%;
}



span.error_m {
	font-size: 12px;
	font-weight: bold;
	color: #FF4040;
	display: block;
	margin: 0px 0;
}


/*confirm*/
ul.form_block{
	list-style: none;
	padding-left: 0;
	margin: 16px 0;
	display: inline-block;
	width: 100%;
	text-align: center;
}

ul.form_block li{
	display: inline-block;
	width: 40%;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
}

ul.form_block li span{
	font-weight: bold;
}
.grayout {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	cursor: default;
}

.transmission ul.chk_block{
	margin: 16px 0;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	place-items: center;
	place-content: center;
	max-width: 500px;
	margin: auto;
}
.transmission li{
	width: 100%;
}

#recaptcha-submit-bt{
	position: absolute;
	left: 0%;
	top: 0%;
}

@media screen and (max-width: 670px){

	.inquiry_area{
		width: 80%;
		padding: 5%;
		margin: -5% auto 2% auto;
	}
	.inquiry-title {
		text-align: center;

	}
	.inquiry-title img {
		width: 50%;
	}
	.inquiry-body {
		width: 100%;
	}
	.inquiry-back {
		width: 60%;
		max-width: 200px;
	}

	.transmission{
		width: 100%;
	}
	.transmission ul.chk_block{
		grid-template-columns: repeat(1, 1fr);
		max-width: 200px;
	}

	ul.form_block li{
		width: 100%;
	}
}

/******************************
*contact用(add)
*****************************/
.totop{
    display: block;
    width: 50%;
    margin: 10% auto 5%;
    max-width: 171.5px;
}
.contact_foot{
	position: relative;
    width: 100%;
    border-top: 1px solid rgb(112 112 112);
    background-image: url("/img/footer/footer_img2.png");
    background-repeat: repeat;
    background-size: 3.2vw;
}

.company{
    display: block;
    width: 8vw;
    padding: 2vw 10vw 1.5vw;
    margin: auto;
    max-width: 150px;
}
.copyright{
    display: block;
    width: 18vw;
    padding: 0vw 0 1vw;
    margin: auto;
    transform: translateX(0.3vw);
    max-width: 162px;
}
@media screen and (min-width: 900px){
	.company{
		padding: 18px 90px 13.5px;
	}
	.copyright{
		padding: 0vw 0 9px;
		transform: translateX(3px);
	}

}

@media screen and (max-width: 670px){
	.totop{
		width: 70%;
		max-width: 140px;
	}
	.company{
		width: 14vw;
	}
	.copyright{
		width: 20vw;
	}

}