@charset "UTF-8";
body{
	font-size: 80%;
}

.hamburger{
  width: 80px;
}

#visual{
  min-height: 100svh;
  height: auto;
}
#visual > div.wrap{
  width: 90%;
}
#visual .txt_wrap{
  flex-direction: column;
  align-items: flex-start;
}
#visual .txt_wrap section{
  max-width: none;
  width: 100%;
  margin-bottom: 20px;
}

main{
  gap: 80px 0;
}

.banner a{
  padding: 0 5% 20px;
}
.banner a img{
  transform: scale(1.4);
}
.banner a p{
  line-height: 1.6;
}

#featured.wrap{
  width: 100%;
  padding: 0;
}
#featured .featured_top{
  align-items: center;
}
#featured .featured_top > .txt_box{
  width: 86%;
}
.featured_top dl{
  gap: 40px 0;
}
.featured_top dd .fl_box{
  flex-direction: row;
  align-items: flex-end;
}
.featured_top dd .num{
  line-height: 1;
}
.featured_top dd .fl_box figure{
  width: 60px;
}
.fl_box.featured_img{
  width: 94% !important;
  flex-direction: row;
  gap: 0 12px;
  margin: 40px auto 0;
}
#featured div[data-fe="2"] .featured_top{
  flex-direction: column;
}
.featured_long{
  width: 94%;
  margin: 0 auto;
}

#about_sz{
  align-items: center;
}
#about_sz .img_box{
  width: 100%;
}
#about_sz .txt_box{
  width: 80%;
}

#story .parallax_content{
  aspect-ratio: 1 / 1;
}

#guide section#faq{
  padding-bottom: 0;
}
#guide .txt_box{
  width: 100%;
}

#access .section_img{
  margin-bottom: 60px;
}
#access .fl_box{
  margin-top: 40px;
  gap: 60px 0;
}
#access .fl_box > div{
  width: 100%;
}

footer .f_top{
  width: 100%;
}
footer .f_top .txt_box{
  font-size: 1.8em;
}
footer .info{
  font-size: 1em;
}

.wrap{
  width: 80%;
}
.fl_box{
	flex-direction:column;
  gap: 20px 0;
}
.fl_box > .img_box,
.fl_box > .txt_box{
  width: 100%;
}

.pc_no{
	display:block;
}