@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  Author : Hirohisa Kambe
  Date : 2026.03.26
  Copyright(C)HARD DISK. All rights reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* ========================
   contact
======================== */
.cf7__list p{
	margin:0 0 10px 0;
}

.cf7__list dt{
	text-align:left;
	margin:0;
	padding:30px 0 10px;
}

.cf7__list dd{
	margin:0;
	padding:0;
}

/* ========================
   required / optional
======================== */
.cf7__required,
.cf7__optional{
	margin-left:10px;
	padding:1px 5px 3px;
	color:#fff;
	font-size:12px;
}

.cf7__required{
	background:#f60000;
	border-radius:2px;
	vertical-align:15%;
}

.cf7__optional{
	background:#878D8E;
}

/* ========================
   input
======================== */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd input[type="date"],
.cf7__list dd textarea{
	width:100%;
	padding:15px 20px;
	background:#F4F4F4;
	border:none;
	outline:none;
}

/* ========================
   select
======================== */
.cf7__select{
	position:relative;
}

.cf7__select:before{
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-top:8px solid #000;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	pointer-events:none;
	content:"";
}

.cf7__select select{
	width:100%;
	padding:15px 20px;
	background:#F4F4F4;
	color:#000;
	appearance:none;
	border:none;
	outline:none;
}

/* ========================
   checkbox / radio
======================== */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio{
	display:block;
	padding:15px 0 10px;
}

.cf7__list dd .wpcf7-list-item{
	display:block;
	margin:0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n+2){
	margin-top:18px;
}

.cf7__list dd .wpcf7-list-item label{
	cursor:pointer;
}

/* ========================
   placeholder
======================== */
.cf7__list dd input::placeholder,
.cf7__list dd textarea::placeholder{
	color:#a5a5a5;
}

/* ========================
   button
======================== */
.cf7__button{
	text-align:center;
	border:none;
}

input[type="submit"]{
	width:260px;
	height:60px;
	background:#00426D;
	color:#fff;
	border-radius:100px;
	transition:opacity .6s;
	border:none;
}

input[type="submit"]:hover{
	opacity:.6;
}

input[type="button"]{
	width:260px;
	height:60px;
	background:#343434;
	color:#fff;
	border-radius:100px;
	margin-right:20px;
	transition:opacity .6s;
	border:none;
}

input[type="button"]:hover{
	opacity:.6;
}

/* ========================
   spinner
======================== */
.wpcf7-spinner{
	vertical-align:middle;
}

/* ========================
   responsive
======================== */
@media screen and (max-width:767px){

	.cf7__list dt{
		width:100%;
		margin-bottom:5px;
		padding:0 0 5px;
		text-align:left;
	}

	.cf7__list dd{
		width:100%;
	}

	.cf7__list dd .wpcf7-checkbox,
	.cf7__list dd .wpcf7-radio{
		padding:15px 0 0;
	}

	input[type="submit"]{
		width:180px;
		height:56px;
	}
}