<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/*form_area
-----------------------------------------------------------------------------------------*/
.form_area{
	background:rgba(0,0,0,0.05);
	padding:20px;
}
@media screen and (max-width: 767px) {
	.form_area{padding:20px;}
}
/*-------------------------form_item*/
.form_item{
	background:#FFFFFF;
	display:flex;
	padding:30px;
	gap:30px;
	margin-bottom:5px;
}
.form_item dt{
	min-width:33%;
	max-width:33%;
	color:#555;
	display:flex;
	gap:5px;
	font-size:1.6rem;
}
.kakunin .form_item dt::after{
	display:none;
}
.form_item dt::after{
	content:"必須";
	display:inline-block;
	margin-top:0;
	margin-left:auto;
	margin-bottom:auto;
	font-weight:normal;
	background:#F44336;
	color:#FFF;
	padding:0.1em 0;
	font-size:80%;
	border-radius:0.25em;
	min-width:3em;
	text-align:center;
}
.form_item.nini dt::after{
	content:"任意";
	background:#607D8B;
}
.form_item dd,
.form_item dd div{
	display:flex;
	flex-wrap:wrap;
	gap:10px 20px;
}
.form_item dd div,
.form_item dd p{
	width:100%;
}
.form_item .subtitle{
	display:block;
	font-size:1.4rem;
	color:#555;
}
/*radio/checkbox*/
.wpcf7-list-item{
	margin:0;
}
span.wpcf7-list-item{
	margin:0 !important;
}
.wpcf7-radio,
.wpcf7-checkbox{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
/*要素をたて並び（form_item + item_y）*/
.form_item.item_y dd,
.form_item.item_y .wpcf7-radio,
.form_item.item_y .wpcf7-checkbox{
	flex-direction:column;
}
/*複数アイテムをまとめる(pタグでくくる + item_unit)*/
.form_item p.item_unit{
	position:relative;
}
.form_item p.item_unit span{
	position:static;
}
.form_item p.item_unit .wpcf7-not-valid{
	margin-bottom:1.5em;
}
.form_item p.item_unit .wpcf7-not-valid-tip{
	position:absolute;
	left:0;
	bottom:-0.1em;
}
@media screen and (max-width: 767px) {
	.form_item{padding:15px;gap:5px;flex-direction:column}
	.form_item dt{min-width:100%;max-width:100%;}
	.form_item dd &gt; span,
	.form_item dd &gt; label,
	.form_item dd &gt; label &gt; span,
	.form_item div &gt; label{display:block;width:100%}
	.wpcf7-radio,
	.wpcf7-checkbox{flex-direction:column;}
}
/*-------------------------------------------------------------フォーム材料*/
.form_item input[type="text"],
.form_item input[type="tel"],
.form_item input[type="email"],
.form_item input[type="url"],
.form_item input[type="number"],
.form_item input[type="password"],
.form_item textarea,
.form_item select,
.form_item input[type="checkbox"] + span,
.form_item input[type="radio"] + span{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance: none;
	border-radius: 4px !important;
	min-height:2.5em;
	border:1px solid #CCCCCC;
	padding:0.5em;
	background-color:#FAFAFA;
	width:100%;
	max-width:100%;
	position:relative;
	font-size:inherit;
}
/*select*/
.form_item select{
	height:2.6em;
	padding-right:1.5em;
	background-image:url(images/form_select.svg);
	background-position:top 55% right 0.7em;
	background-repeat:no-repeat;
	background-size:0.6em;
}
/*textarea*/
.form_item textarea{
	line-height:1.6;
}
/*checkbox/radio*/
.form_item input[type="checkbox"],
.form_item input[type="radio"]{
    position:absolute;
    opacity:0;
}
.form_item input[type="checkbox"] + span,
.form_item input[type="radio"] + span{
	padding:0.5em 1em;
}
.form_item input[type="checkbox"] + span,
.form_item input[type="radio"] + span{
	position:relative;
	padding-left:2.25em;
	cursor:pointer;
}
.form_item input[type="checkbox"] + span:before,
.form_item input[type="radio"] + span:before{
	content:"";
	display:block;
	position:absolute;
	left:0.75em;
	top:0.75em;
	width:1em;
	height:1em;
	outline:solid 2px #ccc;
	background: #f4f4f4;
	transition: all 250ms ease;
}
.form_item input[type=checkbox] + span:before{
	border-radius:0.15em;
}
.form_item input[type=radio] + span:before{
	border-radius:100%;
}
.form_item input[type="checkbox"] + span:after{
	content:"";
	position:absolute;
	top:1.2em;
	left:1em;
	transform:rotate(-45deg) scaleX(0);
	transform-origin:left;
	width:0.6em;
	height:0.3em;
	border-left:0.15em solid #fff;
	border-bottom:0.15em solid #fff;
	transition: all 250ms ease;
}
.form_item input[type=radio]:disabled + span:before{
	box-shadow: inset 0 0 0 0.2em #f4f4f4;
	outline-color: #b4b4b4;
	background: #b4b4b4;
}
/*-------------------------エラー*/
.form_item input[type="tel"]:invalid,
.form_item input[type="email"]:invalid,
.form_item input[type="url"]:invalid,
.form_item input[type="number"]:invalid,
.form_item input[type="password"]:invalid,
.form_item input[type="text"].wpcf7-not-valid,
.form_item input[type="tel"].wpcf7-not-valid,
.form_item input[type="email"].wpcf7-not-valid,
.form_item input[type="url"].wpcf7-not-valid,
.form_item input[type="number"].wpcf7-not-valid,
.form_item textarea.wpcf7-not-valid,
.form_item select.wpcf7-not-valid,
.form_item .wpcf7-not-valid input[type="checkbox"] + span,
.form_item .wpcf7-not-valid input[type="radio"] + span{
	border-color:#F44336;
	background-color:#FDE8E6;
}
/*-------------------------hover,focus*/
.form_item input[type="text"]:hover,
.form_item input[type="tel"]:hover,
.form_item input[type="email"]:hover,
.form_item input[type="url"]:hover,
.form_item input[type="number"]:hover,
.form_item textarea:hover,
.form_item select:hover,
.form_item input[type="checkbox"] + span:hover,
.form_item input[type="radio"] + span:hover,
.form_item input[type="text"]:focus,
.form_item input[type="tel"]:focus,
.form_item input[type="email"]:focus,
.form_item input[type="url"]:focus,
.form_item input[type="number"]:focus,
.form_item textarea:focus,
.form_item select:focus,
.form_item input[type="radio"]:focus + span,
.form_item input[type="checkbox"]:focus + span{
	outline:1px solid #2196F3;
	border-color:#2196F3;
	background-color:#FFFFFF;
}
.form_item ::placeholder{
	color:#777;
}
/*-------------------------入力したら*/
.form_item input:not(:placeholder-shown),
.form_item textarea:not(:placeholder-shown),
.form_item select.selected,
.form_item input:checked + span,
.form_item input:checked + span{
	background-color:#FFF;
	border-color:#2196F3;
}
.form_item input[type="checkbox"]:checked + span:before,
.form_item input[type=radio]:checked + span:before{
	background:#074DBF;
	outline-color:#074DBF;
}
.form_item input[type="checkbox"]:checked + span:after{
	transform:rotate(-45deg) scaleX(1);
}
.form_item input[type=radio]:checked + span:before{
	box-shadow: inset 0 0 0 0.2em #f4f4f4;
}
/*-------------------------同意チェック*/
.form_item .doui span{
	color:#F44336;
	font-weight:bold;
}
/*-------------------------ボタン*/
.navbtn{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:20px;
}
.navbtn input{
	border:none;
	line-height:1.75;
	padding:0.5em;
	width:40%;
	display:inline-block;
	color:#FFFFFF;
	background:#006deb;
	border-radius:10em;	
	box-shadow: 0 0.2em 0.1em rgba(0,0,0,0.15);
	position:relative;
	transition: all 0.2s;
}
.form_area input[type="button"]{
	background:#999999;
}
.navbtn input:hover,
.navbtn input:focus{
	filter:brightness(115%);
	opacity:1;
	box-shadow:none;
	transform: translateY(0.1em);
}
.wpcf7-spinner{
	display:none;
}


/*送信完了
-----------------------------------------------------------------------------------------*/
#contents div.wpcf7-mail-sent-ok{
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
.sendmail{
	padding:50px 0;
	width:640px;
	margin:30px auto 50px auto;
	border:10px solid #E6E6E6;
	text-align:center;
}
.sendmail h2{
	font-size:30px;
	color:#CC0000;
}
.sendmail p{
	margin:20px 0 0 0;
	line-height:1.8;
}
@media screen and (max-width: 767px) {
.sendmail{padding:30px 15px;width:auto;margin:0;border:none;}
.sendmail h2{font-size:20px;line-height:30px;font-weight:bold;}
.sendmail p{margin:15px 0 0 0;}
}</pre></body></html>