@charset "utf-8";

/*--------------------------*/
img{
    width: 100%;
    display: block;
    line-height: 0;
    font-size: 0;
}
body {
    line-height: 1;
    background-color: #edf0f1;
    overflow: visible;
}


header {
	position: sticky;
	top: 0;
	z-index: 500;
}

.finish {
  position: relative;
}
.finish::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  aspect-ratio: 750 / 958;
  background: url(../img/finish.png) no-repeat 50% 50% rgba(255,255,255,0.8);
  background-size: 78% auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12vw;
  font-weight: bold;
}

.nav {
  position: sticky;
  top: 53px;
  z-index: 999;
  background-color: #edf0f1;
  padding: 3.73% 6.67%;
  display: flex;
  justify-content: center;
  gap: 0 2.4%;
}
.nav li {
  width: 23.2%;
}

.pageContent img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.sec02_05 {
  position: relative;
}
.sec02_05 a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7%;
  width: 76.8%;
  margin: 0 auto;
}
.sec03_02 {
  position: relative;
}
.sec03_02 a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 21%;
  width: 76.8%;
  margin: 0 auto;
}
.sec04_06 {
  position: relative;
}
.sec04_06 a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  width: 72%;
  margin: 0 auto;
}
.sec04_07 {
  position: relative;
}
.sec04_07 a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 80%;
  margin: 0 auto;
}
.sec04_08 {
  position: relative;
}
.sec04_08 a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 29%;
  width: 80%;
  margin: 0 auto;
}