header {
  position: relative;
  width: 100%;
  padding: 0 0 2vw;
  /* background: linear-gradient(
    to right,
    rgb(120, 201, 13),
    rgb(203, 213, 22),
    rgb(120, 201, 13)
  ); */
  background-image: url(../img/topbg.png);
  text-align: center;
  background-size: cover;
  background-position: center center;
}

.logoimg {
  margin: 0 auto;
  width: 80%;
  max-width: 800px;
}

.ResultLabelImg {
  margin-top: max(-6vw, -60px);
  width: 85%;
  max-width: 850px;
}

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) {
  header {
    padding: 3vw 0 4vw;
  }

  .TopBackButton {
    margin: 2vw auto 7vw;
  }
  .ButtonTxt {
    width: 55%;
    padding: 2vw 0;
    font-size: 3vw;
  }
}

@media screen and (max-width: 500px) {
  header {
    padding: 4vw 0 5vw;
  }

  .logoimg {
    width: 80%;
  }

  .ResultLabelImg {
    width: 90%;
  }
  #ButtonGroup {
    margin: 0 auto;
  }
  .TopBackButton {
    margin: 3vw auto 8vw;
  }
  .ButtonTxt {
    width: 60%;
    padding: 2.5vw 0;
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 960px) {
  p {
    font-size: 3.2vw;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }

  /*----- header -----*/
  header {
    padding: 0 0 3vw;
  }
  .header {
    width: 90%;
    margin: 0 auto;
  }

  /*----- main -----*/

  /*----- content01 -----*/
  .ranking {
    width: 90%;
    padding: 5vw 0;
  }
}

@media screen and (max-width: 500px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  /*----- header -----*/
  header {
    padding: 0 0 3vw;
  }
  .header {
    width: 90%;
    margin: 0 auto;
  }

  /*----- main -----*/

  /*----- content01 -----*/
  .ranking {
    padding: 6vw 0;
  }
}


/* エリアから探す
====================================================*/
.content02_t0 {
  margin-top: 1.5%;
  font-size: 26px;
  font-weight: 600;
  color: #ff7f00;
}

#content03 {
  width: 100%;
  padding: 4% 0 6%;
  background-color: #faf7f1;

}
.content03 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.content03_00_img {
  width: 8%;
}
.content03_t0 {
  margin-top: 1.5%;
  font-size: 2.6%;
  font-weight: 600;
  color: #ff7f00;
}
.content03_area {
  position: relative;
  width: 90%;
  margin: 2% auto 0;
  text-align: right;
}
.content03_01_img {
  width: 77%;
  margin: 0 10% 0 0;
}
.ho {
  position: absolute;
  top: 3%;
  left: 41%;
  width: 20%;
  text-align: center;
  border: solid 1px #47bbc3;
  background-color: #fff;
  font-size: 0;
  padding: 0 1%;
}
.ho_t1 {
  position: relative;
  width: 70%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #47bbc3;
  color: #fff;
  border-radius: 0.4%;
}
.ho_01 {
  padding: 10%;
}
.ho_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ho_01 li {
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ho_img {
  height: 2%;
  margin-right: 5%;
  width: 17%;
}
.to {
  position: absolute;
  top: 25%;
  right: 5%;
  width: 25%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #00abeb;
  background-color: #fff;
  font-size: 0;
}
.to_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #00abeb;
  color: #fff;
  border-radius: 0.4%;
}
.to_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 5%;
}
.to_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 5%;
}
.to_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.to_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.to_01 li {
  padding: 3% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.to_02 li {
  padding: 3% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.to_img {
  width: 15%;
  margin-right: 5%;
}
.ko {
  position: absolute;
  top: 19%;
  right: 0;
  width: 26%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #00abeb;
  background-color: #fff;
  font-size: 0;
}
.ko_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #00abeb;
  color: #fff;
  border-radius: 0.4%;
}
.ko_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 2%;
}
.ko_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 2%;
}
.ko_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ko_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ko_01 li {
  padding: 3% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ko_02 li {
  padding: 3% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ko_img {
  width: 15%;
  margin-right: 5%;
}
.ka {
  position: absolute;
  top: 44%;
  right: 5%;
  width: 26%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #40a896;
  background-color: #fff;
  font-size: 0;
}
.ka_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #40a896;
  color: #fff;
  border-radius: 0.4%;
}
.ka_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.ka_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.ka_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ka_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ka_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ka_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ka_img {
  width: 15%;
  margin-right: 5%;
}
.tu {
  position: absolute;
  top: 39%;
  left: 5%;
  width: 35%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #b99d55;
  background-color: #fff;
  font-size: 0;
}
.tu_t1 {
  position: relative;
  width: 55%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #b99d55;
  color: #fff;
  border-radius: 0.4%;
}
.tu_01 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tu_02 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tu_03 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tu_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tu_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tu_03 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tu_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tu_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tu_03 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tu_img {
  width: 15%;
  margin-right: 5%;
}
.kan {
  position: absolute;
  top: 72%;
  right: 42%;
  width: 26%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #efbe42;
  background-color: #fff;
  font-size: 0;
}
.kan_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #efbe42;
  color: #fff;
  border-radius: 0.4%;
}
.kan_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.kan_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.kan_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.kan_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.kan_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.kan_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.kan_img {
  width: 15%;
  margin-right: 5%;
}
.si {
  position: absolute;
  top: 22%;
  left: 30%;
  width: 26%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #6cbb5a;
  background-color: #fff;
  font-size: 0;
}
.si_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #6cbb5a;
  color: #fff;
  border-radius: 0.4%;
}
.si_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.si_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.si_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.si_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.si_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.si_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.si_img {
  width: 15%;
  margin-right: 5%;
}
.tug {
  position: absolute;
  top: 65%;
  right: 6%;
  width: 35%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #eb6ea5;
  background-color: #fff;
  font-size: 0;
}
.tug_t1 {
  position: relative;
  width: 55%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #eb6ea5;
  color: #fff;
  border-radius: 0.4%;
}
.tug_01 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tug_02 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tug_03 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 3%;
}
.tug_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tug_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tug_03 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tug_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tug_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tug_03 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.tug_img {
  width: 15%;
  margin-right: 5%;
}
.ku {
  position: absolute;
  top: 60%;
  left: -5%;
  width: 26%;
  padding: 0 1%;
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #9e79b2;
  background-color: #fff;
  font-size: 0;
}
.ku_t1 {
  position: relative;
  width: 75%;
  margin-top: -6%;
  padding: 2% 0%;
  font-size: 16px;
  background: #9e79b2;
  color: #fff;
  border-radius: 0.4%;
}
.ku_01 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.ku_02 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3%;
}
.ku_01 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ku_02 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ku_01 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ku_02 li {
  padding: 4% 0;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
}
.ku_img {
  width: 15%;
  margin-right: 5%;
}
@media screen and (max-width: 960px) {
  /*----- content03 -----*/
  #content03 {
      padding: 4vw 0 6vw;
  }
  .content03 {
      width: 90%;
  }
  .content03_00_img {
      width: 8%;
  }
  .content03_t0 {
      margin-top: 1.5vw;
      font-size: 3.2vw;
  }
  .content03_area {
      width: 100%;
      margin: 4vw auto 0;
  }
  .content03_01_img {
      width: 77%;
      margin: 3vw 3vw 0 0;
  }
  .ho {
      position: absolute;
      top: 5vw;
      left: 43%;
      width: 23%;
      text-align: center;
      border: solid 0.2vw #47bbc3;
      background: rgba(255, 255, 255, 0.76);
  }
  .ho_t1 {
      position: relative;
      width: 70%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #47bbc3;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ho_01 {
      padding: 1vw 0 1.5vw;
  }
  .ho_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ho_01 li {
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .ho_img {
      height: 2.4vw;
      margin-right: 0.5vw;
  }
  .to {
      position: absolute;
      top: 18vw;
      right: 0;
      width: 25%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #00abeb;
      background: rgba(255, 255, 255, 0.76);
  }
  .to_t1 {
      position: relative;
      width: 75%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #00abeb;
      color: #fff;
      border-radius: 0.4vw;
  }
  .to_01 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 1vw 0 1vw;
  }
  .to_02 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 1vw 0 1vw;
  }
  .to_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .to_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .to_01 li {
      padding: 0.3vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .to_02 li {
      padding: 0.3vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .to_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .ka {
      position: absolute;
      top: 34vw;
      right: 0;
      width: 26%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #40a896;
      background: rgba(255, 255, 255, 0.76);
  }
  .ka_t1 {
      position: relative;
      width: 75%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #40a896;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ka_01 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .ka_02 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .ka_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ka_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ka_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .ka_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .ka_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .tu {
      position: absolute;
      top: 30.5vw;
      right: 32%;
      width: 35%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #b99d55;
      background: rgba(255, 255, 255, 0.76);
  }
  .tu_t1 {
      position: relative;
      width: 55%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #b99d55;
      color: #fff;
      border-radius: 0.4vw;
  }
  .tu_01 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tu_02 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tu_03 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tu_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_03 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_03 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .kan {
      position: absolute;
      top: 55vw;
      right: 37%;
      width: 26%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #efbe42;
      background: rgba(255, 255, 255, 0.76);
  }
  .kan_t1 {
      position: relative;
      width: 75%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #efbe42;
      color: #fff;
      border-radius: 0.4vw;
  }
  .kan_01 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .kan_02 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .kan_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .kan_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .kan_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .kan_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .kan_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .si {
      position: absolute;
      top: 20vw;
      left: 35%;
      width: 26%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #6cbb5a;
      background: rgba(255, 255, 255, 0.76);
  }
  .si_t1 {
      position: relative;
      width: 75%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #6cbb5a;
      color: #fff;
      border-radius: 0.4vw;
  }
  .si_01 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .si_02 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .si_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .si_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .si_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .si_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .si_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .tug {
      position: absolute;
      top: 50vw;
      right: 0;
      width: 35%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #eb6ea5;
  }
  .tug_t1 {
      position: relative;
      width: 55%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #eb6ea5;
      color: #fff;
      border-radius: 0.4vw;
  }
  .tug_01 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tug_02 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tug_03 {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 0.5vw 0 1vw;
  }
  .tug_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_03 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_03 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .ku {
      position: absolute;
      top: 50vw;
      left: 3%;
      width: 26%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.2vw #9e79b2;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .ku_t1 {
      position: relative;
      width: 75%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 2vw;
      background: #9e79b2;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ku_01 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .ku_02 {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      padding: 0.5vw 0 1vw;
  }
  .ku_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ku_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ku_01 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .ku_02 li {
      padding: 0.2vw 0;
      font-size: 1.6vw;
      text-decoration: none;
      list-style: none;
  }
  .ku_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
}

@media screen and (max-width: 500px) {
  /*----- content02 -----*/
  #content02 {
      padding: 4vw 0 6vw;
  }
  .content02_00_img {
      width: 14%;
  }
  .content02_t0 {
      margin-top: 1.5vw;
      font-size: 4.4vw;
  }
  .content02_map {
      width: 100%;
      margin: 3vw auto 0;
  }
  /*----- content03 -----*/
  #content03 {
      padding: 4vw 0 6vw;
  }
  .content03_00_img {
      width: 14%;
  }
  .content03_t0 {
      margin-top: 1.5vw;
      font-size: 4.4vw;
  }
  .content03_area {
      width: 100%;
      margin: 5vw auto 0;
  }
  .content03_01_img {
      width: 100%;
      margin: 8vw 3vw 0 0;
  }
  .ho {
      position: absolute;
      top: 0vw;
      left: 61%;
      width: 28%;
      text-align: center;
      border: solid 0.3vw #47bbc3;
      background: rgba(255, 255, 255, 0.76);
  }
  .ho_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.6vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #47bbc3;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ho_01 {
      padding: 1vw 0 1.5vw;
  }
  .ho_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ho_01 li {
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .ho_img {
      height: 3.2vw;
      margin-right: 0.5vw;
  }
  .to {
      position: absolute;
      top: 26vw;
      right: -2%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #00abeb;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .to_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #00abeb;
      color: #fff;
      border-radius: 0.4vw;
  }
  .to_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .to_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .to_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .to_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .to_01 li {
      padding: 0.3vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .to_02 li {
      padding: 0.3vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .to_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
  .ka {
      position: absolute;
      top: 66vw;
      right: -2%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #40a896;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .ka_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #40a896;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ka_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .ka_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .ka_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ka_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ka_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .ka_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .ka_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
  .tu {
      position: absolute;
      top: 10vw;
      left: -2%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #b99d55;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .tu_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #b99d55;
      color: #fff;
      border-radius: 0.4vw;
  }
  .tu_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .tu_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 0vw;
  }
  .tu_03 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .tu_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_03 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tu_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_03 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tu_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
  .kan {
      position: absolute;
      top: 70vw;
      right: 30%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #efbe42;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .kan_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #efbe42;
      color: #fff;
      border-radius: 0.4vw;
  }
  .kan_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .kan_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .kan_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .kan_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .kan_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .kan_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .kan_img {
      width: 1.6vw;
      margin-right: 0.5vw;
  }
  .si {
      position: absolute;
      top: 0vw;
      left: 30%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #6cbb5a;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .si_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #6cbb5a;
      color: #fff;
      border-radius: 0.4vw;
  }
  .si_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .si_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .si_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .si_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .si_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .si_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .si_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
  .tug {
      position: absolute;
      top: 29vw;
      left: 30%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #eb6ea5;
      font-size: 0;
  }
  .tug_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #eb6ea5;
      color: #fff;
      border-radius: 0.4vw;
  }
  .tug_01 {
      display: block;
      width: 100%;
      padding: 1vw 0 0vw;
  }
  .tug_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 0vw;
  }
  .tug_03 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .tug_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_03 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .tug_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_03 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .tug_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
  .ku {
      position: absolute;
      top: 58vw;
      left: -2%;
      width: 28%;
      padding: 0 1vw;
      box-sizing: border-box;
      text-align: center;
      border: solid 0.3vw #9e79b2;
      font-size: 0;
      background: rgba(255, 255, 255, 0.76);
  }
  .ku_t1 {
      position: relative;
      width: 80%;
      margin-top: -1.2vw;
      padding: 0.6vw 0vw;
      font-size: 3.2vw;
      background: #9e79b2;
      color: #fff;
      border-radius: 0.4vw;
  }
  .ku_01 {
      display: block;
      width: 100%;
      padding: 0vw 0 0vw;
  }
  .ku_02 {
      display: block;
      width: 100%;
      padding: 0vw 0 1vw;
  }
  .ku_01 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ku_02 ul {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  .ku_01 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .ku_02 li {
      padding: 0.2vw 0;
      font-size: 3vw;
      text-decoration: none;
      list-style: none;
  }
  .ku_img {
      width: 3vw;
      margin-right: 0.5vw;
  }
}
/* 部門から探す
====================================================*/
#content04 {
  width: 100%;
  padding: 4% 0 6%;
}
.content04 {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.content04_00_img {
  width: 10%;
}
.content04_t0 {
  margin-top: 1.5%;
  font-size: 26px;
  font-weight: 600;
  color: #ff7f00;
}
.content04_box {
  width: 100%;
  padding: 3% 0 0;
}
.content04_box_t1 {
  width: 100%;
  padding: 1% 0;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: clamp(0.1875rem, 0.1193rem + 0.3409vw, 0.375rem);
  background-color: #ff6d31;
  color: #fff;
}
.content04_box_t2 {
  margin: 2% 0;
  font-size: 18px;
  font-weight: 500;
}
.content04_box_in {
  width: 100%;
  font-size: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.content04_box_bt {
  display: inline-block;
  vertical-align: middle;
  width: 19%;
  margin: 0 0.5% 1%;
}
.content04_box_bt_img {
  width: 100%;
}
@media screen and (max-width: 960px) {
  /*----- content04 -----*/
  #content04 {
      padding: 4vw 0 6vw;

  }
  .content04 {
      width: 90%;
  }
  .content04_00_img {
      width: 10%;
  }
  .content04_t0 {
      margin-top: 1.5vw;
      font-size: 3.2vw;
  }
  .content04_box {
      padding: 3vw 0 0;
  }
  .content04_box_t1 {
      padding: 0.4vw 0 0.6vw;
      font-size: 2.4vw;
      letter-spacing: 0.5vw;
  }
  .content04_box_t2 {
      margin: 1.5vw 0 2vw;
      font-size: 2.1vw;
  }
  .content04_box_bt {
      width: 19%;
      margin: 0 0.5% 1vw;
  }
}

@media screen and (max-width: 500px) {
  /*----- content04 -----*/
  #content04 {
      padding: 4vw 0 6vw;
  }
  .content04_00_img {
      width: 14%;
  }
  .content04_t0 {
      margin-top: 1.5vw;
      font-size: 4.4vw;
  }
  .content04_box {
      padding: 3vw 0 0;
  }
  .content04_box_t1 {
      padding: 1vw 0 1.2vw;
      font-size: 4vw;
      letter-spacing: 0.5vw;
  }
  .content04_box_t2 {
      margin: 2vw 0 3vw;
      font-size: 3.3vw;
      line-height: 140%;
  }
  .content04_box_bt {
      width: 23%;
      margin: 0 1% 1vw;
  }
}