@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////
    フォーム共通項目
//////////////////////////////////////////////////////////////////*/

/* フォーム枠
=======================================================*/
/* 外枠 */
.form_wrap{
  width: 80%;
  margin: auto;
  background-color:#fff;
  border: 4px solid #000;
  border-radius:15px;
  display: flex;
  flex-wrap:wrap;
  overflow:hidden;
}

@media screen and (max-width:1199px) {
  .form_wrap{
    width: 90%;
  }
}

/* 枠内見出し */
.form_wrap p{
  display:block;
  width:100%;
  padding:5px 30px;
  border-bottom: 3px solid #000;
  background-color:#d5b88d;
  font-weight:600;
  letter-spacing: 1px;
}

/* 項目名・入力欄 */
.form_wrap .search_head{
  width:200px;
  border-right: 3px dotted #000;
  border-bottom: 3px solid #000;
  background-color:#ebdeca;
  display:flex;
	justify-content: center;
	align-items: center;
  font-weight:600;
  padding:10px;
}

.form_wrap .search_box{
  width:calc(100% - 200px);
  border-bottom: 3px solid #000;
  padding:10px 20px;
  display:flex;
	align-items: center;
  flex-wrap:wrap;
}

.form_wrap li:last-of-type,
.form_wrap li:nth-last-of-type(2){
  border-bottom:none;
}

@media screen and (max-width:743px) {
  .form_wrap{
    width: 90%;
    border: 3px solid #000;
    border-radius:15px;
  }

  .form_wrap p{
    padding:3px 30px;
    border-bottom: 3px solid #000;
    font-weight:600;
    font-size:14px;
  }

  /* 項目名・入力欄 */
  .form_wrap .search_head{
    width:100%!important;
    border-right: 0;
    border-bottom: 2.5px solid #000;
  	justify-content: left!important;
  	align-items: left!important;
    padding:3px 10px!important;
    font-size:13px!important;
  }

  .form_wrap .search_box{
    width:100%!important;
    border-bottom: 2.5px solid #000;
    padding:7px 10px;
    display:flex;
  	align-items: center;
    flex-wrap:wrap;
  }

  .form_wrap li:nth-last-of-type(2){
    border-bottom: 2.5px solid #000;
  }

  .form_wrap li:last-of-type{
    border-bottom:none;
  }
}

/* ラベル */
.form_wrap .search_box label{
  margin-right:25px;
  cursor:pointer;
}

.form_wrap .search_box input{
  padding:10px;
}


/* 検索ボタン
=======================================================*/
.button-wrap {
  text-align: center;
  margin-top:20px;
}

.button-wrap button {
  margin:10px;
  padding:20px 20px;
  text-align: center;
  font-weight:600;
  display:inline-block;
  width:200px!important;
  border-radius:100px;
  background-color:#fff;
  border:solid 2px #000;
  cursor:pointer;
}

.button-wrap button i{
  font-size:20px;
  margin-right:5px;
  margin-left:-10px;
}

@media screen and (max-width:1023px) {
  .button-wrap button {
    margin:5px;
    padding:17px 20px;
    width:190px!important;
  }
}

@media screen and (max-width:743px) {
  .button-wrap button {
    margin:3px;
    padding:13px 10px;
    width:150px!important;
    height:50px!important;
    vertical-align: top;
  }
}











/**/