/*
    questionnaire.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
  div.SIGNUP_1A7{
    width:86%;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:50px;
  }

  /* ---------------------------------
      For box 
    --------------------------------- */
  div.BOX_1A7{
    width:100%;
    padding:2% 3%;
    border:1px solid #434343;
    border-radius:4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }


  div.BOX_1A7  div.FORM_1A7{
    width:100%;
    padding:3% 6%;
  }

  div.QUESTION_FORM_1A7{
    width:100%;
    margin-bottom:30px;
  }

  div.QUESTION_FORM_1A7 h3{
    width:100%;
    margin-bottom:30px;
  }

  div.QUESTION_FORM_1A7 p{
  padding:0;
  margin:0;
    margin-bottom:20px;
  }

  ul.QUESTION_FORM_HLF_1A7{
		list-style: none;
		padding-left: 0;
	  width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
  }

  ul.QUESTION_FORM_HLF_1A7 li{
    width:49%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    align-items: center;
    margin-bottom:16px;
  }

  ul.QUESTION_FORM_HLFx2_1A7{
		list-style: none;
		padding-left: 140px;
	  width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    flex-wrap: wrap;
  }

  ul.QUESTION_FORM_HLFx2_1A7 li{
    width:160px;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    align-items: center;
    margin-bottom:16px;
    margin-right:16px;
  }

  ul.QUESTION_FORM_HLFx3_1A7{
		list-style: none;
		padding-left: 140px;
	  width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    flex-wrap: wrap;
  }

  ul.QUESTION_FORM_HLFx3_1A7 li{
    width:200px;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    align-items: center;
    margin-bottom:12px;
    margin-right:10px;
    font-size:0.9em;
  }

  ul.QUESTION_FORM_HLFx_1A7{
		list-style: none;
		padding-left: 0;
	  width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
  }

  ul.QUESTION_FORM_HLFx_1A7 li{
    width:49%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    align-items: center;
    margin-bottom:16px;
    position:relative;
  }

  label.SCT_STATION_1A7{
    width:100%;
    padding: 10px 20px;
    border: 1px solid #434343;
    border-radius: 4px;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff;
    background:url(../imgs/chevron-down.svg) 97%  50% no-repeat;
    background-size:20px auto;
  }

  div.CREATE_STATION_1A7{
    position:absolute;
    top:45px;
    left:0;
    border: 1px solid #434343;
    background:#fff;
    width:100%;
    padding:10px;
        max-height:300px;
        overflow-y:auto;
        z-index:100000;
  }

  ul.QUESTION_FORM_ALL_1A7{
    width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
  }

  ul.QUESTION_FORM_ALL_1A7 li{
    width:100%;
    display: -webkit-box;  /*Android*/
    display: -moz-box;     /*Firefox*/
    display: -ms-flexbox;  /*IE*/
    display: -webkit-flex; /*PC-Safari,iOS*/
    display: flex;
    align-items: center;
    margin-bottom:16px;
  }

  div.QUESTION_FORM_1A7 input[type="checkbox"]{
	  -webkit-transform: scale(1.5);
	  transform: scale(1.5);
	  margin-right: 8px;
	}

  div.CREATE_STATION_1A7 ul li label{
    width:90%;
	}

	label.lb_01_1A7{
    width:24%;
		margin-right:8px;
	}

	label.lb_02_1A7{
		margin-left:8px;
	}

	label.lb_03_1A7{
		margin-right:8px;
		margin-left:8px;
	}

	label.lb_04_1A7{
    width:50%;
		margin-right:8px;
	}

	label.lb_05_1A7{
        width:120px;
		margin-right:20px;
	}

	label.lb_06_1A7{
        width:300px;
		margin-right:20px;
	}

	div.QUESTION_FORM_SUB_1A7{
    width:100%;
    margin-left:20px;
    margin-bottom:30px;
	}


  div.SIGNUP_FORM_1A7{
    width:100%;
    margin-bottom:30px;
  }

  div.DISABLE_SIGNUP_FORM_1A7{
    width:100%;
    margin-bottom:20px;
  }

  div.HIGH_SIGNUP_FORM_1A7{
    width:100%;
    margin-bottom:20px;
  }

  div.FORM_1A7 input[type="text"]{
    width:50%;
    padding: 10px 20px;
    border: 1px solid #434343;
    border-radius: 4px;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.FORM_1A7 select{
    width:30%;
    padding: 10px 20px;
    border: 1px solid #434343;
    border-radius: 4px;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff;
    background:url(../imgs/chevron-down.svg) 97%  50% no-repeat;
    background-size:20px auto;
  }

  ul.QUESTION_FORM_ALL_1A7 li input[type="text"]{
    width:30%;
  }

  div.QUESTION_FORM_SUB_1A7 	label.lb_01_1A7{
    width:calc(50% - 20px);
  }
  div.QUESTION_FORM_SUB_1A7 ul.QUESTION_FORM_ALL_1A7 li input[type="text"]{
    width:48%;
  }

  ul.QUESTION_FORM_ALL_1A7 li.middle input[type="text"]{
    width:36%;
  }

  ul.QUESTION_FORM_HLF_1A7 li input[type="text"]{
    width:76%;
  }
  ul.QUESTION_FORM_HLFx_1A7 li input[type="text"]{
    width:calc(100% - 140px);
  }
  ul.QUESTION_FORM_HLFx_1A7 li select{
    width:calc(100% - 140px);
  }
  ul.FORLAST_1A7 li input[type="text"]{
    width:48%;
  }
  ul.FORLAST_1A7 li select{
    width:48%;
  }
  ul.FORLASTx_1A7 li input[type="text"]{
    width:48%;
  }
  ul.FORLASTx_1A7 li select{
    width:48%;
  }


  div.SIGNUP_FORM_1A7 input[type="text"], div.SIGNUP_FORM_1A7 input[type="password"]{
    background: #ffffff;
  }

  div.DISABLE_SIGNUP_FORM_1A7 input[type="text"], div.DISABLE_SIGNUP_FORM_1A7 input[type="password"]{
    background: #595959;
  }

  div.HIGH_SIGNUP_FORM_1A7 input[type="text"], div.HIGH_SIGNUP_FORM_1A7 input[type="password"]{
    background: #FFCCE8;
  }

  div.SIGNUP_FORM_1A7 select{
    background: #ffffff;
  }

  div.DISABLE_SIGNUP_FORM_1A7 select{
    background: #595959;
  }

  div.HIGH_SIGNUP_FORM_1A7 select{
    background: #FFCCE8;
  }

  div.SIGNUP_FORM_1A7 input[type="checkbox"]{
    background: #ffffff;
  }

  div.DISABLE_SIGNUP_FORM_1A7 input[type="checkbox"]{
    background: #595959;
  }

  div.HIGH_SIGNUP_FORM_1A7 input[type="checkbox"]{
    background: #FFCCE8;
  }


/*  div.SIGNUP_FORM_1A7 input[type="text"]:focus {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  }
*/
  div.FORM_1A7 p.BTN1A7 {
    text-align:right;
  }

  div.FORM_1A7 p input[type="button"] {
    padding: 10px 40px;
    border-radius: 4px;
    background: #434343;
    font-size: 0.9em;
    color: #fff;
  }

  div.FORM_1A7 p input[type="button"]:hover {
    cursor: pointer;
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }

  div.FORM_1A7 p input[type="checkbox"] {
    margin-right:10px;
  }

  div.FORM_1A7 p a{
    color:#434343;
    text-decoration:underline;
  }

  div.FORM_1A7 p a:hover{
    /*color:#71C5E8;*/
  }
  div.FORM_1A7 p a:hover{
    color:#434343;
  }

  ul.QUESTION_FORM_HLFx3_1A7 input[type="checkbox"]{
	  -webkit-transform: scale(1.5);
	  transform: scale(1.5);
	  margin-right: 4px;
	}


  .CATEGORY_INTERESTED_IN{
    background: #ffffff;
  }

  .HIGH_CATEGORY_INTERESTED_IN{
    background: #FFCCE8;
  }

  .YOUR_BUDGET{
    background: #ffffff;
  }

  .HIGH_YOUR_BUDGET{
    background: #FFCCE8;
  }

  .LOCATION_INTERESTED_IN{
    background: #ffffff;
  }

  .HIGH_LOCATION_INTERESTED_IN{
    background: #FFCCE8;
  }

  .BIZ_DOMAIN{
    background: #ffffff;
  }

  .HIGH_BIZ_DOMAIN{
    background: #FFCCE8;
  }

  .LOCATION_PREFERENCE{
    background: #ffffff;
  }

  .HIGH_LOCATION_PREFERENCE{
    background: #FFCCE8;
  }

  .SPACE_PREFERENCE{
    background: #ffffff;
  }

  .HIGH_SPACE_PREFERENCE{
    background: #FFCCE8;
  }

  .PARKING_SPACE label{
    background: #ffffff;
  }

  .HIGH_PARKING_SPACE label{
    background: #FFCCE8;
  }

  .RENT_BUY{
    background: #ffffff;
  }

  .HIGH_RENT_BUY{
    background: #FFCCE8;
  }

  .SPECIFIC_AREA label{
    background: #ffffff;
  }

  .HIGH_SPECIFIC_AREA label{
    background: #FFCCE8;
  }

  .ROOM_TYPE{
    background: #ffffff;
  }

  .HIGH_ROOM_TYPE{
    background: #FFCCE8;
  }

  .RENTAL_PRICE  label{
    background: #ffffff;
  }

  .HIGH_RENTAL_PRICE label{
    background: #FFCCE8;
  }

  .BUYING_PRICE label{
    background: #ffffff;
  }

  .HIGH_BUYING_PRICE label{
    background: #FFCCE8;
  }

  .READY_TO_MOVE label{
    background: #ffffff;
  }

  .HIGH_READY_TO_MOVE label{
    background: #FFCCE8;
  }

  .THE_PERIOD label{
    background: #ffffff;
  }

  .HIGH_THE_PERIOD label{
    background: #FFCCE8;
  }

  .HOW_MANY_PERSONS label{
    background: #ffffff;
  }

  .HIGH_HOW_MANY_PERSONS label{
    background: #FFCCE8;
  }

  ul.QUESTION_FORM_ALL_1A7 li.RENTAL_PRICE input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_RENTAL_PRICE input[type="text"]{
    width:36%;
  }

  ul.QUESTION_FORM_ALL_1A7 li.BUYING_PRICE input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_BUYING_PRICE input[type="text"]{
    width:36%;
  }

  ul.QUESTION_FORM_ALL_1A7 li.READY_TO_MOVE input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_READY_TO_MOVE input[type="text"]{
    width:36%;
  }


  ul.QUESTION_FORM_ALL_1A7 li.HOW_MANY_PERSONS input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_HOW_MANY_PERSONS input[type="text"]{
    width:36%;
  }
  div.FORM_1A7 select{
    color:#434343;
  }

/************************************** For SP. **************************************/
@media screen and (max-width:767px){
  div.SIGNUP_1A7{
    width:100%;
    padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.BOX_1A7{
    width:100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom:40px;
  }


  div.BOX_1A7  div.FORM_1A7{
    width:100%;
    padding:3%;
    margin-bottom:20px;
  }

  div.FORM_1A7 dd{
	  flex-wrap: wrap;
  }

  div.FORM_1A7 dd p{
    width:100%;
    margin-right:0;
    margin-bottom:16px;
  }
	div.QUESTION_FORM_SUB_1A7{
    margin-left:0;
	}
  div.QUESTION_FORM_SUB_1A7  ul.QUESTION_FORM_ALL_1A7 li{
    flex-wrap: wrap;
  }
  div.QUESTION_FORM_SUB_1A7 	label.lb_01_1A7{
    width:100%;
    margin-bottom:10px;
  }
  div.QUESTION_FORM_SUB_1A7 ul.QUESTION_FORM_ALL_1A7 li input[type="text"]{
    width:100%;
  }
  ul.FORSP_1A7 li{
    width:100%;
  }
  ul.FORLASTx_1A7 li{
    flex-wrap: wrap;
  }
  ul.FORLASTx_1A7 	label{
    width:100%;
    margin-bottom:10px;
  }
  ul.FORLASTx_1A7 li input[type="text"]{
    width:100%;
  }

  ul.QUESTION_FORM_HLFx_1A7 li{
    width:100%;
  }

  ul.QUESTION_FORM_ALL_1A7 li.middle{
    flex-wrap: wrap;
  }
  ul.QUESTION_FORM_ALL_1A7 li.middle label{
    width:100%;
  }
  ul.QUESTION_FORM_ALL_1A7 li.middle input[type="text"]{
    width:100%;
    margin-top:10px;
  }
	label.lb_05_1A7{
		margin-right:10px;
	}

	label.lb_06_1A7{
		margin-right:10px;
	}
    
    label.SCT_STATION_1A7{
        width:calc(100% - 140px);
		margin-left:130px;
    }

  div.CREATE_STATION_1A7{
    position:absolute;
    top:45px;
    left:130px;
        width:calc(100% - 140px);
  }

  ul.QUESTION_FORM_ALL_1A7 li.RENTAL_PRICE{
    flex-wrap: wrap;
  }
  ul.QUESTION_FORM_ALL_1A7 li.RENTAL_PRICE label{
    width:100%;
  }

  ul.QUESTION_FORM_ALL_1A7 li.BUYING_PRICE{
    flex-wrap: wrap;
  }

  ul.QUESTION_FORM_ALL_1A7 li.READY_TO_MOVE{
    flex-wrap: wrap;
  }


  ul.QUESTION_FORM_ALL_1A7 li.HOW_MANY_PERSONS{
    flex-wrap: wrap;
  }


  ul.QUESTION_FORM_ALL_1A7 li.RENTAL_PRICE input[type="text"],   ul.QUESTION_FORM_ALL_1A7 li.HIGH_RENTAL_PRICE input[type="text"]{
    width:100%;
    margin-top:10px;
  }

  ul.QUESTION_FORM_ALL_1A7 li.BUYING_PRICE input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_BUYING_PRICE input[type="text"]{
    width:100%;
    margin-top:10px;
  }

  ul.QUESTION_FORM_ALL_1A7 li.READY_TO_MOVE input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_READY_TO_MOVE input[type="text"]{
    width:100%;
    margin-top:10px;
  }


  ul.QUESTION_FORM_ALL_1A7 li.HOW_MANY_PERSONS input[type="text"], ul.QUESTION_FORM_ALL_1A7 li.HIGH_HOW_MANY_PERSONS input[type="text"]{
    width:100%;
    margin-top:10px;
  }

  ul.QUESTION_FORM_HLF_1A7 li{
    width:100%;
  }

  div.QUESTION_FORM_1A7 input[type="checkbox"]{
	  -webkit-transform: none;
	  transform: none;
      width:24px;
      height:24px;
	  margin-right: 4px;
	}
  ul.QUESTION_FORM_HLF_1A7 li input[type="checkbox"]{
	  -webkit-transform: none;
	  transform: none;
      width:24px;
      height:24px;
	  margin-right: 4px;
	}

  ul.QUESTION_FORM_HLF_1A7 li label{
      width:calc(100% - 50px);
	}

  ul.QUESTION_FORM_HLFx3_1A7{
		padding-left: 0;
  }

  ul.QUESTION_FORM_HLFx3_1A7 li{
    width:100%;
  }
  ul.QUESTION_FORM_HLFx3_1A7 li label{
      width:calc(100% - 50px);
	}
  ul.QUESTION_FORM_HLFx3_1A7 li input[type="checkbox"]{
	  -webkit-transform: none;
	  transform: none;
      width:24px;
      height:24px;
	  margin-right: 4px;
	}

  div.FORM_1A7 select{
    color:#434343;
  }

}