@charset "UTF-8";

/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/* フォーム全体 */
#cf7-area{
	max-width:600px;
	 margin: 0 auto;
}

/* 入力必須項目 */
.check{
	color:#fffafa;
	background-color:#ff0000;
	margin-right:2px;
	padding:2px;
	border-radius:2px;
}

/* 任意入力項目 */
.optional{
	color:#fffafa;
	background-color:#0000cd;
	margin-right:2px;
	padding:2px;
	border-radius:2px;
}

/* 項目補足 */
.supplement{
	font-size:80%;
}

/* 項目補足 brタグではなく、CSSで改行 */
.supplement::before{
	content:"\A";
	white-space:pre;
}

/* 注意事項 */
.caution{
	color:red;
}

/* 見出し */
.form-heading{
	width: 100%;
	background-color:#5BB431;
	border-left:1em solid #006400;
	border-radius:5px;
	color:#ffffff;
	font-weight:bold;
	padding:1em .8em;
	margin:0 0 2em;
}

/* 各項目 */
.cf7-item{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	margin:0 0 1.75em;
}

/* 項目タイトル */
.cf7-q{
	flex-basis:100%;
	padding:5px;
	line-height:1.1;
}

.item-title{
	font-weight:bold;
	
	/* ジャギー対策 */
	transform:rotate(0.03deg);
	-moz-transform:rotate(0.03deg);
	-ms-transform:rotate(0.03deg);
	-o-transform:rotate(0.03deg);
	-webkit-transform:rotate(0.03deg);
}

/* 選択入力項目 */
.cf7-a{
	flex-basis:100%;
	padding:5px;
	margin-left:10px;
}

.form-heading p{
	margin: 0;
}

/* 各項目共通 */
#cf7-area label{
	/*font-weight:bold;*/
}

/* 入力選択エリア */
#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea{
	background: #f8f8ff;
	width:100%;

	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 選択中の項目 */
#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus,#cf7-area select:focus{
	/*background: #FFE4E1;*/
	border:2px solid #FF1493;
	outline:0;
}

#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
	appearance:auto;
}

#cf7-area .wpcf7-list-item {
	display:block;
}

#cf7-area textarea{
	height:200px;
	padding:0.625em 0.4375em;

}

.cf7-accept-check{
	text-align: center;
	margin:50px auto;
}

.cf7-submit{
/*	width:40%;
	margin:0 auto;
	text-align: center;*/
	margin-top: 1.75em;
}

#cf7-area input[type="submit"]{
	width:100%;
	background-color:#5BB431;
	color:#fffafa;
	border-radius:5px;
	padding:5px;
}


#cf7-area input[type="submit"]:hover{
	background-color:#ffffff;
	border:2px solid #006400;
	color:#006400;
}

.cf7-btn{
	width:40%;
	margin:0 auto;
	text-align:center;
}

/* 送信ボタン下完了時 */
.wpcf7 form.sent .wpcf7-response-output {
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 送信ボタン下未入力警告 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 必須未入力項目下の文章 */
.wpcf7-not-valid-tip {
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 送信ボタン fontawesome */
.wpcf7-submit{
	font-family:'Font Awesome 6 Free';
}

/* エラーメッセージ */
.wpcf7-not-valid-tip{
	font-weight: bold;
}

/* CF7 入力中の箇所を目立たせる Start */

/* テキスト 
.wpcf7 input[type="text"]:focus{
	border: 2px solid #FF1493;
	outline: 0;
}

/* テキストエリア 
.wpcf7 textarea:focus{
	border: 2px solid #FF1493;
	outline: 0;
}

/* テキストエリア 
.wpcf7 select:focus{
	border: 2px solid #FF1493;
	outline: 0;
}

/* メールアドレス 
.wpcf7 input[type="email"]:focus{
	border: 2px solid #FF1493;
	outline: 0;
}

/* 電話番号 
.wpcf7 input[type="tel"]:focus{
	border: 2px solid #FF1493;
	outline: 0;
}

/* CF7 入力中の箇所を目立たせる End */


@media screen and (min-width:600px){

/* 各項目 */
.cf7-item {
	display:flex;
	flex-direction:row;
	margin-top:30px;
	margin-bottom:20px;
}


.cf7-q{
	flex-basis:40%;
}

.cf7-a{
	flex-basis:60%;
	margin:0;
}

#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
	margin-left:0;
}

.cf7-submit{
	margin-top:20px;
	width:100%;
}

/*#cf7-area input[type="submit"]{
	border-radius:15px;
}*/

}