.topbg {
  margin: 0 auto;
  text-align: center;
  background: rgba(32, 35, 103, 1);
}

.topbg img {
  width: 100%;
  max-width: 1000px;
}

main {
  margin: 0 auto;
}

#ButtonGroup {
  display: flex;
  flex-direction: column;
  padding-top: min(7vw, 70px);
  padding-bottom: min(8vw, 80px);
  margin: 0 auto;
  text-align: center;
}
.TopBackButton {
  margin: min(2vw, 20px) auto min(4vw, 40px);
  background: linear-gradient(#bbbbbb, #ffffff, #bbbbbb);
  border: 2px solid#bbbbbb;
}
.SearchBackButton {
  margin: min(2vw, 20px) auto min(4vw, 40px);
  background: linear-gradient(orange, rgb(255, 243, 73), orange);
  border: 2px solid rgb(255, 153, 0);
}

.ButtonTxt {
  width: 35%;
  border-radius: min(1vw, 10px);
  padding: min(1.5vw, 15px) 0;
  font-size: min(1.7vw, 17px);
  font-weight: 600;
}

@media screen and (max-width: 960px) {
  .TopBackButton {
    margin: 2vw auto 7vw;
  }
  .ButtonTxt {
    width: 55%;
    padding: 2vw 0;
    font-size: 3vw;
  }
}

@media screen and (max-width: 500px) {
  #ButtonGroup {
    margin: 0 auto;
  }
  .TopBackButton {
    margin: 3vw auto 8vw;
  }
  .ButtonTxt {
    width: 60%;
    padding: 2.5vw 0;
    font-size: 3.5vw;
  }
}


/* 探す
====================================================*/
#serchParentArea {
  width: 100%;
  padding: 5% 0 5%;
}
.serchParentArea {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.serchParentArea_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.serchParentArea_flex_in {
  width: 48%;
}
.serchParentArea_flex_in_img {
  width: 80%;
}
@media screen and (max-width: 500px) {
  #serchParentArea {
      padding: 8vw 0 7vw;
  }
  .serchParentArea {
      width: 90%;
  }
  .serchParentArea_flex_in {
      width: 100%;
  }
}
/* 部門 */
.serchParentArea_category {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 5%;
}
.serchParentArea_category_in {
  width: 30%;
  margin: 1.5%;
  margin-bottom: 5%;
}
.serchParentArea_category_img {
  height: min(9.5vw, 114px);
  width: auto;
}
@media screen and (max-width: 500px) {
  .serchParentArea_category {
      margin-bottom: 15%;
  }
  .serchParentArea_category_img {
      height: 25vw;
  }
}
/* エリア */
.serchParentArea_area {
  position: relative;
  width: 100%;
}
.serchParentArea_area_img {
  height: min(2.5vw, 30px);
  width: auto;
}
.serchParentArea_area_00_img {
  width: 90%;
  margin-top: 4%;
}
.serchParentArea_area_in1 {
  position: absolute;
  top: 12%;
  left: 53%;
}
.serchParentArea_area_in2 {
  position: absolute;
  top: 41%;
  left: 80%;
}
.serchParentArea_area_in3 {
  position: absolute;
  top: 59.5%;
  left: 67.5%;
}
.serchParentArea_area_in4 {
  position: absolute;
  top: 43%;
  left: 43%;
}
.serchParentArea_area_in5 {
  position: absolute;
  top: 70%;
  left: 65%;
}
.serchParentArea_area_in6 {
  position: absolute;
  top: 79%;
  left: 48%;
}
.serchParentArea_area_in7 {
  position: absolute;
  top: 54%;
  left: 17%;
}
.serchParentArea_area_in8 {
  position: absolute;
  top: 88%;
  left: 18%;
}
@media screen and (max-width: 500px) {
  .serchParentArea_area {
      margin-bottom: 5%;
  }
  .serchParentArea_area_00_img {
      width: 100%;
      margin-top: 2.5vw;
  }
  .serchParentArea_area_img {
      height: 8vw;
  }
  .serchParentArea_area_in1 {
      position: absolute;
      top: 12%;
      left: 51%;
  }
  .serchParentArea_area_in2 {
      position: absolute;
      top: 41%;
      left: 80%;
  }
  .serchParentArea_area_in3 {
      position: absolute;
      top: 58.5%;
      left: 69.5%;
  }
  .serchParentArea_area_in4 {
      position: absolute;
      top: 40%;
      left: 43%;
  }
  .serchParentArea_area_in5 {
      position: absolute;
      top: 70%;
      left: 65%;
  }
  .serchParentArea_area_in6 {
      position: absolute;
      top: 75%;
      left: 35%;
  }
  .serchParentArea_area_in7 {
      position: absolute;
      top: 52%;
      left: 10%;
  }
  .serchParentArea_area_in8 {
      position: absolute;
      top: 88%;
      left: 14%;
  }
}