@charset "utf-8";

/*====================================================================================================

  お問い合わせ

====================================================================================================*/

/*--------------------------------------------------------------------------------
  ページタイトル
--------------------------------------------------------------------------------*/

/*#pgTtl {
  background-image:url(../image/pgTtl_bg.jpg);
}

#pgTtl h2 {
  background-image:url(../image/pgTtl.png);
}*/


/*----------------------------------------------------------------------------------------------------

  賢い家づくり実現ノート
  
----------------------------------------------------------------------------------------------------*/

/*.myhomeNote__hdline,
.myhomeNote p {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  .myhomeNote {
    margin-top:90px;
    height:466px;
    background:url(../image/myhomeNote.jpg) no-repeat center center;
  }
}

@media screen and (max-width:640px) {
  .myhomeNote {
    margin-top:3.5%;
    height:-webkit-calc(456 / 640 * 100vw);
    height:calc(456 / 640 * 100vw);
    background:url(../image/myhomeNote_sp.jpg) no-repeat center center;
    background-size:cover;
  }
}*/


/*----------------------------------------------------------------------------------------------------

  電話
  
----------------------------------------------------------------------------------------------------*/

/*.uketsuke-wrap {
  background:url(../../image/pattern.svg) repeat left top;
  padding:12px;
}

.uketsuke {
  background:url(../../image/bg.jpg) repeat center center;
}

.uketsuke__hdline {
  line-height:1;
}

.uketsuke__hdline span {
  background-color:#20be5f;
  color:#fff;
  padding:0.5em;
}

@media print,screen and (min-width:641px) {
  .uketsuke-lo {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:90px;
  }
  
  .uketsuke {
    padding:30px 0;
  }
  
  .uketsuke__hdline {
    overflow:hidden;
    padding-right:1.25em;
  }
  
  .uketsuke__hdline span {
    display:inline-block;
    position:relative;
  }
  
  .uketsuke__hdline span:after {
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:-1em;
    top:50%;
    transform:translateY(-50%);
    display:inline-block;
    border-style:solid;
    border-width:1.25em 0 1.25em 1.25em;
    border-color:transparent transparent transparent #20be5f;
    }
  
  .uketsuke__hdline,
  .uketsuke .p-iconTxt--tel {
    display:inline-block;
    vertical-align:middle;
  }
  
  .uketsuke .p-iconTxt--tel {
    margin-left:2rem;
  }
}

@media screen and (max-width:640px) {
  .uketsuke-lo {
    padding:10% 6%;
  }
  
  .uketsuke {
    padding:4% 4% 6% 4%;
  }
  
  .uketsuke__hdline {
    padding-bottom:4%;
  }
  
  .uketsuke__hdline,
  .uketsuke__hdline span {
    width:100%;
    display:block;
  }
}

@media screen and (max-width:500px) {
  .uketsuke-wrap {
    padding:-webkit-calc(12 / 500 * 100vw);
    padding:calc(12 / 500 * 100vw);
  }
}*/



/*----------------------------------------------------------------------------------------------------


  
----------------------------------------------------------------------------------------------------*/
	.intro p{
		text-align: center;
}

.reservation-hdline,
.inquiry-hdline{
	text-align: left;
}

.mail-form-hdline .jp-ttl::after{
	display: none;
}

.reservation,
.inquiry{
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
	

.reservation .txt-box,
.inquiry .txt-box{
	/*background-color: #fff;*/
	text-align: left;

}

.reservation .txt-box p span ,
.inquiry .txt-box p span{
	font-weight: 600;
	color:#ff7387; 
}

@media screen and (min-width:641px) {
	.intro{
	margin-top: 100px;
		margin-bottom: 100px;
}
	
.reservation{
	margin-bottom: 80px;
}
	
.inquiry{
	margin-bottom: 160px;
}
	
.reservation-hdline,
.inquiry-hdline{
	margin-bottom: 40px;
}
	.mail-form-hdline{
		margin-top: 60px;
			margin-bottom: 80px;
	}
	
.reservation .txt-box p:not(:last-of-type),
.inquiry .txt-box p:not(:last-of-type) {
margin-bottom: 20px;
}
}

@media screen and (max-width:640px) {
	.intro{
	margin-top: 80px;
		margin-bottom: 80px;
}
	
.reservation{
	margin-bottom: 80px;
}
	
.inquiry{
	margin-bottom: 120px;
}
	
.reservation-hdline,
.inquiry-hdline {
margin-bottom: 30px;
	}

.mail-form-hdline{
margin-top: 40px;
margin-bottom: 60px;
}

.reservation .txt-box p:not(:last-of-type),
.inquiry .txt-box p:not(:last-of-type) {
margin-bottom: 10px;
}
}


/*----------------------------------------------------------------------------------------------------


  
----------------------------------------------------------------------------------------------------*/

.fm-item .preferred:not(:last-of-type){
	margin-bottom: 20px;
}

/*.preferred select { width:2em; }*/

.preferred select{
  padding:0.4em;
  border:1px solid #c1c0bd;
  background-color:#fff;
  -webkit-transition:background-color ease-out  0.1s, border-color ease-out  0.1s;
  transition:background-color ease-out  0.1s, border-color ease-out  0.1s;
}

.preferred select:focus {
  border-color:#464137 !important;
  background-color:#fff !important;
}

@media screen and (max-width:640px) {
/*.preferred select{ width:9em; }*/
}

/*----------------------------------------------------------------------------------------------------

  フォーム
  
----------------------------------------------------------------------------------------------------*/

@media screen and (max-width:540px) {
  .fm-ip-group--cols2 li {
    width:100%;
  }
  
  .fm-ip-group--cols2 li:nth-child(n+2) {
    margin-top:8px;
  }
}

@media screen and (max-width:500px) {
  .fm-ip-group--cols3 li {
    width:50%;
  }
  
  .fm-ip-group--cols3 li:nth-child(n+3) {
    margin-top:8px;
  }
}