@charset "utf-8";
/* CSS Documentss */


/*-------------------------------------------
　　CONTACT PAGE
-------------------------------------------*/

.panel_area {position:relative; height:1000px;}


/* 送信内容のご確認ページ */

/* THANKS YOUページ */

/* contactページ 追記 */
#contact_page .br-pc {
	display: block;
}
#contact_page .mw_wp_form form {
	display: flex;
	flex-wrap: wrap;
}
#contact_page .mw_wp_form_confirm form .message {
	display: none;
}
#contact_page form input {width:100%; border:1px solid #dedede; font-size:12px; padding:15px; margin-bottom:20px; box-sizing:border-box;}
#contact_page form select {width:48%; border:1px solid #dedede; font-size:12px; padding:15px; margin-bottom:20px; box-sizing:border-box; color: #999; border-radius: 0;}
#contact_page form select#t_countm {margin-right: 4%;}
#contact_page form option:first-child {color: #ccc;}
#contact_page form textarea {width:100%; border:1px solid #dedede; font-size:12px; padding:15px; box-sizing:border-box; height:10em; line-height:1.8; max-width:400px; max-height:250px; overflow:auto;}

#contact_page form .message {background:#eee; width:100%; display:flex; justify-content:space-between; padding:15px; box-sizing:border-box;}
#contact_page .message p {font-size:11px; margin:0; text-align:left; line-height:1.6;}
#contact_page form .message .btn a {font-size:10px; background:#fff; color:#000; width:110px; letter-spacing:0; padding:10px 0;}
#contact_page form input[type="submit"] {display:block; width:190px; margin:30px auto; background:#000; color:#fff; text-align:center; cursor:pointer;}
#contact_page form input[type="submit"]:hover {opacity:0.7;}

#contact_page form .message {
	font-size: 12px;
}
#contact_page .mw_wp_form table tbody {
	display: flex;
	flex-wrap: wrap;
}
#contact_page .mw_wp_form table tbody tr {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#contact_page .mw_wp_form table tbody .t_countm-tr,
#contact_page .mw_wp_form table tbody .t_countl-tr {
width:48%;
display: flex;
flex-wrap: wrap;
}

#contact_page .mw_wp_form table tbody .t_countm-tr {
	margin-right: 4%;
}
#contact_page .mw_wp_form table tbody .t_countm-tr select,
#contact_page .mw_wp_form table tbody .t_countl-tr select{
width:100%;
}
#contact_page .mw_wp_form table {
	border: none;
}
#contact_page .mw_wp_form table th {
	display: none;
}

#contact_page .mw_wp_form table th,
#contact_page .mw_wp_form table td{
	border: none;
	padding: 0;
	width: 100%;
}

/* 確認画面 */
#contact_page .mw_wp_form.mw_wp_form_confirm .privacy-checkbox-area {
	display: none;
}
#contact_page .mw_wp_form.mw_wp_form_confirm table {
	border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
#contact_page .mw_wp_form.mw_wp_form_confirm table th {
	display: block;
}
#contact_page .mw_wp_form.mw_wp_form_confirm table tbody {
	display: table-row-group;


}
#contact_page .mw_wp_form.mw_wp_form_confirm table tbody tr {
	display: table-row;
	width: auto;
}
#contact_page .mw_wp_form.mw_wp_form_confirm table th,
#contact_page .mw_wp_form.mw_wp_form_confirm table td {
	display: table-cell;
}


#contact_page .mw_wp_form.mw_wp_form_confirm table th {
	background: #000;
	color: #fff;
	font-size: 10px;
	padding: 15px 0 15px 15px;
	width: 100px;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	line-height: 1.4;
	vertical-align: middle;
}
#contact_page .mw_wp_form.mw_wp_form_confirm table td {
	font-size: 14px;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 15px 10px 15px 15px;
	vertical-align: middle;
	width: inherit;
	line-height: 1.6;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}
#contact_page .mw_wp_form .error {
	font-size: 13px;
	margin: -15px 0 15px;
}
#contact_page .mw_wp_form .privacy-checkbox-area .error {
	margin-top: 0;
}
.privacy-checkbox{
  display: none;
}
.privacy-checkbox-area {
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
}


.mwform-checkbox-field-text{
	position:relative;
  padding-left: 20px;
	cursor: pointer;
	font-size: 12px;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #dedede;
  border-radius: 0px;
}
.privacy-checkbox:checked + .mwform-checkbox-field-text{
  color: #000;
}
.privacy-checkbox:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
	top: -3px;
	left: 4px;
	width: 6px;
	height: 10px;
  transform: rotate(40deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
#contact_page form .contact_btn_area input[type="submit"] {
	padding: 15px 0;
	margin: 0 auto;
}

#contact_page .contact_btn_area button[type="submit"].back-button {
	display: block;
	width: 190px;
	background: #fff;
	color: #000;
	border: 1px solid #dedede;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	padding: 10px 0;
	margin: 0 auto;
}

#contact_page .mw_wp_form.mw_wp_form_confirm form .contact_btn_area input[type="submit"] {
	padding: 10px 0;
}