/* CSS Document */
  

/* mainimg
---------------------------------------------------------- */
.mainimg_pc {
	background-image:url(/inquiry/img/mainimg_01_pc.jpg);
	position:relative !important;
}

/* area_inquiry
---------------------------------------------------------- */
.area_inquiry {
	background-color: #f7f7f7;
  padding: 6% 0;
}
.area_inquiry .inner {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}


/* area_privacy
---------------------------------------------------------- */
.area_privacy {
}
.area_privacy .content {
	background-color:#eeefef;
	width:600px;
	text-align:center;
  margin: 0 auto;
  padding: 22px 0;
}
.area_privacy .content a {
	text-decoration:underline;
}


/* .modaal 
---------------------------------------------------------- */
.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__wrap {
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
  padding: 20px;
}


/*モーダル中身*/
.modal__content{
  background: #fff;
  padding: 20px 20px 40px;
  max-height: 70vh;
  overflow: auto;
}
.modal__content .privacy_ttl_01 {
	font-size:28px;
	text-align:center;
	margin:20px 0;
}
.modal__content dl {
	margin:0 50px;
}
.modal__content dl dt {
	font-weight:bold;
	margin:0 0 20px;
}
.modal__content dl dd {
	margin:0 0 30px;
	font-size:14px;
	line-height:1.6;
}
.modal__content dl dd ul {
	margin:20px 0 0;
}


/*閉じるボタン*/
.js-modal-close {
  display: block;
}
.modal-close {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	cursor: pointer;
	opacity: 1;
	width: 52px;
	height: 52px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
  z-index: 999;
}

/*右上閉じるボタン*/
.modal-close a:hover img {
  opacity: 0.9 !important;
}

/*モーダル中身の閉じるボタン*/
.modal__content .btn_close {
	font-size:18px;
	background-color:#333333;
	width:140px;
	margin:0 auto;
	text-align:center;
}
.modal__content .btn_close a {
	color:#fff;
	padding:10px 0;
}


/* area_form
---------------------------------------------------------- */
.area_inquiry .area_form {
  width: 90%;
  max-width: 600px;
  margin: 25px auto;
}
.area_inquiry .area_form table {
	width:100%;
}
.area_inquiry .area_form table tr th {
	width:25%;
	text-align:left;
}
.area_inquiry .area_form table tr td {
}
.area_inquiry .area_form table tr th,
.area_inquiry .area_form table tr td {
	padding:10px 0;
}
.area_inquiry .area_form input,
.area_inquiry .area_form select,
.area_inquiry .area_form textarea {
	padding:15px;
	border:1px solid #dcdcdd;
	border-radius:8px;
	width:94%;
}
.area_inquiry .area_form .td_01 input,
.area_inquiry .area_form .td_01 select {
	width:65%;
}
.area_inquiry .area_form textarea {
	width:96%;
	height:160px;
}
.area_inquiry .area_form .box_button {
	text-align:center;
	margin:30px 0 0;
}
.area_inquiry .area_form .button {
  font-size     : 18px;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px;
  background    : #333333;
  color         : #ffffff;
	width:220px;
	border-radius:0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; 

}
.area_inquiry .area_form .button:hover {
  opacity:0.8;
}




/* area_inquiry_kakunin
---------------------------------------------------------- */
.area_inquiry_kakunin {
	padding:10% 0;
	background-color: #f7f7f7;
}
.area_inquiry_kakunin #formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
.area_inquiry_kakunin #formWrap h3 {
	font-size:28px;
	text-align:center;
	margin:0 0 50px;
}
.area_inquiry_kakunin #formWrap h4 {
	margin:0 0 30px;
}
.area_inquiry_kakunin table.formTable{
	width:100%;
	margin:0 auto 30px;
	border-collapse:collapse;
}
.area_inquiry_kakunin table.formTable td,
.area_inquiry_kakunin table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
.area_inquiry_kakunin table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.area_inquiry_kakunin p.error_messe{
	margin:5px 0;
	color:red;
}
.area_inquiry_kakunin .box_button {
	text-align:center;
	margin:30px 0 0;
}
.area_inquiry_kakunin .button {
  font-size     : 18px;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px;
  background    : #333333;
  color         : #ffffff;
	width:220px;
	border-radius:0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; 
  border: none;

}
.area_inquiry_kakunin .button:hover {
  opacity:0.8;
}
.area_inquiry_kakunin .box_back {
	text-align:center;
	margin:20px 0 0;
}




/* area_inquiry_thanks
---------------------------------------------------------- */
.area_inquiry_thanks {
	background-color: #f7f7f7;
  padding: 8% 5% 10%;
  text-align: center;
}
.area_inquiry_thanks .ttl_01 {
  font-size: 28px;
  margin: 0 0 30px;
}
.area_inquiry_thanks p {
  font-size: 14px;
}