/* 旧診断バナー */
.shindanArea_eye {
  position: relative;
  background: #ea6da4;
  border-radius: 25px;
  line-height: 0.5;
  margin: 60px auto 30px;
  padding: 5px 50px 20px;
  z-index: 0;
}

.title_eye{ width: 100%;}

.title_eye img{
  max-width: 800px;
  height: auto;
  margin: 0;
}

@media (min-width: 768px) and (max-width: 1079px) {
  .shindanArea_eye {
    padding: 5px 20px 20px;
  }
}

 @media screen and (max-width:767px) {
  .shindanArea_eye {
	  margin: 40px auto;
  	padding: 10px 0 20px;
	}
  /* .title_eye img{
    padding: 0 0 0 20px;
  } */

  .bnrShindanBox{
    padding: 0 20px;
  }
}

/* エリア埼玉 */
.wrap_saitama{
  position: relative;
  margin-top: 80px;
}
.saitamaVer_copy{
  font-size: 20px;
  font-size: clamp(16px, 3vw, 20px);
  font-weight: bold;
  position: absolute;
  top: -30px;
}


/* pullDwon */

.shindanArea_eye .bnrShindanBox form {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.shindanArea_eye .bnrShindanBox .selectBox01, .shindanArea_eye .bnrShindanBox .selectBox02,
.shindanArea_eye .bnrShindanBox .selectBox02_Apa {
  width: 49%;
}
.shindanArea_eye .bnrShindanBox .selectBox01 select {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 10px 20px;
  border: none;
  background: url(https://www.propane-npo.com/img/bt/arrow4.png) right 50% no-repeat, #FFF;
  background-size: 25px, 100%;
  color: #000;
  
}
.shindanArea_eye .bnrShindanBox .selectBox02 input {
  width: 100%;
  color: #FFF;
  font-weight: bold;
  font-size: clamp(17px, 2vw, 22px);
  letter-spacing: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 3px 20px;
  border: 3px solid #fff;
  background:#e50012 url(https://www.propane-npo.com/img/bt/next.png) right 50% no-repeat;
  background-size: 30px, 100%;
  border-radius: 30px;
}

.selectBoxWrap{
  position: relative;
}

.shindanArea_eye .bnrShindanBox .selectBox02 input:hover {
  background: url(https://www.propane-npo.com/img/bt/next.png) right 50% no-repeat, linear-gradient(to bottom, #ff7070 0%, #ff7070 100%);
  background-size: 30px, 100%;
}


/* アパート用 */
.shindanArea_eye .bnrShindanBox .selectBox02_Apa input {
  width: 100%;
  color: #FFF;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 10px 20px;
  border: none;
  background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, linear-gradient(to bottom, #3c6ef0 0%, #3c6ef0 100%);
  background-size: 30px, 100%;
  border-radius: 5px;
}
.shindanArea_eye .bnrShindanBox .selectBox02_Apa input:hover {
  background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, linear-gradient(to bottom, #7598F4 0%, #7598F4 100%);
  background-size: 30px, 100%;
}


@media screen and (max-width:767px) {
  .shindanArea_eye .bnrShindanBox .selectBox02{
    border-radius: 18px;
  }

  .shindanArea_eye .bnrShindanBox form {
    display: block;
  }

	.shindanArea_eye .bnrShindanBox .selectBox02 input {
    font-size: 1.8rem;
  }
  .shindanArea_eye .bnrShindanBox .selectBox01,
	.shindanArea_eye .bnrShindanBox .selectBox02,
  .shindanArea_eye .bnrShindanBox .selectBox02_Apa {
    width: 100%;
  }
  .shindanArea_eye .bnrShindanBox .selectBox02 {
    margin-top: 7px;
  }

  .shindanArea_eye .bnrShindanBox .selectBox02_Apa {
    margin-top: 10px;
  }
	
}