/*================================================
 *  other 共通
 ================================================*/
#other {
	width:100%;
	max-width: 136rem;
	margin:5% auto;
	padding:0;
}
#other h1{
	margin:0 auto;
	padding:0 0 3rem 0;
	text-align:center;
	font-size:4rem;
	font-weight:800;
}

@media screen and (max-width:768px) {
	#other h1{
		font-size:5.208333333vw;
	}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) {
	#other h1{
		font-size:9.375vw;
	}
}


/*================================================
 *  お問い合わせページ
 ================================================*/
.contact .read{
	text-align:center;
	margin:0 auto;
	font-size:1.6rem;
	font-weight:500;
}
.contact .spSpace{
	display:inline-block;
	margin:0;
	padding:0;
}
.contact .formArea{
	width:75%;
	margin:5rem auto;
	padding:0;
}
.contact .formArea p{
	margin: 0;
}
.contact .formArea dl{
	width:98%;
	margin:0 auto;
	padding:0;
}
.contact .formArea dl dt{
	display:inline-block;
	width:20%;
	margin:2rem auto;
	padding:0;
	font-size:1.6rem;
	font-weight:600;
	vertical-align:top;
}
.contact .formArea dl dt span.icon{
	text-align:center;
	font-size:1.2rem;
	font-weight:600;
	background-color:#009804;
	color:#FFF;
	padding:.2rem .4rem;
	margin:0 .5rem;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.contact .formArea dl dt .spR{
	display:none;
}
.contact .formArea dl dd{
	display:inline-block;
	width:79%;
	margin:1.5rem auto;
	padding:0;
	vertical-align:top;
	font-size:1.6rem;
}
.contact .formArea dl dd span{
	font-size:1.4rem;
	font-weight:500;
}
.contact .formArea dl dd input[type=text]{
	border:1px solid #c8c8c8;
	margin:0;
	padding:8px;
}
.contact .formArea dl dd input[type=tel]{
	border:1px solid #c8c8c8;
	margin:0;
	padding:8px;
}
.contact .formArea dl dd input[type=email]{
	border:1px solid #c8c8c8;
	margin:0;
	padding:8px;
}
.contact .formArea dl dd input[type=text].w150{
	width:15rem;
	margin-right:1rem;
}
.contact .formArea dl dd input[type=text].w310{
	width:31rem;
}
.contact .formArea dl dd input[type=text].w445{
	width:44.5rem;
}
.contact .formArea dl dd input[type=text].w600{
	width:60rem;
}
.contact .formArea dl dd textarea{
	width:60rem;
	height:20rem;
	border:1px solid #c8c8c8;
	margin:0;
	padding:8px;
}
input::-webkit-input-placeholder {
	color: #808080;
	font-weight:600;
}
input:-ms-input-placeholder {
	color: #808080;
	font-weight:600;
}
input::-moz-placeholder {
	color: #808080;
	font-weight:600;
}
.contact .formArea .btnArea{
	margin:2rem auto;
	padding:0;
	text-align:center;
}
.contact .formArea .btnArea ul {
	width:60%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.contact .formArea .btnArea ul li{
	display:inline-block;
	width:46%;
	margin:0 1%;
}
.contact .formArea .btnArea input[type=button],
.contact .formArea .btnArea input[type=submit]{
	width:100%;
	border:3px solid #83BB00;
	border-radius:35rem;
	background-color:#FFF;
	font-size:1.8rem;
	font-weight:600;
	padding:1.5rem 3%;
	margin:0 auto;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.contact .formArea .btnArea input[type=button]:hover,
.contact .formArea .btnArea input[type=submit]:hover{
	background-color:#83BB00;
	color:#FFF;
}
.contact .formArea .error,
.wpcf7-not-valid-tip{
	color:#F00;
	margin:.5rem 0 0 0;
	padding:0;
	line-height:1.4rem;
	font-size:1.4rem;
}
.contact .completion,
.screen-reader-response{
	margin:0 auto;
	padding:5rem 0;
	font-size:1.4rem;
	font-weight:600;
	width:60%;
}
.contact ul{
	margin:0;
	padding:0;
}
.contact ul.ind1 li{
	font-size: 1.2rem;
}

.screen-reader-response ul{
	display: none!important;
}


/* エラー処理 */
    dd .wpcf7-not-valid-tip {
        display: none;
    }

    dd .error-message {
        color: red;
        display: none; 
    }

    dd :has(.wpcf7-not-valid-tip) .error-message {
        display: block;
    }
    


@media screen and (max-width:1200px) {
	.contact .formArea{
		width:94%;
	}
	.contact .formArea dl dt{
		width:25%;
	}
	.contact .formArea dl dd{
		width:75%;
	}
	.contact .formArea dl dd input[type=text].w150{
		width:25%;
	}
	.contact .formArea dl dd input[type=text].w310{
		width:51.6%;
	}
	.contact .formArea dl dd input[type=text].w445{
		width:74%;
	}
	.contact .formArea dl dd input[type=text].w600{
		width:100%;
	}
	.contact .formArea dl dd textarea{
		width:100%;
	}
	.contact .completion,
	.screen-reader-response{
		width:80%;
	}
}

@media screen and (max-width:768px) {
	.contact .read{
		text-align:left;
		margin:0 2%;
	}
	.contact .spSpace{
		display:block;
		text-indent:8rem;
		margin:0;
		padding:0;
	}
	.contact .formArea dl dt{
		display:block;
		width:100%;
	}
	.contact .formArea dl dd{
		display:block;
		width:100%;
	}
	.contact .formArea dl dt .spR{
		display:block;
		float:right;
		font-weight:500;
		font-size:1.4rem;
	}
	.contact .formArea dl dd .spR{
		float:right;
	}
	.contact .formArea dl dd .pc{
		display:none;
	}
	.contact .formArea dl dd input[type=text]{
		padding:1.5%;
	}
	.contact .formArea dl dd input[type=text].w150{
		width:45%;
		margin-right:1.2%;
	}
	.contact .formArea dl dd input[type=text].w310{
		width:95%;
	}
	.contact .formArea dl dd input[type=text].w445{
		width:95%;
	}
	.contact .formArea dl dd input[type=text].w600{
		width:95%;
	}
	.contact .formArea dl dd textarea{
		width:95%;
	}
	.contact .formArea .btnArea ul {
		display:block;
		width:90%;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	.contact .formArea .btnArea ul li{
		display:block;
		width:96%;
		margin:1rem 1%;
		text-align:center;
	}
	.contact .formArea .btnArea input[type=button]{
		padding:1rem 3%;
	}
	.contact .completion,
	.screen-reader-response{
		width:94%;
	}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) {
}

