@charset "UTF-8";

/*ページタイトル*/
h1.entry-title{
	display:none;
}
/*投稿日・投稿者・ホーム*/
.date-tags{
	display:none;
}

.img-back{
	z-index:1;
	height:100%;
	background-position: 50% 40%;
	background-size: cover;
	background-image: url("http://iga.best/wp-content/uploads/2023/07/c6d3221f6f2fb293880455f2e7e0c4ed.jpg");
	object-fit:cover;
	
	-webkit-filter:blur(1.5px);
	-moz-filter:blur(1.5px);
	-ms-filter:blur(1.5px);
	filter:blur(1.5px);
}
.second-header-title{
	font-size:2.5em;
	letter-spacing:0.25em;
}

.second-header-title:before{
	content:'お問い合わせ';
}

.div1{
	position:relative;
	width:100%;
	height:auto;
}
.div2{
	position:relative;
	width:100%;
	height:10vh;
}
.div3{
	display:flex;
	align-items:center;

	position:absolute;
	top: 50%;
	left: 40%;
	transform:translateY(-50%) translateX(-50%);
	-webkit- transform:translateY(-50%) translateX(-50%);
}
.txt-tel{
	margin-right:1em;
}

.div4{
	position:relative;
	width:100%;
	height:auto;
}
.txt-contact-tel{
	display:flex;
	align-items:center;
	width:100%;
}

.contact-forms{
	position:relative;
}
.txt-contact-forms{
	height:3em;
	margin:2em 0;
}
.txt-contact-forms > p > label:after{
	content:"必須";
	font-size:0.75em;
	color:#FFF;
	background-color:red;
	padding:0.25em 1.25em;
	margin-left:3em;
	
}
.txt-contact-message{
	margin-top:7em;
	margin-bottom:4.5em;
}
textarea{
	resize:none;
}
.contact-forms > div > p{
	display:flex;
	align-items:center;
	position:relative;
}
.contact-forms > div > p > span:not(.wpcf7-spinner){
	position:absolute;
	left:25%;
	width:50%;
}
.contact-forms > div > p > span > span{
	position:absolute;
}

input#btn_submit{
	font-size:1em;
	width:8em;
	padding:1vh 0;
}
input#btn_submit{
	display:inline-block;
	border:1px solid;
	border-radius:0.5em;
	background:#76bf60;
	color:#FFF;
	text-align:center;
	letter-spacing:0.2em;
	cursor:pointer;
}
input#btn_submit:hover{
	background:rgba(118, 191, 96,0.8)
}
input#btn_submit, .wpcf7-spinner{
	position: relative;
	top: 50%;
	left: 50%;
	transform:translateY(50%) translateX(-50%);
	-webkit- transform:translateY(50%) translateX(-50%);
}

.wpcf7-response-output{
	position: relative;
	top: 50%;
	left: 50%;
	transform:translateY(50%) translateX(-50%);
	-webkit- transform:translateY(50%) translateX(-50%);
	
	display:flex;
	align-items:center;
	justify-content:center;
	width:50vw;
	height:5vh
}

@media screen and (max-width: 480px){
	.second-header-title{
		font-size:1.5em;
		letter-spacing:0.25em;
	}
	.txt-contact-forms{
		height:initial;
	}
	.txt-contact-message{
		margin-top:initial;
		margin-bottom:1.5em;
	}
	.contact-forms > div > p{
		flex-flow: column;
		align-items:flex-start;
	}
	.contact-forms > div > p > span:not(.wpcf7-spinner){
		position:initial;
		left:initial;
		width:initial;
	}
	span.wpcf7-spinner{
		position: relative;
		top: -1.5em;
		left: 70%;
		transform:translateY(50%) translateX(-50%);
		-webkit- transform:translateY(50%) translateX(-50%);
	}
	.wpcf7-response-output{
		top: initial;
		left: initial;
		transform:initial;
		-webkit- transform:initial;

		width:initial;
		height:initial;
	}
}