@charset "utf-8";
/*==========================================
 フォーム共通
===========================================*/

#err {
  color: red;
}
.finish_ttl {
  font-size: 24px;
}
.finish_txt01 {
  font-size: 18px;
}
.finish_txt02 {
  font-size: 18px;
  margin-bottom: 80px;
}
/*==========================================
 汎用
===========================================*/

.pc-none {
  display: none;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.pc-none {
  display: block;
}
.ml {
  margin-left: 20px;
}
.check-ml {
  margin-left: -0.5em !important;
}
}
/*=== モバイルで表示・非表示 ===*/
.sp_block, .sp_inblock {
  display: none;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.sp_block {
  display: block !important;
}
.sp_inblock {
  display: inline-block !important;
}
.sp_none {
  display: none !important;
}
}
/* clearfix */
.cf {
  zoom: 1;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.txt_elps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineY {
  background: linear-gradient(transparent 50%, rgba(255,247,153,1) 50%);
}
.mb2em {
  margin-bottom: 2em;
}
.mt50 {
  margin-top: 50px;
}
.pd02 {
  padding-left: 2%;
  padding-right: 2%;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.fwb {
  font-weight: bold;
}
.fs10 {
  font-size: 10px;
}
.Lt03 {
  letter-spacing: -0.3px;
}
.ovfh {
  overflow: hidden;
}
.dspC {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pc_left960 {
  float: left;
}
.pc_right960 {
  float: right;
}

@media screen and (max-width:767px) {
.pc_left960 {
  float: none;
}
.pc_right960 {
  float: none;
}
}
.pc_left767 {
  float: left;
}
.pc_right767 {
  float: right;
}

@media screen and (max-width:767px) {
.pc_left767 {
  float: none;
}
.pc_right767 {
  float: none;
}
}
/*==========================================
 パンくず
===========================================*/

.breadcrumbs {
  margin: 146px auto 0;
  overflow: hidden;
  width: 100%;
  max-width: 960px;
  padding: 10px 2% 0;
}

@media screen and (max-width: 767px) {
.breadcrumbs {
  margin: 68px auto 0;/*  display: none;*/
}
}

/*IE*/
@media all and (-ms-high-contrast:none) {
.contentShare a {
  padding: 7px 20px 1px;
}
}
.contentShare a:hover {
  background: #FFF;
  color: #3b5998;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*==========================================
 content
===========================================*/

.contentArea {
  margin-bottom: 150px;
}
@media screen and (max-width:767px) {
.contentArea {
/*  margin-bottom: 0;*/
overflow-x: hidden;
}
}
.contentTtl {
  padding: 40px 0 50px;
  text-align: center;
}
.contentMain {
  margin-bottom: 100px;
}
.contentBox {
  margin-top: 45px;
  margin-bottom: 100px;
}
.contentBoxSub {
  overflow: hidden;
}
.contentInner {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.contentFigure {
}
/*==========================================
 見出し
===========================================*/

/*==h2==*/

.contentTtl_h2_cap {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  width: 100%;
  line-height: 1;
}
.contentTtl_h2 {
  text-align: center;
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 5px;
  font-weight: bold;
}
/*==h3==*/

.contentTtl_h3 {
  font-size: 16px;
  position: relative;
  display: inline-block;
  line-height: 1;
  margin-bottom: 50px;
  padding-bottom: 8px;
}

@media screen and (max-width:480px) {
.contentTtl_h3 {
  display: block;
}
}
.contentTtl_h3:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: absolute;
  bottom: 0;
  margin-bottom: -1px;
  left: 0;
}
.contentTtl_h3:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid #1A1A1A;
  position: absolute;
  bottom: 0;
  margin-bottom: -1px;
  margin-left: 70%;
  right: 0;
}

@media screen and (max-width:480px) {
.contentTtl_h3:after {
  width: 100px;
  margin-left: 0;
  right: inherit;
}
}
.contentTtl_h3_inner {
  padding-left: 24px;
  letter-spacing: 0.6px;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  line-height: 1.4;
}

@media screen and (max-width:480px) {
.contentTtl_h3_inner {
  padding: 0 24px;
  font-size: 22px;
}
}
/*==h4--*/

.contentTtl_h4 {
  font-weight: bold;
  margin-bottom: 40px;
}
/* --------------------------------------------- */

#head_img {
  width: 960px;
  height: auto;
  margin: 10px auto;
}
#head_img img {
  width: 100%;
  height: auto;
}
/*#kaiso{
	width: 960px;
	margin: 0 auto;
	font-size: 85%;
	}*/
#arrow {
  width: 960px;
  margin: 15px auto;
}
#arrow img:first-child {
  margin-left: 0px;
  margin-right: 30px;
}
#arrow img:last-child {
  text-align: right;
  margin-right: 0px;
  margin-left: 20px;
}
#siryou-check {
  width: 960px;
  margin: 50px auto 10px auto;
  text-align: center;
  font-size: 14px;
}
.check-text {
  font-size: 14pt;
  font-weight: bold;
}
.red {
  color: red;
}
.text_area {
  margin: 30px auto;
}
.spspace {
  font-weight: normal;
}
/* -----画像チェックボックス周辺----- */	
.book_list {
  width: 960px;
  margin: 0 auto;
}
ul.book_list li {
  display: inline-block;
}
ul.book_list li :hover img {
  margin: -3px;
  border: solid 3px #bce2e8;
}
ul.book_list02 li :hover img {
  margin: -3px;
  border: solid 3px #fff !important;
}
ul.book_list li .img_check01 {
  position: relative;
}
ul.book_list li .img_check02 {
  position: relative;
  margin-left: 50px;
}
ul.book_list li .img_check03 {
  position: relative;
  margin-top: 20px;
}
ul.book_list li .img_check04 {
  position: relative;
  margin-top: 20px;
  margin-left: 40px;
}
ul.book_list li .img_check05 {
  position: relative;
  margin-top: 20px;
  margin-left: 40px;
}
.img_check01 .disabled_checkbox {
  position: absolute;
  top: 283px;
  left: 50px;
}
.img_check02 .disabled_checkbox {
  position: absolute;
  top: 284px;
  left: 116px;
}
.img_check03 .disabled_checkbox {
  position: absolute;
  top: 284px;
  left: 10px;
}
.img_check04 .disabled_checkbox {
  position: absolute;
  top: 284px;
  left: 35px;
}
.img_check05 .disabled_checkbox {
  position: absolute;
  top: 284px;
  left: 65px;
}
/* --------画像チェックボックス周辺ここまで---------- */
	
form #mail_form {
  /*  max-width : 960px;
  width: 100%;
  margin : 0 auto;*/
  text-shadow : 0px 1px 0px #ffffff;
}
form #mail_form table {
  padding-top: 15px;
  overflow : hidden;
  font-weight: 500;
  /* border-bottom : 1px dotted #cccccc; */
  width: 100%;
  margin-bottom: 30px;
}
form #mail_form table th {
  clear : both;
  width : 30%;
  text-align : left;
  border-top : 1px dashed #e5e5e5;
  padding : 28px 0 28px 3%;
  vertical-align: middle;
  font-weight: 500;
}


@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form table th {
  width : 100%;
  display: block;
}
}
.vaLign_0 {
  vertical-align: inherit !important;
}
form #mail_form table td {
  width : 70%;
  border-top : 1px dashed #e5e5e5;
  padding : 28px 0 28px 2%;
  vertical-align: middle;
}
@media screen and (min-width: 768px) and (max-width : 959px) {
  form #mail_form table th {
    clear : both;
    width : 28%;
    text-align : left;
    border-top : 1px dashed #e5e5e5;
    padding : 28px 0 28px 3%;
    vertical-align: middle;
    font-weight: 500;
  }
  form #mail_form table td {
    width : 72%;
    border-top : 1px dashed #e5e5e5;
    padding : 28px 0 28px 2%;
    vertical-align: middle;
  }
}

@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form table td {
  width : 100%;
  display: block;
}
}
/*ボーダー上を消す*/
form #mail_form table td.bt_none {
  border-top: none;
  padding-top: 5px;
}
form #mail_form table td.pt30 {
  padding-top: 30px;
}
form #mail_form table td span.choice {
  margin-right: 70px;
  font-size: 16px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.pt30 {
  padding-top: 0;
}
form #mail_form table td span.choice {
  display: block;
}
}

@media screen and (min-width: 0px) and (max-width:400px) {
form #mail_form table td input#day1, form #mail_form table td input#day2 {
  width: 130px;
}
}
.BD_none {
  border: none !important;
}
.last_dot {
  border-bottom : none;
}
.last_dot1 {
  border-bottom : none;
}
form #mail_form table th span {
/*  display : block;
  font-size : 85%;*/
}
form #mail_form input, select[name="select"] {
  height : 45px;
  border : 1px solid #cccccc;
  border-radius : 10px;
  vertical-align: middle;
  padding-left: 2%;
}
form #mail_form input:focus, form #mail_form textarea:focus {
  box-shadow : 0px 0px 5px #55ccff;
  border : 1px solid #55ccff;
  background : #ffffff;
}
form #mail_form p.normal input {
  border: none !important;
}
form #mail_form input#sonota {
/*  width : 200px;
  height: 30px;*/
}
form #mail_form input#sonota_soudan {
  width: 100%;
  max-width: 588px;
  height: 45px;
  margin-top: 10px;
}
form #mail_form input#sonota_soudan, form #mail_form input#name, form #mail_form input#kana, form #mail_form input#other, form #mail_form input#read, form #mail_form input#gakku, form #mail_form input#chu_gakku, form #mail_form input#mail_address, form #mail_form input#mail_address_confirm, form #mail_form input#phone, form #mail_form input#preview, form #mail_form input#sonota {
  max-width: 588px;
  width : 100%;
  height: 45px;
  font-size: 16px;
  padding-left: 2%;
}
form #mail_form input#other {
  margin-left: 10px;
}
@media screen and (min-width: 768px) and (max-width : 959px) {
  form #mail_form input#sonota_soudan, form #mail_form input#name, form #mail_form input#kana, form #mail_form input#other, form #mail_form input#read, form #mail_form input#gakku, form #mail_form input#chu_gakku, form #mail_form input#mail_address, form #mail_form input#mail_address_confirm, form #mail_form input#phone, form #mail_form input#preview, form #mail_form input#sonota {
    max-width: 588px;
    width : 95%;
    height: 45px;
    font-size: 16px;
    padding-left: 2%;
  }
}
@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form input#other {
  margin-left: 0;
}
}
form #mail_form input#mail_address {
/*  margin-top: 12px;*/
}
form #mail_form ul li {
  list-style-type : none;
  font-weight: 500;
}

@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form ul li {
  list-style-type : none;
  margin-bottom : 0.5em;
  font-size: 14px;
  /*  max-width: 421px;*/
  width: 100%;
}
form #mail_form ul.book_list02 li {
  list-style-type : none;
  margin : 0 auto 0.5em;
  font-size: 14px;
  max-width: 421px;
  width: 100%;
}
}
form #mail_form ul li label:hover {
  cursor : pointer;
}
form #mail_form ul li input {
  width: 12px;
  height: 13px;
  margin-top: 0;
}
form #mail_form input#adult, form #mail_form input#child {
  width : 50px;
  height: 30px;
}
form #mail_form input#textfield {
  width : 170px;
  height: 30px;
  margin-left: 10px;
}

@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form input#textfield {
  width : 98%;
  height: 30px;
}
form #mail_form ul li input {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
}
form #mail_form input#address_1, form #mail_form input#address_2, form #mail_form input#address_3 {
  width : 300px;
  height: 30px;
  display : block;
  margin-bottom : 7px;
}
form #mail_form input#event {
  width : 350px;
  height: 30px;
}
form #mail_form textarea#mail_contents {
  max-width: 588px;
  width: 100%;
  height : 225px;
  resize : vertical;
  border : 1px solid #cccccc;
  border-radius : 5px;
  padding: 10px 2%;
  font-size: 16px;
  font-family: initial;
}
@media screen and (min-width: 768px) and (max-width : 959px) {
  form #mail_form textarea#mail_contents {
    max-width: 588px;
    width: 96%;
    height : 225px;
    resize : vertical;
    border : 1px solid #cccccc;
    border-radius : 5px;
    padding: 10px 2%;
    font-size: 16px;
    font-family: initial;
  }
}
@media screen and (min-width: 0px) and (max-width : 767px) {
form #mail_form textarea#mail_contents {
  width : 100%;
}
}
form #mail_form input#mail_submit_button {
  width : auto;
  height : auto;
  padding : 4px 10px;
  vertical-align : middle;
  color : #444444;
  background : #eeeeee;
  border : 1px solid #cccccc;
  border-radius : 3px;
  /*  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;*/
  font-weight : bold;
}
form #mail_form input#mail_submit_button:hover {
  cursor : pointer;
  color : #106dff;
  background : #e0e0e0;
}
label {
  display: block;
  margin: 5px 0;
}
.mustTxt {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
}
.mustImg01 {
  margin-left: 33%;
}
.mustImg02 {
  margin-left: 60%;
}
.mustImg03 {
  margin-left: 24%;
}
.mustImg04 {
  margin-left: 33%;
}
.mustImg05 {
  margin-left: 47%;
}
.mustImg {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width : 960px) {
.mustImg {
  margin-left: 10%;
}
}
.ess {
/*  background-image: url(../img/formlist/e-igc_essential.png) !important;
  background-repeat: no-repeat !important;
  background-position: right !important;*/
}
.anq {
  margin: 0 auto 80px;
}
.anq01, .anq02, .anq03, .anq04, .anq05 {
  padding: 20px 2%;
}
.anq02, .anq04 {
  background-color: #f7f7f7;
}
.anq05 li {
  line-height: 45px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.anq05 li {
  line-height: inherit;
}
}
.anq p {
  text-align: center;
  font-weight: bold;
  /*  margin-bottom: 30px;*/
  margin-top: 50px;
  font-size: 18px;
}
.anq label {
  /*  display: inline-block;*/
  margin: 5px auto;
  font-weight: 500;
}

@media screen and (min-width: 0px) and (max-width : 767px) {
.anq label {
  display: inline-block;
  width: 100%;
  height: auto;/*margin: 5px auto;*/
}
}
.kikkake {
  clear: both;
  margin-left: 0.8em;
}
.kikkake li {
  display: inline-block;
  float: left;
  min-width: 33%;
}
.komoku {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.5em;
  clear: both;
}
@media screen and (min-width: 768px) and (max-width : 959px) {
  .kikkake li {
    display: inline-block;
    float: left;
    min-width: 45%;
  }
}
@media screen and (min-width: 0px) and (max-width : 767px) {
.sumai {
  margin-bottom: 0 !important;
}
.kikkake li {
  display: block;
  float: none;
  min-width: 33%;
}
}
form #mail_form input#textfield.etc_txt {
  height: 45px;
  max-width: 190px;
  width: 100%;
}
.normal, .normal_style2 {
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 0 2%;
}
.normal_prvc {
  border-bottom: 1px solid #000;
  font-weight: 500;
}
.normal_prvc:hover {
  opacity: 0.3;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.normal2 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 0 2%;
}
form #mail_form input.normal2_btn {
  background-color: #1779bc;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 25px 2%;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  height: inherit;
  border-radius: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
form #mail_form input.normal2_btn:hover {
  background-color: #fff;
  border-color: #1779bc;
  color: #1779bc;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}
.normal2 input[type=submit] {
  font-family: FontAwesome, YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.preview_comment {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}
/*#form_titile{
	font-size: 20px;
	width: 960px;
	height: 50px;
	margin: 50px auto 20px auto;
	background-color: #eee9e4;
	color: #000;
	font-family: "Hiragino Mincho ProN","HG明朝","ＭＳ Ｐ明朝", serif;
	letter-spacing: 5px;
	text-align: center;
	}	
.text_c{
	position:relative; top:15%;
	}
	*/
.text_ch {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.idou label {
  display: inline-block;
  width: 100px;
}
.spbr {
  display: none;
}
.ml30 {
  margin-left: 30px;
}
/* --お知りになったきっかけ　吹き出し--------------------------------------*/ 
.gp {
  position: relative;
}
.anq a {
  text-decoration: none;
  position: relative;
  font-weight: 500;
}
.img_baloon {
  visibility: hidden;
  position: absolute;
  top: -215px;
  left: 40px;
  z-index: 2;
  opacity: 0;
  transition: .5s all;
  max-width: inherit;
}
.img_baloon_web {
  visibility: hidden;
  position: absolute;
  top: -60px;
  left: 20px;
  z-index: 2;
  opacity: 0;
  transition: .5s all;
  max-width: inherit;
}
.anq a:hover + .img_baloon, .anq a:hover + .img_baloon_web {
  visibility: visible;
  opacity: 1;
  transition: .5s all;
  border: 1px solid #dddddd;
}

@media screen and (min-width: 0px) and (max-width : 767px) {
.anq a {
  text-decoration: none!important;
  /*  color: #6d6461;*/
  position: relative;
}
.anq a:hover + .img_baloon, .anq a:hover + .img_baloon_web {
  visibility: hidden;
  opacity: 1;
  transition: .5s all;
}
}
/*.top_bg img{
	display: none;
	}
.menseki label{
	display: inline-block;
	width: 160px;
	}*/
	
/* --お問い合わせここまで----------------------------------- */
/* ---現場見学会------------------------------------------ */
/*.top_bg_tour{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_tours.png) no-repeat center;  
	}
.top_bg_tour img{
	display: none;
	}*/
	
/* --現場見学会ここまで----------------------------------- */
/* ---資料請求------------------------------------------ */
/*.top_bg_docu{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_docu_head_img.png) no-repeat center;  
	}
.top_bg_docu img{
	display: none;
	}*/
	
/* --資料請求ここまで----------------------------------- */
/* ---資料請求------------------------------------------ */
/*.top_bg_docu2{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_docu_head_img2.png) no-repeat center;  
	}
.top_bg_docu2 img{
	display: none;
	}*/
	
/* --資料請求ここまで----------------------------------- */
/* ---体験会------------------------------------------ */
/*.top_bg_tri{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_trial.png) no-repeat center;  
	}
.top_bg_tri img{
	display: none;
	}*/
	

/* --お知らせメール解除------------------------------------------- */
/*.top_bg_mail02{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_mail02.png) no-repeat center;  
	}
.top_bg_mail02 img{
	display: none;
	}*/
	
/* --無料個別相談フォーム------------------------------------------- */
/*.top_bg_consult{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/consult/e-igc_consult.png) no-repeat center;  
	}
.top_bg_consult img{
	display: none;
	}*/

/* --内覧希望予約フォーム------------------------------------------ */
/*.top_bg_preview{
	width: 960px;
	height: 285px;
	background: url(https://www.e-igc.jp/form/img/e-igc_preview.jpg) no-repeat center;  
	}
.top_bg_preview img{
	display: none;
	}*/
	

form #mail_form ul li.choice_showroom label {
  width: 300px;
}
.colsult_image {
  width: 960px;
  margin: 0 auto;
}
.colsult_image h4 {
  width: 90%;
  line-height: 34px;
  text-align: center;
  color: #554238;
  font-size: 26px;
  margin: 20px auto 30px;
}
.colsult_image ul {
  width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.colsult_image {
  width: 100%;
}
.colsult_image h4 {
  width: 90%;
}
.colsult_image ul {
  display: inherit;
  width: 90%;
  max-width: 470px;
}
.colsult_image ul li {
  width: 48%;
  float: left;
  margin: 1%;
}
.colsult_image ul li img {
  width: 100%;
  max-width: 225px;
}
}
/*店舗選択部分*/
/* --------来場予約---------- */
.consult_shop_select .check-text {
  font-size: 14pt;
  font-weight: bold;
  margin-left: 60px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.consult_shop_select .check-text {
  margin: 10px 0 0 0;
  text-align: center;
}
}
form #mail_form table td.reserve-check_wrapper {
  padding: 0 0 20px;
  width: 880px;
  border: none;
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper {
  width: 100%;
}
}
form #mail_form table td.reserve-check_wrapper #reserve-text {
  width: 960px;
  margin: 20px auto 0;
  text-align: center;
  overflow: hidden;
  height: auto;
}
form #mail_form table td.reserve-check_wrapper #reserve-text p {
  font-size: 10pt;
  line-height: 1.5;
}
form #mail_form table td.reserve-check_wrapper #reserve-text p.check-text {
  font-size: 14pt;
}
form #mail_form table td.reserve-check_wrapper #reserve-check {
  width: 960px;
  margin: 20px auto 0;
  text-align: center;
  height: auto;
  font-size: 13px;
  text-shadow: none !important;
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper #reserve-check {
  height: auto;
  width: 100%;
}
}
form #mail_form table td.reserve-check_wrapper #reserve-text p.size {
  padding: 0;
}
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li {
  width: 23%;
  list-style: none;
  float: left;
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li {
  width: 50%;
  height: 410px;
  overflow: hidden;
}
}

@media screen and (min-width: 0px) and (max-width:450px) {
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li {
  width: 100%;
}
}

@media screen and (min-width: 0px) and (max-width:529px) {
form #mail_form table td.reserve-check_wrapper .img_check01 .lh125 {
  line-height: 20px;
  margin-top: 0;
}
}
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li p input {
  margin: -2px 5px 0 0;
}
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li span {
  font-weight: normal;
  text-align: left !important;
  display: block;
  margin: 10px 0 0 13px;
  font-size: 12px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li span {
  position: absolute;
  top: 71%;
}
}

@media screen and (min-width: 530px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li span {
  font-weight: normal;
  text-align: left !important;
  display: block;
  margin-top: 0;
  color: #FFF!important;
}
form #mail_form table td.reserve-check_wrapper ul.shop_list01 li span a {
  color: #FFF!important;
}
}
form #mail_form table td.reserve-check_wrapper .trigger-list label {
  width: 300px;
}
.sp_block {
  display: inline-block;
  margin-top: 5px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.sp_block {
  display: block;
}
}

@media screen and (min-width: 0px) and (max-width:767px) {
form #mail_form table td.reserve-check_wrapper #reserve-text, #reserve-check {
  width: 100%;
  text-align: center;
}
}
form #mail_form table td.reserve-check_wrapper .img_check01 {
  position: relative;
}
form #mail_form table td.reserve-check_wrapper .img_check01 img {
  width: 100%
}

@media screen and (min-width: 0px) and (max-width:529px) {
form #mail_form table td.reserve-check_wrapper .img_check01 img {
  width: 100%
}
}
form #mail_form table td.reserve-check_wrapper .img_check01 p {
  position: absolute;
  top: 255px;
  left: 26px;
  color: #fff;
}

@media screen and (min-width: 0px) and (max-width:529px) {
form #mail_form table td.reserve-check_wrapper .img_check01 p {
  position: absolute;
  top: 60%;
  left: 10%;
  color: #fff;
}
}
form #mail_form table td.reserve-check_wrapper .smp_only {
  position: relative;
  top: 30px;
  color: #811A39
}
form #mail_form table td.reserve-check_wrapper .img_check01 span {
  position: absolute;
  top: 315px;
  color: #fff;
}
#form_finish {
  width: 960px;
  margin: 60px auto 10px auto;
  text-align: center;
  font-size: 14px;
}
#form_finish p {
  margin-top: 20px;
}
.mail-regist-text02 {
  width: 800px;
  margin: 50px auto 50px auto;
  font-size: 13px;
  list-style: 1.8;
  text-align: left;
  padding: 15px;
}
.hp {
  width: 100%;
  background-color: #eee9e4;
  clear: both;
}

@media screen and (min-width: 0px) and (max-width:767px) {
#form_finish {
  width: 100%;
  text-align: center;
}
#form_finish p {
  text-align: left;
  width: 90%;
  margin: 20px auto 30px;
}
.mail-regist-text02 {
  width: 90%;
  line-height: 1.5;
}
}
/* --建築現場見学会フォーム------------------------------------------- */
.top_bg_sitetour {
  width: 960px;
  height: 285px;
  background: url(https://www.e-igc.jp/form/img/sitetour/e-igc_sitetour.jpg) no-repeat center;
}
.top_bg_sitetour img {
  display: none;
}
.sitetour_image {
  width: 100%;
  margin: 20px auto 50px;
  background: url(https://www.e-igc.jp/form/img/sitetour/sitetour_image_bg.jpg) no-repeat center;
  height: 380px;
}
.sitetour_image .sitetour_image_inner {
  width : 347px;
  height: 339px;
  border-radius: 5px;
  border: 3px solid #afde80;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: 30px;
}
.sitetour_image .sitetour_image_inner img.icon_search {
  display: block;
  margin: 60px auto 0;
  width: auto;
}
.sitetour_image .sitetour_image_inner img.sitetour_image_ttl {
  display: block;
  margin: 30px auto 40px;
  width: auto;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.sitetour_image {
  width: 100%;
  background: url(https://www.e-igc.jp/form/img/sitetour/sp_sitetour_image_bg.jpg) no-repeat bottom center;
  height: 0;
  padding-bottom: 460px;
}
.sitetour_image .sitetour_image_inner {
  width: 90%;
  height: auto;
  border: none;
  position: static;
}
.sitetour_image .sitetour_image_inner img.icon_search {
  margin: 40px auto 0;
}
.sitetour_image .sitetour_image_inner img.sitetour_image_ttl {
  margin: 30px auto 20px;
  width: 100%;
  max-width: 298px;
}
}

@media screen and (min-width: 0px) and (max-width:400px) {
.sitetour_image {
  padding-bottom: 500px;
}
}

/* --JavaScript------------------------------------------- */




/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (min-width: 0px) and (max-width : 767px) {
#head_img {
  width: 100%;
  height: auto;
}
#arrow {
  width: 100%;
  text-align: center;
}
#arrow img {
  width: 70%;
  margin : 10px auto;
  max-width: 450px;
}
#arrow img:first-child {
  margin: 10px auto;
}
#arrow img:last-child {
  margin-left: 0px;
  margin-right: 0px;
}
#siryou-check {
  width: 100%;
  text-align: center;
}
.check-text {
  font-size: 14pt;
  font-weight: bold;
}
#reserve-check .check-text {
  background: #6d6461;
  color: #fff;
  padding: 8px 20px;
  font-weight: normal;
}
form #mail_form {
/*  width: 96%;
  margin: 0 auto;*/
}
form #mail_form table {
  width: 96%;
  margin: 0 auto;
}
form #mail_form table th {
  width : auto;
  float : none;
  text-align : left;
  padding : 28px 0 5px;
}
form #mail_form table td {
  width : auto;
  float : none;
  border-top : none;
  padding : 10px 0 28px 0px;
  background : none;
}
form #mail_form table th span {
  font-weight : normal;
}
form #mail_form input#name, form #mail_form input#kana, form #mail_form input#other, form #mail_form input#read, form #mail_form input#mail_address, form #mail_form input#mail_address_confirm, form #mail_form input#postal, form #mail_form input#address_1, form #mail_form input#address_2, form #mail_form input#address_3, form #mail_form input#phone, form #mail_form input#event, form #mail_form textarea#mail_contents, form #mail_form input#textfield, form #mail_form input#gakku, form #mail_form input#chu_gakku, form #mail_form input#sonota_soudan, form #mail_form input#datepicker, form #mail_form input#sonota {
  max-width : 100%;
}
.anq {
  width: 95%;
  margin: 0 auto;
  font-size: 100%;
}
.anq {
}
.anq p {
}
.normal {
  text-align: left;
  clear: both;
}
.normal_style2 {
  margin-top: 20px;
}
.normal img {
  width: 100%;
  height: auto;
}
#form_titile {
  width: 100%;
}
.pcbr {
  display: none;
}
}
/* -----画像チェックボックス周辺----- */	
.book_list {
  width: 100%;
  height: auto;
}
ul.book_list li {
  display: inline-block;
}
ul.book_list li img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
ul.book_list li :hover img {
  border: solid 3px #bce2e8;
}
ul.book_list li .img_check01 {
  position: relative;
  margin: 0 auto;
}
ul.book_list li .img_check02 {
  position: relative;
  margin: 10px auto;
}
ul.book_list li .img_check03 {
  position: relative;
  margin: 10px auto;
}
ul.book_list li .img_check04 {
  position: relative;
  margin: 10px auto;
}
ul.book_list li .img_check05 {
  position: relative;
  margin: 10px auto;
}
.img_check01 .disabled_checkbox {
  position: absolute;
  top: 89%;
  left: 10%;
}
.img_check02 .disabled_checkbox {
  position: absolute;
  top: 89%;
  left: 23%;
}
.img_check03 .disabled_checkbox {
  position: absolute;
  top: 89%;
  left: 7%;
}
.img_check04 .disabled_checkbox {
  position: absolute;
  top: 89%;
  left: 15%;
}
.img_check05 .disabled_checkbox {
  position: absolute;
  top: 89%;
  left: 25%;
}
input[type=checkbox] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.text_ch0 {
  height: 1px;
}
.text_ch {
  color: #000;
  font-size: 90%;
  font-weight: bold;
}
.text_ch02 {
  height: auto;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  left: 100px;
}
.spbr {
  display: block;
}
.last_dot1 {
  border-bottom-style: none;
}
/* --------画像チェックボックス周辺ここまで---------- */

/* --------お問い合わせ---------- */
.top_bg {
  width: 100%;
  height: auto;
}
.top_bg img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------お問い合わせここまで---------- */

/* --------現場見学会---------- */
.top_bg_tour {
  width: 100%;
  height: auto;
}
.top_bg_tour img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------現場見学会ここまで---------- */
/* --------資料請求---------- */
.top_bg_docu {
  width: 100%;
  height: auto;
}
.top_bg_docu img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------資料請求---------- */
.top_bg_docu2 {
  width: 100%;
  height: auto;
}
.top_bg_docu2 img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------資料請求ここまで---------- */

/* --------体験会---------- */
.top_bg_tri {
  width: 100%;
  height: auto;
}
.top_bg_tri img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------メール解除ここまで---------- */
.top_bg_mail02 {
  width: 100%;
  height: auto;
}
.top_bg_mail02 img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------体験会ここまで---------- */
.book_list_sp label {
  width: 100%;
}
.sp_none {
  display: none;
}
/* --------無料個別相談フォーム---------- */
.top_bg_consult {
  width: 100%;
  height: auto;
}
.top_bg_consult img {
  display: block;
  width: 100%;
  height: auto;
}
/* --------建築現場見学会フォーム---------- */
.top_bg_sitetour {
  width: 100%;
  height: auto;
}
.top_bg_sitetour img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.sp_none {
  display: block;
}
}

::-webkit-input-placeholder {
 color: #878787;
 font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 16px;
}
::-moz-placeholder {
 color: #878787;
 font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 16px;
}
:-ms-input-placeholder {
 color: #878787;
 font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 16px;
}
input[type="image"] {
  border: none !important;
}
/*==========================================
 お問い合わせ
===========================================*/

.Contact .contentLead {
  background-color: #f0f0f0;
  padding: 0 2%;
  margin-bottom: 50px;
}
.Contact .contentLead_inner {
  font-size: 18px;
  line-height: 2.2;
  padding: 50px 0;
  background: url(../../img/formlist/Contact01.png) no-repeat;
  background-position: left center;
}
.Contact .contentLead02 {
  position: relative;
  background-color: #26676d;
  padding: 20px 2% 30px;
  margin-bottom: 35px;
}
.Contact .contentLead02::after {
  position: absolute;
  border-top: 21px solid #26676d;
  border-right: 21px solid transparent;
  border-left: 21px solid transparent;
  content: '';
  left: 47.8%;
  bottom: -20px;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .contentLead02::after {
  left: 45%;
}
}
.Contact .contentLead02_cap {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
.Contact .contentLead02_txt {
  color: #26676d;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.Contact .contentLead02_txt {
  padding: 10px 2%;
}
}
.Contact .build_td label, .Contact .naiyou label {
  font-weight: 500;
}
.Contact .table02_Back {
  background-color: #f7f7f7;
  padding-top: 60px;
  padding-bottom: 50px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.Contact .table02_Back {
  padding: 60px 2% 50px;
}
}
.Contact .table02_ttl {
  background-color: #f7f7f7;
  overflow: hidden;
  margin: 0 auto;
  width: 93%;
  font-size: 18px;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .table02_ttl {
  font-size: 16px;
  width: auto;
}
}
.Contact .table02_ttl_inner {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .table02_ttl_inner {
  margin: 0 2em;
  padding: 0 0.5em;
  text-align: center;
}
}
.Contact .table02_ttl_inner::before, .Contact .table02_ttl_inner::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #c9c9c9;
}
.Contact .table02_ttl_inner::before {
  right: 100%;
}
.Contact .table02_ttl_inner::after {
  left: 100%;
}
.Contact .etc_comment {
  background-color: #f7f7f7;
  margin-top: 20px;
  max-width: 588px;
  width: 100%;
  font-size: 14px;
  padding: 14px 3.2%;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.Contact .etc_comment {
  margin: 20px auto 0;
  max-width: 100%;
}
}
.Contact .mailMaga label {
  display: inline-block;
  width: 36%;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.Contact .mailMaga label {
/*  width: 100%;*/
}
}
.Contact .text_ch .spspace {
  font-size: 16px;
  font-weight: 500;
}
.Contact .field label {
  display: inline-block;
  width: 36%;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.Contact .field label {
  width: 100%;
}
}
.Contact .yosanInput {
  margin-right: 10px;
  max-width: 250px;
  width: 100%;
  font-size: 16px!important;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .yosanInput {
  max-width: 190px;
}
}
.Contact .anq_ttl {
  overflow: hidden;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 93%;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .anq_ttl {
  width: auto;
  font-size: 16px;
}
}
.Contact .anq_ttl_inner {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Contact .anq_ttl_inner {
  margin: 0 2em;
  padding: 0 0.5em;
  text-align: center;
}
}
.Contact .anq_ttl_inner::before, .Contact .anq_ttl_inner::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #c9c9c9;
}
.Contact .anq_ttl_inner::before {
  right: 100%;
}
.Contact .anq_ttl_inner::after {
  left: 100%;
}
.Contact .anq_ttl_comment {
  font-weight: 500;
  font-size: 16px;
  display: block;
  text-align: center;
}