/* トップページ
-----------------------------------------------------------------------*/
/*--hero-------------*/
.top_hero {
  width: 100%;
  height: auto;
  margin: 128px auto 50px auto
}
.top_hero img {
  width: 100%;
  height: auto
}
.top_hero .pc {
  display: block
}
.top_hero .sp {
  display: none
}
@media screen and (max-width: 1100px) {
  .top_hero {
    margin: 60px auto 40px auto;
  }
}
@media screen and (max-width: 800px) {
.top_hero .pc {
  display:none 
}
.top_hero .sp {
  display: block
}
}
/*--block-------------*/
.top_box00 {
  text-align: center;
  margin-bottom: 65px;
}
.top_box00 p{font-size: 25px;padding: 0 20px
	}
.top_box00 h3{font-size: 52px;margin: 0 0 35px 0;padding: 0 20px
	}
.top_box00 .bg{width: 100%; background-color: #18b7cd;padding: 0 10px}
.top_box00 img {
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin: 0 auto 0px auto
}
@media screen and (max-width: 800px) {
.top_box00 {
  margin-bottom: 35px;
}
.top_box00 p{font-size: 15px
	}
.top_box00 h3{font-size: 22px;margin: 0 0 35px 0
	}
}	

/*--block-------------*/
.top_box01 {
  margin: 0 0 80px 0
}
.top_box01 .top_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
  margin: 0 0 6px 0;
}
.top_box01 .top_list li {
  background-size: cover;
  background-position: center;
  aspect-ratio: 2.5 / 1;
  overflow: hidden;
  position: relative;
}
.top_box01 .top_list li::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  transition: transform 0.5s ease;
  z-index: 0;
}
.top_box01 .top_list li:hover::before {
  transform: scale(1.1);
}
.top_box01 .top_list li a {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
  height: 100%;
  font-size: 28px;
  text-align: center;
}
.top_box01 .top_list li span {
  display: block;
  font-size: 0.8rem;
}
.top_box01 .bg01 {
  background-image: url(../image/top/top02_01.jpg);
}
.top_box01 .bg02 {
  background-image: url(../image/top/top02_02.jpg);
}
.top_box01 .bg03 {
  background-image: url(../image/top/top02_03.jpg);
}
.top_box01 .top_list + p {
  max-width: 1200px;
  height: auto;
  margin: auto;
  font-size: 11px;
  padding: 10px
}
@media screen and (max-width: 1000px) {
  .top_box01 .top_list li {
    aspect-ratio: 1.5 / 1;
  }
  .top_box01 .top_list li a {
    font-size: 22px;
  }
}
@media screen and (max-width: 500px) {
  .top_box01 .top_list li {
    aspect-ratio: 2.5 / 1;
  }
  .top_box01 {
    margin: 0 0 30px 0
  }
  .top_box01 .top_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3px
  }
  .top_box01 .top_list li a {
    font-size: 20px;
  }
}
/*--block-------------*/
.top_box02 {
  margin: 0 0 50px 0
}
.top_box02 ul {
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  gap: 30px
}
.top_box02 li a {
  color: #FFFFFF;
  letter-spacing: 0.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  background-color: #0054a6
}
.top_box02 li:nth-child(2) a {
  background-color: #5f8080
}