@charset "UTF-8";
body {
  position: relative;
  margin: 0;
  scroll-padding-top: 20.26vw;
}

li {
  list-style: none;
}

p {
  font-size: 3.85vw;
  line-height: 7.69vw;
  font-feature-settings: "pwid";
  letter-spacing: 0;

}

.controllScrollWrap .controllScrollItemWrap li {
  margin: 0 7.69vw 0 0;
}

.controllScrollWrap .controllScrollItemWrap li:first-child {
  margin: 0 7.69vw 0 7.69vw;
}

.controllScrollWrap .controllScrollItemWrap li h3,
.controllScrollWrap .controllScrollItemWrap li p {
  font-size: 3.85vw;
  line-height: 6.41vw;
  padding: 0;

}

.controllScrollWrap .controllScrollItemWrap li p {
  font-size: 3.33vw;
  line-height: 6.69vw;
  font-weight: 400;
  padding: 0;
}

.controllScrollWrap .controllScrollItemWrap li h3 {
  font-weight: 600;
  margin-bottom: 1.35vw;
}

.controllScrollButtonWrap .controllScrollButtonPrev {
  display: none;
}
.controllScrollButtonWrap .controllScrollButtonNext{
  display: none;
}
#Q06Wrap .controllScrollButtonWrap .controllScrollButtonNext {
  display: block;
    top: 0vw;
    right: 7vw;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  width: 7.69vw;
  height: 7.69vw;
}
#Q06Wrap .controllScrollButtonWrap .controllScrollButtonNext img{
  width: 2.16vw;
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(20%) hue-rotate(182deg) brightness(106%) contrast(104%);
}
/* .controllScrollButtonWrap .controllScrollButtonNext svg *{
  fill: #fff;
} */

.ttlImg.pcOnly {
  display: none;
}

#mainV {
  position: relative;
  z-index: 15;
  width: 100%;
  }

#intro {
  position: relative;
  padding: 0 7.69vw;
  margin: 11.03vw 0 0;
  height: 87.18vw;
}

#intro p {
  color: #02797A;
  font-weight: 500;
  letter-spacing: -.02vw;
}

#intro p:last-of-type {
  width: 42.31vw;
}

#intro img.topPose {
  position: absolute;
  right: 7vw;
  bottom: 0;
  width: 31.54vw;
}

#keywordList{
  position: relative;
}
#keywordList .list {
  height: 71vw;
  overflow: hidden;
  transition: all .6s;
}

#keywordList.active .list {
  height: 273.54vw;
}

#keywordList.active #viewAll {
  display: none;
}

#keywordList h2 img {
  width: 39.71vw;
  margin: 0 0 0 7.65vw;
}

#keywordList a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  margin: 5.13vw auto 0;
  height: 15.38vw;
  width: 84.62vw;
  padding: 0 3.64vw 0 4.1vw;
  border-radius: 10px;
  font-weight: 600;
  border: 2px solid #02797A;
}

#keywordList a:nth-child(even) {
  background-color: #02797A;
  color: #fff;

}

#keywordList a:nth-child(odd) {
  background-color: #fff;
  color: #02797A;
  border: 2px solid #02797A;
}
#keywordList a img{
  width: 3.84vw;
}
#viewAll {
  padding: 20.77vw 18.41vw 6.15vw 16.41vw;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #02797A;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 31.28vw;
  width: 100%;
  z-index: 5;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 85%);
}

#viewAll p {
  font-size: 5.13vw;
  font-weight: 600;
}



#viewAll i,
#viewAll b {
  display: block;
  position: relative;
  background: #02797A;
  border-bottom: 3px solid #02797A;
  left: 0;
  height: 3px;
  width: 4.62vw;
}

#viewAll b {
  transform: rotate(90deg);
  top: -.5vw;
}

#viewAll.active i {
  transform: rotate(405deg);
  top: 0;
}

#viewAll.active b {
  transform: rotate(-405deg);
  top: -3.2vw;
}

.greenBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 84.62vw;
  height: 16.92vw;
  padding: 0 5.38vw 0 10.26vw;
  background-color: #02797A;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 9999px;
  font-size: 4.36vw;
  position: relative;
  z-index: 5;
  text-align: left;
}
.greenBtn img{
  width: 6.3vw;
}
h1,
.greenRead {
  color: #02797A;
  font-size: 4.87vw;
  line-height: 7.44vw;

}

.greenRead {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 600;
  padding: 0 7.69vw 5.46vw;
  letter-spacing: 0;
}

main {
  width: 100%;
  overflow-x: hidden;
}

main section h1 {
  font-size: 7.69vw;
  line-height: 9.74vw;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  padding: 0 7.69vw 0;
  margin: 22.92vw 0 8.46vw;
}

main section h1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  height: 14.62vw;
  width: 14.87vw;
  background: url(/2026/top/assets/img/firstTime/firstTimeNumberBg.png) no-repeat center center;
  background-size: cover;
  margin-right: 4.1vw;

}
main section h1 > img{
  display: inline-block;
  /* width: auto;
  height: 100%;
  min-height: 5.98vw;
  max-height: 14.08vw;
  min-width: 45.9vw;
  max-width: 65.57vw; */
}
.retsu1{
  height: 6.7vw;
  width: auto;
}
.retsu2{
  height: 15.9vw;
  width: auto;
}
#Q12Wrap .retsu1.spOnly{
  height: 6vw;
}
/* #Q05Wrap .retsu2{
  height: 13vw;
} */
#Q09Wrap .retsu2,
#Q10Wrap .retsu2,
#Q13Wrap .retsu2{
  height: 14vw;
}
main section h1 span img{
    display: block;
    width: 9.25vw;
    height: auto;
    max-width: none;
}

/* main section .controllScrollWrap .controllScrollItemWrap {
  min-width: 300vw;
} */

main section>p {
  padding: 0 7.18vw 8.28vw;
  letter-spacing: 0;
  font-weight: 500;
}

.detail {
  background-color: #02797A;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10.26vw;
  width: 56.92vw;
  border-radius: 10px;
  margin-top: auto;
  font-size: 3.85vw;
}

.ttlImg {
  display: block;
}

#Q01Wrap h1 {
  margin: 17.92vw 0 0.46vw;
}

#Q01Wrap .ttlImg {
  width: 84.36vw;
  margin: 0 auto;
}

#Q01Wrap li.controllScrollItem {
  height: 46.15vw;
  width: 64.87vw;
  margin-bottom: 9.49vw;
}

#Q01Wrap li.controllScrollItem img {
  width: 100%;
}

#Q02Wrap h1 {
  margin: 26.92vw 0 3.46vw;
}

#Q02Wrap .ttlImg {
  width: 97.69vw;
  margin: 0 0 -1vw 7.69vw;
}

#Q02Wrap .controllScrollItemWrap li {
  width: 64.87vw;
  font-size: 3.85vw;
  line-height: 6.41vw;
  font-weight: 600;
  margin-bottom: 9.49vw;
}

#Q03Wrap {
  position: relative;
}

#Q03Wrap .ttlImg {
  width: 88.97vw;
  margin: 0 0 3vw 3.69vw;
}
#Q03Wrap .controllScrollOver:first-of-type{
  margin-bottom: 11vw;
}
#Q03Wrap .controllScrollItemWrap li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 82.56vw;
  width: 56.92vw;
  margin-bottom: 10vw;
}

#Q03Wrap .controllScrollOver:last-of-type li {
  height: 76.87vw;
  margin-bottom: 0;
}


#Q03Wrap .controllScrollItemWrap li img {
  margin-bottom: 2.85vw;
}


#Q04Wrap {}

#Q04Wrap li.controllScrollItem {
  width: 56.92vw;
  height: 81.28vw;
  display: flex;
  flex-direction: column;
}

#Q04Wrap li.controllScrollItem a {
  margin-top: auto;
}

#Q04Wrap .ttlImg {
  width: 87.18vw;
  margin: 0 0 -10vw 7.69vw;
}

#Q04Wrap li.controllScrollItem img {
  margin-bottom: 2.62vw;
}

#Q05Wrap {
  position: relative;
}

#Q05Wrap .ttlImg {
  width: 90.26vw;
  margin: 0 0 -7vw 7.18vw;
}

#Q05Wrap>img#scheduleImg {
  position: relative;
  z-index: 0;
  margin: 0 auto -17vw;
  width: 84.62vw;
}

#Q06Wrap .controllScrollWrap {
  position: relative;
  z-index: 2;
}

#Q06Wrap h1 span {
  margin-right: 3.1vw;
}

#Q06Wrap .ttlImg {
  width: 88.97vw;
  margin: -4vw 0 4vw 3.33vw;
}

#Q06Wrap li:last-child {
  margin-right: 0;
}

#Q06Wrap .controllScrollWrap::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  width: 361.67vw;
  left: 7.56vw;
  height: 1px;
  border-bottom: 2px solid #000;
  z-index: 0;
}

#Q06Wrap li {
  background-image: url(/2026/top/assets/img/firstTime/firstTimeNumberBg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 32.11vw;
  height: 32.76vw;
  color: #fff;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: start;
  padding: 3vw 0 0;
  margin: 0 7.18vw 0 0;
}

#Q06Wrap li .number {
  font-size: 6.41vw;
}

#Q06Wrap li p {
  font-size: 3.33vw;
  line-height: 4.62vw;
  height: 13.33vw;
  display: flex;
  align-items: center;
}

#Q06Wrap .controllScrollOver {
  margin: 0 0 11.28vw;
}

#Q06Wrap .controllScrollWrap{
  padding-left: 7.18vw;
}

#Q07Wrap .ttlImg {
  width: 89.74vw;
  margin: 0 0 2vw 3.33vw;
}

#Q07Wrap li.controllScrollItem,
#Q08Wrap li.controllScrollItem,
#Q10Wrap li.controllScrollItem,
#Q11Wrap li.controllScrollItem,
#Q12Wrap li.controllScrollItem,
#Q13Wrap li.controllScrollItem {
  height: 45.38vw;
  width: 56.92vw;
  font-size: 3.75vw;
  font-weight: 600;
  margin-bottom: 11.54vw;
  letter-spacing: .3vw;
}

#Q07Wrap li.controllScrollItem img,
#Q08Wrap li.controllScrollItem img,
#Q10Wrap li.controllScrollItem img,
#Q11Wrap li.controllScrollItem img,
#Q12Wrap li.controllScrollItem img,
#Q13Wrap li.controllScrollItem img {
  width: 100%;
  margin: 0 0 2.56vw;
}

#Q08Wrap {
  position: relative;
}

#Q08Wrap .ttlImg {
  width: 98.85vw;
  margin: -13vw 0 0 8.18vw;

}

#Q09Wrap {
  position: relative;
}

#Q09Wrap .ttlImg {
  width: 90.13vw;
  margin: -5vw 0 0 7.18vw;
}

#Q09Img {
  display: block;
  position: relative;
  z-index: 0;
  width: 84.62vw;
  margin: 0 auto -17vw;
}

#Q10Wrap {
  position: relative;
}

#Q10Wrap .ttlImg {
  width: 86.15vw;
  margin: 10vw 0 4vw 6.69vw;
}

#Q11Wrap {
  position: relative;
}

#Q11Wrap .ttlImg {
  width: 86.92vw;
  margin: -4vw 0 -9vw 7.69vw;
}

#Q12Wrap {
  position: relative;
}

#Q12Wrap .ttlImg {
  width: 90vw;
  margin: 0 0 0 7.69vw;
}

#Q13Wrap {
  position: relative;
}

#Q13Wrap .ttlImg {
  width: 90.81vw;
  margin:0 0 5vw 2vw;
}

#bottomLink {
  margin: 8.46vw 0 0;
}