@charset "UTF-8";

a {
  text-decoration: none;
}

#active_btn1,
#active_btn2,
#active_btn3 {
  width: 1200px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  box-sizing: border-box;
  background-color: #F4810B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
}

#active_btn2::before {
  /* 閉じている時 */
  content: "▼";
  position: absolute;
  right: 20px;
}

#active_btn2.active::before {
  /* 開いている時 */
  content: "▲";
}

#active_btn3::before {
  /* 閉じている時 */
  content: "▼";
  position: absolute;
  right: 20px;
}

#active_btn3.active::before {
  /* 開いている時 */
  content: "▲";
}

@media (min-width:1200px) {
  #search {
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 50px;
padding: 0px;
width: 1200px;
margin-top: 0px;
  }

  #search .searchbutton {
    width: 100%;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-around;
  }

  #search .searchbutton .jouk.active {
    width: 330px;
    height: 60px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border-radius: 30px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
  }

  #search .searchbutton .jouk {
    width: 330px;
    height: 60px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    color: #F4810B;
    border-radius: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
  }

  #search .searchbutton .area.active {
    width: 330px;
    height: 60px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border-radius: 30px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    font-weight: normal;
  }

  #search .searchbutton .area {
    width: 330px;
    height: 60px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    font-weight: normal;
    color: #F4810B;
    border-radius: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #search .searchbutton .danti.active {
    width: 330px;
    height: 60px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    font-weight: normal;
    color: #ffffff;
    border-radius: 30px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
  }

  #search .searchbutton .danti {
    width: 330px;
    height: 60px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    display: block;
    font-weight: normal;
    color: #F4810B;
    border-radius: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #search .check .tb {
display: flex;
width: 100%;
/*height: 45px;*/
margin: 0px;
position: absolute;
padding: 0px;
height: 30px;
justify-content: flex-end;
top: -35px;
  }

  #search .check .tb .button {
/*height: 45px;*/
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #CDD6DD;
font-size: 12px;
text-align: center;
user-select: none;
min-width: 210px;
font-family: "Noto Sans JP", sans-serif;
cursor: pointer;
height: 20px;
  }

  #search .check .tb .clear {
font-size: 12px;
text-align: center;
font-family: "Noto Serif JP", serif;
height: 20px;
  }

  .tb #tb08 .clear_btn {
font-family: "Noto Sans JP", sans-serif;
color: #000000;
cursor: pointer;
height: 20px;
  }

  #search #serchcont1 {
    display: block;
  }

  #search .check {
    position: relative;
    width: 100%;
    display: block;
  }

  #search .check .ar {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: 0;
  }

  .active2 {
    background-color: #FDFDFE !important;
    border-left-color: #CDD6DD;
    border-right-color: #CDD6DD;
    border-top-color: #CDD6DD;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
  }

  form .check .ar p {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
    font-family: "Noto Sans JP", sans-serif;
  }

  #ar01,
  #ar02,
  #ar03 {
    width: 1200px;
    background-color: #FDFDFE;
    border: 1px solid #CDD6DD;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #ar02,
  #ar03 {
    display: none;
  }

  #search form .btn_box {
    padding: 30px;
    text-align: center;
    justify-content: center;
    display: flex;
  }

  #search form .sub_btn {
    width: 330px;
    text-align: center;
    font-size: 18px;
    color: #F4810B;
    padding: 12px 24px;
    border-radius: 30px;
    transition: 0.5s;
    background-size: 200%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #F4810B;
    appearance: none;
    background-color: #ffffff;
    height: 60px;
  }

  #search form .sub_btn:hover {
    background-position: right center;
    background-color: #F4810B;
    color: #ffffff;
    border: 2px solid #F4810B;
  }

  #active_btn2,
  #active_btn3 {
    cursor: pointer;
  }

  .w200 {
    width: 200px !important;
  }

  .w100 {
    width: 100px;
  }

  .w150 {
    width: 150px;
    /*background-color: #D9DFE4;*/
  }

  /* CSS Document */
  .table {
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto 15px;
    font-size: 14px;
    height: auto;
    border: 1px solid #DDDDDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;

  }

  .table .tr {
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .table .tr .td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .table .tr .td.head {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    background-color: #FAAE7A;
  }

  .table .tr .td.items {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
  }

  .table .tr .td.border {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px dotted #dddddd;
    border-top: 1px dotted #dddddd;
  }

  .btn_box .smt_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    height: 60px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
  }

  .table2 .tr .td {
    padding: 10px;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(233, 158, 47);
    background-color: rgb(247, 255, 175);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
  }

  .chk0 {
    display: inline-block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .chk0 label {
    display: block;
    width: 100%;
  }

  .chk0 label:hover {
    background-color: #FF6700;
    color: #ffffff;
  }

  .chk {
    display: inline-block;
    width: 19%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  .chk label {
    display: block;
    width: 100%;
  }

  .chk label:hover {
    background-color: #ffb300;
  }

  .chk2 {
    display: inline-block;
    width: 38.3%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    position: relative;
  }

  .chk2 label {
    display: block;
    width: 100%;
  }

  .chk2 label:hover {
    background-color: #ffb300;
  }

  .chk3 {
    display: inline-block;
    width: 32%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    position: relative;
  }

  .chk3 label {
    display: block;
    width: 100%;
  }

  .chk3 label:hover {
    background-color: #ffb300;
  }

  .btn_box {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  .tr .td #brth {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-family: "Noto Sans JP", sans-serif;
  }

  .tr .td #nenrei {
    width: auto;
    min-width: 30px;
    max-width: 50px;
    margin-left: 5px;
    padding: 3px;
    margin-right: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
  }

  #search #serchcont2 {
width: 1200px;
height: 640px;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: repeat;
border-radius: 10px;
border: 1px solid #aaaaaa;
justify-content: center;
align-items: center;
position: relative;
margin-right: auto;
margin-left: auto;
display: none;
  }

  .search #serchcont2 .cont_inner {
width: 100%;
position: relative;
height: 100%;
margin: 0px;
padding: 0px;
background-repeat: repeat;
  }

  #serchcont2 .cont_inner .hokkaido {
background-color: #22ac38;
font-family: "Noto Sans JP", sans-serif;
color: #ffffff;
font-size: 16px;
display: flex;
width: 147px;
height: 135px;
justify-content: center;
margin: 0px;
padding: 0px;
align-items: center;
position: absolute;
top: 20px;
left: 980px;
  }

  #serchcont2 .cont_inner .aomori {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 122px;
height: 44px;
position: absolute;
top: 175px;
left: 980px;
  }

  #serchcont2 .cont_inner .akita {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 223px;
left: 980px;
  }

  #serchcont2 .cont_inner .iwate {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 223px;
left: 1043px;
  }

  #serchcont2 .cont_inner .yamagata {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 271px;
left: 980px;
  }

  #serchcont2 .cont_inner .miyagi {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 271px;
left: 1043px;
  }

  #serchcont2 .cont_inner .fukushima {
background-color: #2ea7e0;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 122px;
height: 44px;
position: absolute;
top: 319px;
left: 980px;
  }

  #serchcont2 .cont_inner .tokyo {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 980px;
  }

  #serchcont2 .cont_inner .kanagawa {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 511px;
left: 980px;
  }

  #serchcont2 .cont_inner .chiba {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 91px;
position: absolute;
top: 463px;
left: 1043px;
  }

  #serchcont2 .cont_inner .saitama {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 980px;
  }

  #serchcont2 .cont_inner .ibaraki {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 1043px;
  }

  #serchcont2 .cont_inner .tochigi {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 367px;
left: 1043px;
  }

  #serchcont2 .cont_inner .gunma {
background-color: #00a29a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 367px;
left: 980px;
  }

  #serchcont2 .cont_inner .shizuoka {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 511px;
left: 917px;
  }

  #serchcont2 .cont_inner .aichi {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 854px;
  }

  #serchcont2 .cont_inner .gifu {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 91px;
position: absolute;
top: 367px;
left: 854px;
  }

  #serchcont2 .cont_inner .nagano {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 91px;
position: absolute;
top: 367px;
left: 917px;
  }

  #serchcont2 .cont_inner .yamanashi {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 917px;
  }

  #serchcont2 .cont_inner .niigata {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 319px;
left: 917px;
  }

  #serchcont2 .cont_inner .toyama {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 319px;
left: 854px;
  }

  #serchcont2 .cont_inner .ishikawa {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 319px;
left: 791px;
  }

  #serchcont2 .cont_inner .fukui {
background-color: #8fc31f;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 367px;
left: 791px;
  }

  #serchcont2 .cont_inner .oosaka {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 665px;
  }

  #serchcont2 .cont_inner .kyoto {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 728px;
  }

  #serchcont2 .cont_inner .hyogo {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 665px;
  }

  #serchcont2 .cont_inner .nara {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 728px;
  }

  #serchcont2 .cont_inner .shiga {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 791px;
  }

  #serchcont2 .cont_inner .mie {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 791px;
  }

  #serchcont2 .cont_inner .wakayama {
background-color: #f8b62d;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 122px;
height: 44px;
position: absolute;
top: 511px;
left: 665px;
  }

  #serchcont2 .cont_inner .hiroshima {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 539px;
  }

  #serchcont2 .cont_inner .okayama {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 602px;
  }

  #serchcont2 .cont_inner .tottori {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 602px;
  }

  #serchcont2 .cont_inner .shimane {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 539px;
  }

  #serchcont2 .cont_inner .yamaguchi {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 92px;
position: absolute;
top: 415px;
left: 476px;
  }

  #serchcont2 .cont_inner .kagawa {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 520px;
left: 602px;
  }

  #serchcont2 .cont_inner .kouchi {
		background-color: #ea5514;
		color: #ffffff;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 59px;
		height: 44px;
		position: absolute;
		top: 568px;
		left: 539px;
			}
		
			#serchcont2 .cont_inner .tokushima {
		background-color: #ea5514;
		color: #ffffff;
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 59px;
		height: 44px;
		position: absolute;
		top: 568px;
		left: 602px;
			}

  #serchcont2 .cont_inner .ehime {
background-color: #ea5514;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 520px;
left: 539px;
  }

  #serchcont2 .cont_inner .fukuoka {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 333px;
  }

  #serchcont2 .cont_inner .saga {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 270px;
  }

  #serchcont2 .cont_inner .nagasaki {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 270px;
  }

  #serchcont2 .cont_inner .kumamoto {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 463px;
left: 333px;
  }

  #serchcont2 .cont_inner .ooita {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 415px;
left: 396px;
  }

  #serchcont2 .cont_inner .miyazaki {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 92px;
position: absolute;
top: 463px;
left: 396px;
  }

  #serchcont2 .cont_inner .kagoshima {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 122px;
height: 44px;
position: absolute;
top: 511px;
left: 270px;
  }

  #serchcont2 .cont_inner .okinawa {
background-color: #e0803a;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 59px;
height: 44px;
position: absolute;
top: 571px;
left: 270px;
  }

  #serchcont2 .total {
    position: absolute;
    width: 300px;
    display: flex;
    flex-flow: column wrap;
    top: 20px;
    left: 74px;
  }

  #serchcont2 .total .hokkai {
    background-color: #22ac38;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .tohoku {
    background-color: #2ea7e0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kanto {
    background-color: #00a29a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .cyubu {
    background-color: #8fc31f;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kinki {
    background-color: #f8b62d;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .shikoku {
    background-color: #ea5514;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kyusyu {
    background-color: #e0803a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont3 {
    width: 1200px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    min-height: 200px;
  }

  #serchcont3 form .tbl {
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  form .tbl .tr {
    width: 100%;
    display: table-row;
  }

  .tbl .tr .th {
    width: 150px;
    display: table-cell;
  }

  .tbl .tr .td {
    display: table-cell;
  }

  #serchcont3 form .inp_full {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 5px;
    height: auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
  }

  #serchcont1 form .smt_btn_box {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
    box-sizing: border-box;
  }

  #serchcont1 form .smt_btn_box .smt_btn {
    width: 330px;
    text-align: center;
    font-size: 18px;
    color: #F4810B;
    padding: 12px 24px;
    border-radius: 30px;
    transition: 0.5s;
    background-size: 200%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #F4810B;
    appearance: none;
    background-color: #ffffff;
    height: 60px;
  }

  #serchcont1 form .smt_btn_box .smt_btn:hover {
    background-position: right center;
    background-color: #F4810B;
    color: #ffffff;
    border: 2px solid #F4810B;
  }
}

@media (max-width:1199px) and (min-width:451px) {
  #search {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

  #search .search_title {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    color: #ec641a;
  }

  #search .searchbutton {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    height: 50px;
  }

  #search .searchbutton .jouk.active {
    width: 190px;
    height: 50px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #ffffff;
    border-radius: 25px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search .searchbutton .jouk {
    width: 190px;
    height: 50px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #F4810B;
    border-radius: 25px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search .searchbutton .area.active {
    width: 190px;
    height: 50px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #ffffff;
    border-radius: 25px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search .searchbutton .area {
    width: 190px;
    height: 50px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #F4810B;
    border-radius: 25px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search .searchbutton .danti.active {
    width: 190px;
    height: 50px;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #ffffff;
    border-radius: 25px;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search .searchbutton .danti {
    width: 190px;
    height: 50px;
    background-color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #F4810B;
    border-radius: 25px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #F4810B;
    padding: 0;
    margin-right: 20px;
  }

  #search #serchcont1 {
    width: 100%;
  }

  #search .check {
    position: relative;
    display: block;
    width: 100%;
  }

  #search .check .tb {
    display: flex;
    width: 100%;
    margin: 0;
    z-index: 1;
    padding: 0;
    position: absolute;
    justify-content: flex-end;
    top: -35px;
  }

  #search .check .tb .button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
    text-align: center;
    user-select: none;
    font-family: "Noto Sans JP", sans-serif;
  }

  #search .check .tb .clear .clear_btn {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
  }

  #search .check .ar {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: 0;
    position: relative;
  }

  .active2 {
    background-color: #FDFDFE !important;
    border-left-color: #CDD6DD;
    border-right-color: #CDD6DD;
    border-top-color: #CDD6DD;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
  }

  form .check .ar p {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
    font-family: "Noto Sans JP", sans-serif;
  }

  #ar01,
  #ar02,
  #ar03 {
    width: 100%;
    background-color: #FDFDFE;
    border: 1px solid #CDD6DD;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: block;
    position: relative;
  }

  #ar02,
  #ar03 {
    display: none;
  }

  #active_btn1,
  #active_btn2,
  #active_btn3 {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
  }

  #search form .btn_box {
    padding: 30px;
    text-align: center;
  }

  #search form .sub_btn {
    display: inline-block;
    width: 300px;
    text-align: center;
    font-size: 16px;
    color: #F4810B;
    padding: 12px 24px;
    border-radius: 30px;
    transition: 0.5s;
    background-size: 200%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #F4810B;
    appearance: none;
    height: 50px;
    background-color: #ffffff;
  }

  #search form .sub_btn:hover {
    background-position: right center;
    color: #ffffff;
    border: 2px solid #F4810B;
    background-color: #F4810B;
  }

  .w200 {
    width: 200px !important;
  }

  .w100 {
    width: 100px;
  }

  .w150 {
    width: 150px;
    /*background-color: #D9DFE4;*/
  }

  /* CSS Document */
  .table {
    display: table;
    border: 1px solid #dddddd;
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto 15px;
    padding: 10px;
    font-size: 14px;
  }

  .table .tr {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
  }

  .table .tr .td {}

  .table .tr .td.head {
    padding: 5px;
    width: 100%;
    background-color: #FAAE7A;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .table .tr .td.items {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
  }

  .table .tr .td.border {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px dotted #dddddd;
    border-top: 1px dotted #dddddd;
  }

  .btn_box .smt_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    height: 60px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
  }

  .table2 .tr .td {
    padding: 10px;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(233, 158, 47);
    background-color: rgb(247, 255, 175);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
  }

  .chk0 {
    display: inline-block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .chk0 label {
    display: block;
    width: 100%;
  }

  .chk0 label:hover {
    background-color: #FF6700;
    color: #ffffff;
  }

  .chk {
    display: inline-block;
    width: 19%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .chk label {
    display: block;
    width: 100%;
  }

  .chk label:hover {
    background-color: #ffb300;
  }

  .chk2 {
    display: inline-block;
    width: 38.4%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin: 0PX;
    padding: 0PX;
    position: relative;
  }

  .chk2 label {
    display: block;
    width: 100%;
  }

  .chk2 label:hover {
    background-color: #ffb300;
  }

  .chk3 {
    display: inline-block;
    width: 32%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    position: relative;
  }

  .chk3 label {
    display: block;
    width: 100%;
  }

  .chk3 label:hover {
    background-color: #ffb300;
  }

  .btn_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  .tr .td #brth {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-family: "Noto Sans JP", sans-serif;
  }

  .tr .td #nenrei {
    width: auto;
    min-width: 30px;
    max-width: 50px;
    margin-left: 5px;
    padding: 3px;
    margin-right: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
  }

  #search #serchcont2 {
    width: 100%;
    background-color: #ffffff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    display: none;
  }

  #search #serchcont2 .cont_inner {
    position: relative;
  }

  #search #serchcont2 .cont_inner span {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .cont_inner span a {
    width: 15%;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    margin: 5px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #serchcont2 .cont_inner .hokkaido {
    background-color: #22ac38;
  }

  #serchcont2 .cont_inner .aomori {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .akita {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .iwate {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .yamagata {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .miyagi {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .fukushima {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .tokyo {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .kanagawa {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .chiba {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .saitama {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .ibaraki {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .tochigi {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .gunma {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .shizuoka {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .aichi {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .gifu {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .nagano {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .yamanashi {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .niigata {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .toyama {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .ishikawa {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .fukui {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .oosaka {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .kyoto {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .hyogo {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .nara {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .shiga {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .mie {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .wakayama {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .hiroshima {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .okayama {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .tottori {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .shimane {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .yamaguchi {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .kagawa {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .tokushima {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .kouchi {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .ehime {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .fukuoka {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .saga {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .nagasaki {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .kumamoto {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .ooita {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .miyazaki {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .kagoshima {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .okinawa {
    background-color: #e0803a;
  }

  #serchcont2 .total {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
  }

  #serchcont2 .total .hokkai {
    background-color: #22ac38;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .tohoku {
    background-color: #2ea7e0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kanto {
    background-color: #00a29a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .cyubu {
    background-color: #8fc31f;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kinki {
    background-color: #f8b62d;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .shikoku {
    background-color: #ea5514;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kyusyu {
    background-color: #e0803a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont3 {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    width: 100%;
  }

  #serchcont3 form .tbl {
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  form .tbl .tr {
    width: 100%;
    display: table-row;
  }

  .tbl .tr .th {
    width: 150px;
    display: table-cell;
  }

  .tbl .tr .td {
    display: table-cell;
  }

  #serchcont3 form .inp_full {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 5px;
    height: auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
  }
}

@media (max-width:450px) {
  #search {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
  }

  #search .search_title {
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    color: #ec641a;
  }

  #search .searchbutton {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }

  #search .searchbutton .jouk.active {
width: 80%;
height: 45px;
background-color: #F4810B;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #ffffff;
border-radius: 23px;
opacity: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
margin: 5px;
padding: 0;
  }

  #search .searchbutton .jouk {
width: 80%;
height: 45px;
background-color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #F4810B;
border-radius: 23px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 5px;
box-sizing: border-box;
  }

  #search .searchbutton .area.active {
width: 80%;
height: 45px;
background-color: #F4810B;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #ffffff;
border-radius: 23px;
opacity: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
margin: 5px;
padding: 0;
  }

  #search .searchbutton .area {
width: 80%;
height: 45px;
background-color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #F4810B;
border-radius: 23px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 5px;
box-sizing: border-box;
  }

  #search .searchbutton .danti.active {
width: 80%;
height: 45px;
background-color: #F4810B;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #ffffff;
border-radius: 3px;
opacity: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
margin: 5px;
padding: 0;
  }

  #search .searchbutton .danti {
width: 80%;
height: 45px;
background-color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
display: block;
font-weight: bold;
color: #F4810B;
border-radius: 23px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #F4810B;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 5px;
box-sizing: border-box;
  }

  #search #serchcont1 {
    display: block;
    width: 100%;
  }

  #search .check {
    position: relative;
    display: block;
    width: 100%;
  }

  #search .check .tb {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 1;
    padding: 0;
    position: absolute;
    top: -30px;
    justify-content: flex-end;
    right: 0;
  }

  #search .check .tb .clear {
    font-size: 12px;
    text-align: center;
    height: auto !important;
  }

  #search .check .tb .clear .clear_btn {
    color: #000000;
    font-family: "Noto Serif JP", serif;
    text-align: right;
    width: auto;
    display: inline-block;
  }

  #search .check .ar {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: 0;
    position: relative;
  }

  .active2 {
    background-color: #FDFDFE !important;
    border-left-color: #CDD6DD;
    border-right-color: #CDD6DD;
    border-top-color: #CDD6DD;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
  }

  form .check .ar p {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
    font-family: "Noto Sans JP", sans-serif;
  }

  #ar01,
  #ar02,
  #ar03 {
    width: 100%;
    background-color: #FDFDFE;
    border: 1px solid #CDD6DD;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: block;
  }

  #ar02,
  #ar03 {
    display: none;
  }

  #active_btn1,
  #active_btn2,
  #active_btn3 {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    background-color: #F4810B;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
  }

  #search form .btn_box {
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center;
  }

  #search form .sub_btn {
display: inline-block;
width: 80%;
text-align: center;
font-size: 14px;
color: #F4810B;
border-radius: 30px;
transition: 0.5s;
background-size: 200%;
-moz-appearance: none;
-webkit-appearance: none;
border: 2px solid #F4810B;
appearance: none;
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 45px;
  }

  #search form .sub_btn:hover {
    background-position: right center;
    color: #ffffff;
    border: 2px solid #F4810B;
    background-color: #F4810B;
  }

  .w200 {}

  .w100 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .w150 {
    /*background-color: #D9DFE4;*/
  }

  /* CSS Document */
  .table {
    display: block;
    border: 1px solid #dddddd;
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto 15px;
    font-size: 14px;
  }

  .table .tr {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    margin-bottom: 10px;
  }

  .table .tr .td {
    display: block;
  }

  .table .tr .td.head {
    padding: 5px;
    background-color: #FAAE7A;
  }

  .table .tr .td.items {
    padding: 10px;
    border: 1px solid #dddddd;
  }

  .table .tr .td.border {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px dotted #dddddd;
    border-top: 1px dotted #dddddd;
  }

  .btn_box .smt_btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    height: 60px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
  }

  .table2 .tr .td {
    padding: 10px;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(233, 158, 47);
    background-color: rgb(247, 255, 175);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
  }

  .chk0 {
    display: inline-block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .chk0 label {
    display: block;
    width: 100%;
  }

  .chk0 label:hover {
    background-color: #FF6700;
    color: #ffffff;
  }

  .chk {
    display: inline-block;
    width: 49%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .chk label {
    display: block;
    width: 100%;
  }

  .chk label:hover {
    background-color: #ffb300;
  }

  .chk2 {
    display: inline-block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .chk2 label {
    display: block;
    width: 100%;
  }

  .chk2 label:hover {
    background-color: #ffb300;
  }

  .chk3 {
    display: inline-block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    position: relative;
  }

  .chk3 label {
    display: block;
    width: 100%;
  }

  .chk3 label:hover {
    background-color: #ffb300;
  }

  .btn_box {
width: 100%;
margin-right: auto;
margin-left: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
box-sizing: border-box;
text-align: center;
margin-bottom: 50px;
  }

  .tr .td #brth {
    /* -moz-appearance: none;
-webkit-appearance: none;
appearance: none;*/
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    font-family: "Noto Sans JP", sans-serif;
  }

  .tr .td #nenrei {
    width: auto;
    min-width: 30px;
    max-width: 50px;
    margin-left: 5px;
    padding: 3px;
    margin-right: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
  }

  #search #serchcont2 {
    width: 100%;
    background-color: #ffffff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #search #serchcont2 .cont_inner {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
  }

  #search #serchcont2 .cont_inner span {
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #serchcont2 .cont_inner span a {
    width: calc(25% - 10px);
    height: 40px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
  }

  #serchcont2 .cont_inner .hokkaido {
    background-color: #22ac38;
  }

  #serchcont2 .cont_inner .aomori {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .akita {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .iwate {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .yamagata {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .miyagi {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .fukushima {
    background-color: #2ea7e0;
  }

  #serchcont2 .cont_inner .tokyo {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .kanagawa {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .chiba {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .saitama {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .ibaraki {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .tochigi {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .gunma {
    background-color: #00a29a;
  }

  #serchcont2 .cont_inner .shizuoka {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .aichi {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .gifu {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .nagano {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .yamanashi {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .niigata {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .toyama {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .ishikawa {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .fukui {
    background-color: #8fc31f;
  }

  #serchcont2 .cont_inner .oosaka {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .kyoto {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .hyogo {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .nara {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .shiga {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .mie {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .wakayama {
    background-color: #f8b62d;
  }

  #serchcont2 .cont_inner .hiroshima {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .okayama {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .tottori {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .shimane {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .yamaguchi {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .kagawa {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .tokushima {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .kouchi {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .ehime {
    background-color: #ea5514;
  }

  #serchcont2 .cont_inner .fukuoka {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .saga {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .nagasaki {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .kumamoto {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .ooita {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .miyazaki {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .kagoshima {
    background-color: #e0803a;
  }

  #serchcont2 .cont_inner .okinawa {
    background-color: #e0803a;
  }

  #serchcont2 .total {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
  }

  #serchcont2 .total .hokkai {
    background-color: #22ac38;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .tohoku {
    background-color: #2ea7e0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kanto {
    background-color: #00a29a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .cyubu {
    background-color: #8fc31f;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kinki {
    background-color: #f8b62d;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .shikoku {
    background-color: #ea5514;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont2 .total .kyusyu {
    background-color: #e0803a;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: space-around;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    color: #ffffff;
    padding: 10px;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
  }

  #serchcont3 {
    width: 100%;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    min-height: 200px;
  }

  #serchcont3 form .tbl {
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  form .tbl .tr {
    width: 100%;
    display: table-row;
  }

  .tbl .tr .th {
    width: 150px;
    display: table-cell;
  }

  .tbl .tr .td {
    display: table-cell;
  }

  #serchcont3 form .inp_full {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 5px;
    height: auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
  }
}