@charset "utf-8";

.contact_contents {
	
}
/* ▼▼▼ ============ 大枠 ============ ▼▼▼ */
.contact_form {
	background-color:#ffffff;
	border-radius:5px;
	box-sizing:border-box;
	max-width:1100px;
	padding-top:4em;
	/*padding-left:5%;
	padding-right:5%;*/
	padding-bottom:50px;
	margin:auto;
	text-align:left;
	font-family: var(--maru_gothic);
}
.contact_form > dl {
	display:flex;
	justify-content:space-between;
	width:100%;
	border-bottom:solid 1px #eeeeee;
	box-sizing:border-box;
	width:100%;
	padding:1.5em 0;
}
.contact_form > dl > dt {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:1.1em;
	width:36%;
}
.contact_form > dl > dd {
	box-sizing:border-box;
	font-size:1.3em;
	width:64%;
	margin-bottom:0.5em;
	padding:0;
}
/* ▼▼▼ ============ 詳細設定 ============ ▼▼▼ */
.contact_form dt .require { /* 必須アイコン */
	display:inline-block;
	background-color:#aa0000;
	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:#999999;
	box-sizing:border-box;
	margin:3px 0;
	padding: 10px 10px 10px 25px;
	cursor:pointer;
}
	.contact_form label.checkBoxPrivacy {
		display:inline-block;
		text-align:center;
	}
	.contact_form label:hover {
		background-color:#999999;
	}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"]{
	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:100%;
	}


	.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%;
	}

.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);
}

.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 .agree {
	margin:1.5em 1em;
	text-align:center;
}
	.contact_form .agree p {
		margin-bottom:0.5em;
	}
	.contact_form .agree a {
		text-decoration:underline;
	}


.contact_form .privacyplicyContents {
	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:block;
	background:#000;
	border:1px solid #000;
	border-radius:0;
	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;
		border:1px solid #999999;
		
	}

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


/*ご注意事項*/
.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;
}
/* ▼▼▼ ============ SP ============ ▼▼▼ */
@media only screen and (max-width: 768px) {

	.contact_form {
		font-size:3.4vw;
		padding-top:0;
		padding-bottom:5em;
	}
	.contact_form > dl {
		display:block;
	}
	.contact_form > dl > dt {
		
		width:100%;
		margin-bottom:0.5em;
	}
	.contact_form > dl > dd {
		
		width:100%;
	}
	.contact_form > dl.phone input[type="text"] {
		width:25%;
	}

}/*▲▲▲ ============ SP ============ ▲▲▲*/

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