/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";

.contact_contents {
	
}
/* ▼▼▼ ============ 大枠 ============ ▼▼▼ */
.contact_form {
	font-size:0.7em;
	/*background:#fff;*/
	box-sizing:border-box;
	/*max-width:900px*/
	padding-top:3em;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:50px;
	margin:auto;
	text-align:left;
	/*font-family: "Noto Sans JP", sans-serif;*/
}
.contact_form dl.contact_item {
	width:100%;
	border-bottom:solid 1px #eeeeee;
	box-sizing:border-box;
	width:100%;
	padding:1.5em 0;
}
.contact_form dl.contact_item > dt {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.contact_form dl.contact_item > dd {
	box-sizing:border-box;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0;
}
/* ▼▼▼ ============ 詳細設定 ============ ▼▼▼ */
.contact_form dl.contact_item dt .require { /* 必須アイコン */
	display:inline-block;
	background-color:#aa0000;
	background-color:rgba(249,131,80,0.7);
	border-radius:3px;
	font-size:9px;
	line-height:0.8;
	padding:0.9em 0.4em 1em;
	margin-left:1em;
	vertical-align:top;
	color:#fff;
}
.contact_form label {
	position: relative;
	display:block;
	/*background-color:#f7f7f7;*/
	box-sizing:border-box;
	margin:3px 0 !important;
	padding: 10px;
	cursor:pointer;
}
	.contact_form label.checkBoxPrivacy {
		display:inline-block;
		text-align:center;
	}
	.contact_form label:hover {
		background-color:#e4e4e4;
	}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form input[type="url"]{
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height: 2.5em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.contact_form input[type="text"]:focus,
	.contact_form input[type="email"]:focus {
		background: #edf4ff;
		border: 1px solid #4881d9;
	}

	.contact_form .seimei dd {
		display:flex;
		justify-content:space-between;
	}
	.contact_form .seimei dd div {
		width:48%;
	}
	.contact_form .seimei dd input[type="text"] {
		width:25%;
	}


	.contact_form .tel input[type="text"] {
		width:50%;
	}
	.contact_form .email input[type="text"] {
		width:100%;
	}

	/* 郵便番号&住所 */
	.contact_form .zip {
		margin-bottom:1em;
		vertical-align:middle;
	}
	.contact_form .zip input[type="text"]:nth-of-type(1) {
		width:3em;
	}
	.contact_form .zip input[type="text"]:nth-of-type(2) {
		width:4em;
	}
	.contact_form .zipPlace {
		display:flex;
		justify-content: space-between;
	}
	.contact_form .zipPlace input[type="text"]:first-child {
		width:6em;
		margin-right:1em;
	}

.contact_form input[type="radio"] {
	display: none;
}
	.contact_form label.radioButton::before { /* ラジオボタン丸枠 */
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		width: 14px;
		height: 14px;
		margin-top: -8px;
		background: #eee;
		border: 1px solid #bebebe;
		border-radius: 100%;
	}
	.contact_form input[type="radio"]:checked + label.radioButton::after { /* ラジオボタンチェック */
		position: absolute;
		content: '';
		top: 50%;
		left: 9px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #999999;
		border-radius: 100%;
	}

.wpcf7-radio {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.wpcf7-radio .wpcf7-list-item {
	width:49%;
	margin:0;
}
.wpcf7-radio .wpcf7-list-item label {
	font-size:1.1em;
	background:none;
	border:solid 1px #fff;
	border-radius:0.3em;
	width:100%;
	padding:0.8em;
}





.contact_form input[type="checkbox"] {
	/*display: none;*/
}
/* チェック枠 */
.contact_form label.checkBox::before,
.contact_form label.checkBoxPrivacy::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 5px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #eee;
	border: 1px solid #bebebe;
}
/* チェックマーク */
.contact_form input[type="checkbox"]:checked + label.checkBox::after,
.contact_form input[type="checkbox"]:checked + label.checkBoxPrivacy::after {
	position: absolute;
	content: '';
	top: calc(50% - 10px);
	left: 9px;
	width: 13px;
	height: 5px;
	border-left: 2px solid #aa0000;
	border-bottom: 2px solid #aa0000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wpcf7-checkbox .wpcf7-list-item label:hover {
	background: #e7f5ff;
}





.contact_form select {
	border:1px solid #bebebe;
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height:2.5em;
	height:2em;
	font-size:1em;
	text-indent:0.3em;
}
.contact_form select:focus {
	border: 1px solid #4881d9;
}
	.selectDay {
		display:block;
		float:left;
		width:calc(100% / 3);
	}
	.selectDay select {
		width:70px;
		margin-right:5px;
	}

.contact_form textarea {
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height:10em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.contact_form textarea:focus {
		background: #edf4ff;
		border:1px solid #4881d9;
	}





.contact_form .privacy_contents {
	background:#fafafa;
	font-size:14px;
	height:150px;
	margin:1em 0;
	padding:10px 5%;
	text-align:left;
	overflow-y:scroll;
	border:1px solid #cccccc;
	-webkit-overflow-scrolling:touch;
}
.contact_form .submit_btn {
	padding-top:3em;
	text-align:center;
}
.contact_form .submit_btn input[type="submit"]{
	display:inline-block;
	background: linear-gradient(135deg,  #1aa300 23%,#30bf14 80%);
	/*border:1px solid #000;*/
	border:0;
	border-radius:1.8em;
	box-sizing:border-box;
	font-size:1.1em;
	min-width:50%;
	margin-left:auto;
	margin-right:auto;
	padding:1em 4em;
	color:#fff;
	cursor:pointer;
	transition: .2s;
	/*pointer-events:none;*/
}
	.contact_form .submit_btn input[type="submit"]:hover {
		/*background:#999999;
		background: linear-gradient(to bottom,  rgba(67,148,237,1) 0%,rgba(218,163,195,1) 50%,rgba(251,130,86,1) 100%);
		border:1px solid #999999;*/
	}
	.contact_form .submit_btn input[type="submit"]:disabled,
	.contact_form .submit_btn input[type="button"]:disabled{
		background:#c4c4c4;
	}


.contact_form .submit_btn .wpcf7-spinner{ /* ボタン右側に余白ができるのを回避 */
	display:none !important;
}

.contact_form .submit_btn .wpcf7-previous { /* 戻るボタン */
	font-size:1.1em;
	display:inline-block;
	background:#c4c4c4;
	border:1px solid #fff;
	border:0;
	border-radius:1.8em;
	box-sizing:border-box;
	width:20%;
	min-width:20%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding:1em 0;
	color:#fff;
	cursor:pointer;
	transition: .2s;
}
	.contact_form .submit_btn .wpcf7-previous:hover {
		/*background:rgba(255,255,255,0.6);*/
		
	}



.contact_form .submit_btn .wpcf7-spinner{ /* ボタン右側に余白ができるのを回避 */
	display:none !important;
}

.contact_form .submit_btn .wpcf7-previous { /* 戻るボタン */
	font-size:1.1em;
	display:inline-block;
	background:#c4c4c4;
	border:1px solid #fff;
	border:0;
	border-radius:1.8em;
	box-sizing:border-box;
	width:20%;
	min-width:20%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding:1em 0;
	color:#fff;
	cursor:pointer;
	transition: .2s;
}
	.contact_form .submit_btn .wpcf7-previous:hover {
		/*background:rgba(255,255,255,0.6);*/
		
	}




/*冒頭のテキスト*/
.top_text {
	line-height:1.8;
	margin-bottom:3em;
}










.contact_form .agree {
	background:#eee;
	padding:1.5em 4%;
	margin-bottom:0;
}
	.contact_form .agree p {
		line-height:1.5;
		margin-bottom:0.5em;
	}
	.contact_form .agree a {
		text-decoration:underline;
	}






/*ご注意事項*/
.contact_form .notice {
	position:relative;
	padding:2em 0;
	text-align:left;
}
.contact_form .notice p {
	line-height:1.8;
	position:relative;
	padding-left:1em;
}
.contact_form .notice p::before {
	content:"・";
	position:absolute;
	left:0;
	top:0;
}
.contact_form .notice p a {
	text-decoration:underline;
}
.contact_form .complete_message {
	font-size:1.1em;
	line-height:1.8;
	height:80vh;
}


/* ▼▼▼ ============ contact form7 の各種メッセージ ============ ▼▼▼ */







/********************************************************************
 *　//プライバシーポリシー
********************************************************************/
.privacy_contents {
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing:0;
}

.privacy_contents dl {
	font-size:0.9em;
  line-height: 1.5;
  margin-bottom: 2em;
}
.privacy_contents dl dt {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.privacy_contents dl dd {
  font-size: 0.9em;
}
.privacy_contents dl dd p {
  margin-bottom: 0.5em;
}
.privacy_contents dl dd > ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 1.5em;
}
.privacy_contents dl dd > ol > ol {
  list-style-position: outside;
  list-style-type: lower-roman;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
.privacy_contents dl dd li {
  margin-bottom: 0.5em;
}
.privacy_contents dl dd li:last-child {
  margin-bottom: 0;
}