@charset "utf-8";
/* FORM【フォーム】 ===========*/
/*==========================================
 共通
===========================================*/
.sec-form-lead-text{
 text-align: center;
 margin: 80px auto 60px;
 line-height: 2;
}
/*=== お電話でのお問い合わせ ===*/
.sec-form .contact-means-tel{
 border: 1px solid #dbdbdf;
 max-width: 810px;
 width: 100%;
 margin: 0 auto;
 text-align: center;
 padding: 45px 2.5%;
}
.sec-form .contact-means-tel .tel-number a{
 font-size: 3.6rem;
 color: #1f7648;
}
.sec-form .contact-means-tel .tel-number a::before{
 content: "\f095";
 font-family: FontAwesome;
    margin-right: 0.2em;
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 480px){
.sec-form-lead-text{
 text-align: center;
 margin: 0 auto 40px;
}
}
@media screen and (max-width: 370px){
.sec-form .contact-means-tel{
 font-size: 1.5rem;
}
.sec-form .contact-means-tel .tel-number a{
 font-size: 3rem;
}
}

/*==========================================
 FORM STYLE
===========================================*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="submit"],
textarea,
select{
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
/*===プレースホルダー===*/
::-webkit-input-placeholder {
  color: #909090;
	line-height: 2;
}
::-moz-placeholder {
  color: #909090; opacity: 1;
	line-height: 2;
}
/* IE */
:-ms-input-placeholder {
  color: #909090; opacity: 1;
	line-height: 2;
}
/* Edge */
::-ms-input-placeholder {
  color: #909090; opacity: 1;
	line-height: 2;
}
::placeholder {
  color: #909090; opacity: 1;
	line-height: 2;
}
@media screen and (max-width:480px) {
::-webkit-input-placeholder{
  font-size: 14px;
}
::-moz-placeholder {
  font-size: 14px;
}
:-ms-input-placeholder {
  font-size: 14px;
}
::-ms-input-placeholder {
  font-size: 14px;
}
::placeholder {
  font-size: 14px;
}
}
.form-area-wrap{
 max-width: 1140px;
 width: 100%;
 padding: 0 2.5%;
 margin: 0 auto;
}
@media screen and (min-width: 1060px) {
.form-area-wrap{
 padding: 0 25px;    
}
}
#form .form-block-wrap{
 background: rgba(0,0,0,0.04);
 width: 100%;
 margin: 80px auto;
 padding: 50px 2.5%;
}
#form .form-block{
 max-width: 710px;
 width: 100%;
 margin: 0 auto;
}
#form .form-block .form-item:not(:last-child){
 margin-bottom: 50px;
}
/*=== ご住所 ===*/
#form .form-item-address .form_control_wrap:not(:last-child){
 margin-bottom: 25px;
}
@media screen and (max-width: 480px){
#form .form-block-wrap{
 margin: 40px auto;
 padding: 35px 2.5%;
}
#form .form-block .form-item:not(:last-child){
 margin-bottom: 25px;
}
/*=== ご住所 ===*/
#form .form-item-address .form_control_wrap:not(:last-child){
 margin-bottom: 5px;
}
}
#form .form-item-ttl{
 font-weight: bold;
 margin-bottom: 15px;
}
#form .required,
#form .optional{
 border-radius: 5px;
 font-size: 1.4rem;
 padding: 1px 10px;
 margin-right: 1em;
}
#form .required{
 background: #c6112f;
 border: 1px solid #c6112f;
 color: #fff;
}
#form .optional{
 background: #fff;
 border: 1px solid #696769;
 color: #696769;
}
#form .form_control{
 font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 display: block;
 width: 100%;
 padding: 0.6rem 1.5rem;
 font-size: 1.6rem;
 line-height: 2;
 color: #495057;
 background-color: #fff;
 background-image: none;
 background-clip: padding-box;
 border: 1px solid #dbdbdf;
}
/*IE*/
@media all and (-ms-high-contrast:none) {
#form .form_control{
  font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  line-height:1.25;
   padding: 1.2rem 1.5rem;
}
}
/*=== TEXTAREA ===*/
#form textarea.form_control{
 height: 250px;
 line-height: 1.5;
}
/*=== SELECT ===*/
#form .form_control_wrap .time,
#form .form_control_wrap .people{
 position: relative;
 display: block;
}
#form .form_control_wrap .time::after,
#form .form_control_wrap .people::after{
display: block;
    content: " ";
    position: absolute;
    top: 32px;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-top: -15px;
    background: url(../img/common/arw-select.png) 0 0 no-repeat; /* 背景画像の指定 */
    background-size: cover;
    pointer-events: none;
}
/*=== CHECKBOX ===*/
#form .checkbox.wpcf7-form-control .wpcf7-list-item label input{
  display: none;
}
#form .checkbox.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
  padding: 0 0 0 40px;
  display: inline-block;
  position: relative;
}
#form .checkbox .wpcf7-list-item-label:before{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 1px #dbdbdf;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
#form .checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:before{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  vertical-align: middle;
  font-size: 2rem;
  color: #1f7648;
}
@media screen and (min-width: 768px){
#form .checkbox.wpcf7-form-control .wpcf7-list-item label:hover{
 cursor: pointer;
}
}
@media screen and (max-width: 480px){
#form .checkbox.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {
 padding: 0 0 0 30px;
}
}
/*=== CHECKBOX 【 RADIO - optional 】 ===*/
#form .checkbox-op.wpcf7-form-control .wpcf7-list-item label input{
  display: none;
}
#form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
  padding: 0 0 0 40px;
  display: inline-block;
  position: relative;
}
#form .checkbox-op .wpcf7-list-item-label::before{
  content: "";
  width: 20px;
  height: 20px;
  border-radius:50%;
  display: inline-block;
  border: solid 1px #dbdbdf;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
#form .checkbox-op input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
  position: absolute;
  content: "";
  display: block; 
  top: 50%;
  left: 6px;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  background: #1f7648;
  border-radius: 50%;
}
#form .checkbox-op.wpcf7-form-control .wpcf7-list-item label:hover{
 cursor: pointer;
}
@media screen and (max-width: 480px){
#form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {
 padding: 0 0 0 30px;
}
}
/*=== RADIO ===*/
#form input[type=radio] {display: none;}
#form .form-control-radio .wpcf7-list-item-label {
 position: relative;
 padding: 2px 40px 0 35px;
}
#form .form-control-radio .wpcf7-list-item-label::after,
#form .form-control-radio .wpcf7-list-item-label::before {
 position: absolute;
 content: "";
 display: block; 
 top: 50%;
}
#form .form-control-radio .wpcf7-list-item-label::after {
  left: 6px;
  margin-top: -4px;
  width: 10px;
  height: 10px;
  background: #1f7648;
  border-radius: 50%;
  opacity: 0;
}
#form .form-control-radio .wpcf7-list-item-label::before {
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color:#fff;

}
#form input[type=radio]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
#form .form-control-radio .wpcf7-list-item-label:hover::after {
  border-color: #1f7648;
}
#form .form-control-radio .wpcf7-list-item label:hover{
 cursor: pointer;
}
/*=== テキストエリア外テキスト ===*/
#form .form-control-last-text{
 margin-left:1em;
}
/*=== ご住所 ===*/
#form .form_control.zipcode{
 max-width: 182px;
}
@media screen and (max-width: 480px){
#form .required,
#form .optional{
 font-size: 1.3rem;
 padding: 1px 6px;
 margin-right: 0.5em;
}
#form .form-item-ttl{
 margin-bottom: 5px;
 font-size: 1.5rem;
}
}
/*=== ERROR MESSAGE ===*/
#form span.wpcf7-not-valid-tip{
 font-size:1.4rem;
}
#form .form_control.wpcf7-not-valid{
 background:#ffd9df;
 border-color:#d06476;
}
#form .checkbox.wpcf7-not-valid{
 display:block;
 border:1px solid #d06476;
 background:#ffd9df;
 padding:10px 0;
}
#form div.wpcf7-validation-errors,
#form div.wpcf7-mail-sent-ok{
 max-width:710px;
 width:100%;
 margin:1em auto 0;
 font-size:1.4rem;
 padding:10px 1em;
}
#form div.wpcf7-validation-errors{
 border:1px solid #e0ca72;
 background:#fffbc6;
}
#form div.wpcf7-mail-sent-ok{
 border:1px solid #9fcaef;
 background:#d6f8ff;
}
/*=== 個人情報の取扱いについて ===*/
#form .form-privacy{
 text-align: center;
 line-height: 2;
}
#form .form-privacy-ttl{
 margin-bottom: 0.5em;
}
#form .form-privacy-text a{
 border-bottom: 1px solid #000;
}
@media screen and (min-width: 768px){
#form .form-privacy-text a:hover{
 border-bottom: 1px solid #fff;
 color: #1f7648;
}
}
@media screen and (max-width: 480px){
#form .form-privacy-text{
 font-size: 1.4rem;
}
}
@media screen and (max-width: 370px){
#form .form-privacy-text{
 letter-spacing: -0.01em;
}
}
/*=== 送信ボタン ===*/
#form .btn_submit_wrap{
 max-width: 500px;
 width: 100%;
 margin: 80px auto 0;
}
#form .btn_submit{
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 font-size: 2.1rem;
 font-weight: bold;
 margin: 40px auto 0;
 display: block;
 width: 100%;
 text-align: center;
 padding: 30px 2%;
 border: none;
 background-image: linear-gradient(to right, rgba(31,118,72,1) 50%, rgba(54,52,54,1) 50%);
 background-position: 0 0;
 background-size: 201% auto;
 color: #fff;
 transition: .5s all;
 letter-spacing: 0.1em;
 cursor: pointer;
}
@media screen and (min-width: 768px){
#form .btn_submit:hover{
 background-position: -99% 0;	
}	
}
@media screen and (max-width: 480px){
#form .btn_submit_wrap{
 margin: 40px auto 0;
}
#form .btn_submit{
 font-size: 1.8rem;
}
}
/*==========================================
 資料請求
===========================================*/
.request-lead{
 max-width:810px;
 width:100%;
 margin:0 auto 60px;
}
.request-lead-text{
 font-size:3rem;
 padding:0 0 0 25px;
}
.request-lead-text .gleen-line{
 font-size:4.8rem;
 background: linear-gradient(transparent 60%, #e2f3e9 60%);
}
@media screen and (min-width: 481px){
.sec-form-request .checkbox .wpcf7-list-item:last-child{
 margin: 0 0 0 8em;
}
}
@media screen and (min-width: 768px){
.request-lead{
 display:flex;
 justify-content: space-between;
 align-items: center;
 flex-direction: row-reverse;
}
}
@media screen and (max-width: 830px){
.request-lead-text{
 font-size:2.8rem;
 padding:0;
}
.request-lead-text .gleen-line{
 font-size:4.6rem;
}
}
@media screen and (max-width: 767px){
.request-lead{
 text-align:center;
}
.request-lead-img{
 margin-bottom:25px;
}
}
@media screen and (max-width: 480px){
.request-lead{
 margin:0 auto 40px;
}
.request-lead-text {
 font-size: 6vw;
}
.request-lead-text .gleen-line {
 font-size: 11vw;
}
.sec-form-request .checkbox .wpcf7-list-item:last-child{
 margin: 0 0 0 2em;
}
.sec-form-request #form .checkbox span.wpcf7-list-item {
 margin: 0.3em 0 0.3em 1em;
}
}
/*==========================================
 来場予約
===========================================*/
/*=== 見学希望日時 ===*/
@media screen and (min-width: 568px){
.sec-form-reserved #form .tour-time-wrap{
 display: flex;
}
.sec-form-reserved #form .calender .wpcf7-form-control{
 max-width: 330px;
 margin-right: 20px;
}
.sec-form-reserved #form .time{
 min-width:165px;
}
.sec-form-reserved #form .people{
 max-width:265px;
}
}
@media screen and (max-width: 567px){
.sec-form-reserved #form .tour-time-wrap .form_control_wrap:first-child{
 margin-bottom: 25px;
}
}
@media screen and (max-width: 480px){
.sec-form-reserved #form .tour-time-wrap .form_control_wrap:first-child{
 margin-bottom: 5px;
}	
}
/*==========================================
 エントリーフォーム
===========================================*/
.sec-form-entry #form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
 padding: 0 40px 0 40px;
}
.sec-form-entry #form .birth-block{
 display:flex;
}
.sec-form-entry #form .birth-block .form_control_wrap .form_control{
 max-width: 132px;
}
.sec-form-entry #form .birth-block .form_control_wrap:first-child .form_control {
 max-width: 182px;
}
.sec-form-entry #form .birth-block .form_control_wrap:not(:last-child){
 margin-right: 2em;
}
@media screen and (max-width: 767px){
.sec-form-entry #form .birth-block .form_control_wrap:not(:last-child){
 margin-right: 2.5%;
}
}
@media screen and (max-width: 480px){
.sec-form-entry #form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
 padding: 0 20px 0 40px;
}
/*.sec-form-entry #form .form-control-radio span.wpcf7-list-item {
 margin: 0.3em 0 0.3em 1em;
}*/
}
/*==========================================
 買取査定依頼フォーム
===========================================*/
.sec-form-assessment #form .assessment-area-block .form_control,
.sec-form-assessment #form .built-age-block .form_control,
.sec-form-assessment #form .expectation-block .form_control,
.sec-form-assessment #form .expectation-time-block .form_control{
 display: inline-block;
}
/*=== 土地面積／建物面積 ===*/
.sec-form-assessment #form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
 padding: 0 40px 0 40px;
}
@media screen and (max-width: 767px){
.sec-form-assessment #form .checkbox-op span.wpcf7-list-item {
 margin: 5px 0 5px 1em;
}
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .checkbox-op span.wpcf7-list-item {
 display: block;
}
.sec-form-assessment #form .checkbox-op.wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label{
 padding: 0 20px 0 40px;
}
}
/*=== 土地面積／建物面積 ===*/
.sec-form-assessment #form .assessment-area-block .form_control{
 max-width:182px;
}
@media screen and (min-width: 768px){
.sec-form-assessment #form .assessment-area-block{
 display:flex;
}
.sec-form-assessment #form .assessment-area-block .form_control_wrap:first-child{
 margin-right:2em;
}
}
@media screen and (max-width: 767px){
.sec-form-assessment #form .assessment-area-block .form_control{
 max-width:300px;
 width:80%;
}
.sec-form-assessment #form .assessment-area-block .form_control_wrap:first-child{
 margin-bottom:25px;
}
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .assessment-area-block .form_control_wrap:first-child{
 margin-bottom:5px;
}
}
/*=== 建物築年 ===*/
.sec-form-assessment #form .built-age-block{
 display:flex;
 flex-wrap:wrap;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:first-child .form_control{
 max-width:182px;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:nth-of-type(2) .form_control{
 max-width:138px;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child .form_control{
 max-width:102px;
}
@media screen and (min-width: 768px){
.sec-form-assessment #form .built-age-block .form_control_wrap:not(:last-child){
 margin-right:2em;
}
}
@media screen and (max-width: 767px){
.sec-form-assessment #form .built-age-block .form_control_wrap:first-child{
 width:100%;
 margin-bottom:25px;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:first-child .form_control {
 max-width: 300px;
 width:80%;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:nth-of-type(2) .form_control,
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child .form_control{
 max-width:92px;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child{
 margin-left:2em;
}
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .built-age-block .form_control_wrap:first-child,
.sec-form-assessment #form .built-age-block .form_control_wrap:nth-of-type(2){
 margin-bottom:5px;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:nth-of-type(2),
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child{
 width:100%;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:nth-of-type(2) .form_control,
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child .form_control{
 max-width:138px;
 width:60%;
}
.sec-form-assessment #form .built-age-block .form_control_wrap:last-child{
 margin-left:0;
}
}
/*=== 売却希望額 ===*/
.sec-form-assessment #form .expectation-block .form_control{
 max-width:182px;
}
@media screen and (min-width: 768px){
.sec-form-assessment #form .expectation-block{
 display:flex;
}
.sec-form-assessment #form .expectation-block .form_control_wrap:first-child{
 margin-right:2em;
}
}
@media screen and (max-width: 767px){
.sec-form-assessment #form .expectation-block .form_control{
 max-width:300px;
 width:80%;
}
.sec-form-assessment #form .expectation-block .form_control_wrap:first-child{
 margin-bottom:25px;
}
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .expectation-block .form_control{
 width:75%;
}
.sec-form-assessment #form .expectation-block .form_control_wrap:first-child{
 margin-bottom:5px;
}
}
/*=== 売却希望時期 ===*/
.sec-form-assessment #form .expectation-time-block .form_control_wrap:first-child .form_control{
 max-width:182px;
}
.sec-form-assessment #form .expectation-time-block .form_control_wrap:last-child .form_control{
 max-width:138px;
}
@media screen and (min-width: 768px){
.sec-form-assessment #form .expectation-time-block{
 display:flex;
}
.sec-form-assessment #form .expectation-time-block .form_control_wrap:first-child{
 margin-right:2em;
}
}
@media screen and (max-width: 767px){
.sec-form-assessment #form .expectation-time-block .form_control_wrap:first-child .form_control{
 max-width:300px;
 width:80%;
}
.sec-form-assessment #form .expectation-time-block .form_control_wrap:first-child{
 margin-bottom:25px;
}
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .expectation-time-block .form_control_wrap:first-child{
 margin-bottom:5px;
}
}
/*=== 売却を希望される理由 ===*/
.sec-form-assessment #form .checkbox-reason .wpcf7-list-item{
 margin:0 80px 1em 0;
}
.sec-form-assessment #form .checkbox-reason .wpcf7-list-item.last{
 width:100%;
 margin:0 0 1em;
}
@media screen and (max-width: 480px){
.sec-form-assessment #form .checkbox-reason .wpcf7-list-item{
 margin:0 0 1em;
 width:100%;
}
}
/*=== 不動産売却時の希望 ===*/
.sec-form-assessment #form .checkbox-sell .wpcf7-list-item{
 width:100%;
 margin:0 0 1em;
}
/*==========================================
 THANKS PAGE
===========================================*/
.sec-form-thanks .thanks-block{
/* border:1px solid #dbdbdf;*/
 max-width:710px;
 width:100%;
 margin: 100px auto 0;
 text-align:center;
}
.sec-form-thanks .thanks-block .btn{
 margin:60px auto 0;
}
@media screen and (max-width: 480px){
.sec-form-thanks .thanks-block{
 margin: 0 auto;
}
}