.bgw {
 position: relative;
 height: 110vh;
 visibility: hidden;
 margin-top: -100vh;
 background: var(--white);
 opacity: 0;
 pointer-events: none;
}

section {
 position: relative;
 width: 100%;
}
section.kv_area {
 position: sticky;
 top: 0;
 height: 100vh;
}
@media screen and (max-width: 1024px) {
 section.kv_area {
  top: 60px;
  height: calc(100vh - 60px);
 }
}
section.kv_area h1 {
 position: absolute;
 top: 80px;
 right: 70px;
 z-index: 3;
}
@media screen and (max-width: 600px) {
 section.kv_area h1 {
  top: 80px;
  right: 3%;
  width: 60%;
 }
}
section.kv_area .cloud {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 width: 100%;
 height: 100%;
}
section.kv_area .cloud img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
section.kv_area .kv_slide {
 width: 100%;
 height: 100%;
 overflow: hidden;
}
section.kv_area .kv_slide img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
section.lead_area {
 overflow: hidden;
 visibility: hidden;
 padding: 0px 9% 350px;
 background: var(--white);
 opacity: 0;
}
@media screen and (max-width: 1024px) {
 section.lead_area {
  overflow: visible;
  padding: 0 5% 100px;
 }
}
section.lead_area >.inner .img_box {
 display: block;
 position: relative;
 width: -moz-fit-content;
 width: fit-content;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box {
  position: relative !important;
 }
}
section.lead_area >.inner .img_box.box1 {
 position: relative;
 top: 140px;
 left: -60px;
 margin-bottom: 140px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box1 {
  top: 50px;
  left: 0;
  margin: 50px 0 100px;
 }
}
section.lead_area >.inner .img_box.box1 .img {
 width: clamp(18.75rem, 5.305rem + 21.01vw, 25rem);
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box1 .img {
  width: 200px;
 }
}
section.lead_area >.inner .img_box.box1 .cloud {
 position: absolute;
 right: -250px;
 bottom: -60px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box1 .cloud {
  right: 0;
  width: 180.73px;
  translate: 50% 0%;
 }
}
section.lead_area >.inner .img_box.box2 {
 position: absolute;
 top: 350px;
 right: 0;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box2 {
  top: 100px;
  right: -5vw;
  margin-left: auto;
 }
}
section.lead_area >.inner .img_box.box2 .img {
 width: clamp(12.5rem, -6.324rem + 29.41vw, 21.25rem);
}
section.lead_area >.inner .img_box.box2 p.tag {
 position: absolute;
 bottom: 40px;
 left: -80px;
 padding: 8px 30px 8px 10px;
}
section.lead_area >.inner .img_box.box3 {
 position: absolute;
 top: 800px;
 right: 0;
 z-index: 2;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner .img_box.box3 {
  top: 600px;
 }
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box3 {
  top: 0;
  margin-left: auto;
 }
}
section.lead_area >.inner .img_box.box3 .img {
 position: relative;
 right: clamp(3.125rem, -3.598rem + 10.5vw, 6.25rem);
 z-index: 2;
 width: clamp(12.5rem, -6.324rem + 29.41vw, 21.25rem);
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box3 .img {
  right: 0;
 }
}
section.lead_area >.inner .img_box.box4 {
 position: relative;
 top: 100px;
 z-index: 3;
 margin-top: 140px;
 padding-left: 70px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box4 {
  top: 0;
  margin-top: 20px;
  padding: 0;
 }
}
section.lead_area >.inner .img_box.box4 .img {
 position: relative;
 z-index: 2;
 width: clamp(12.5rem, -6.324rem + 29.41vw, 21.25rem);
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box4 .img {
  width: 150px;
 }
}
section.lead_area >.inner .img_box.box4 .cloud {
 position: absolute;
 bottom: -115px;
 left: -180px;
 max-width: none;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box4 .cloud {
  bottom: -60px;
  left: 0;
  width: 187.09px;
 }
}
section.lead_area >.inner .img_box.box4 p.tag {
 position: absolute;
 top: 40px;
 right: -120px;
 z-index: 3;
 padding: 8px 10px 8px 30px;
}
section.lead_area >.inner .img_box.box5 {
 position: absolute;
 right: 0;
 bottom: 220px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box5 {
  bottom: 0;
  margin-left: auto;
  padding-top: 200px;
 }
}
section.lead_area >.inner .img_box.box5 .img {
 position: relative;
 z-index: 1;
 width: clamp(18.75rem, -21.586rem + 63.03vw, 37.5rem);
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box5 .img {
  width: 200px;
 }
}
section.lead_area >.inner .img_box.box5 .cloud1 {
 position: absolute;
 top: -350px;
 right: 0;
 z-index: 2;
 max-width: none;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box5 .cloud1 {
  top: 0;
  right: -5vw;
  width: 80vw;
 }
}
section.lead_area >.inner .img_box.box5 .cloud2 {
 position: absolute;
 bottom: -110px;
 left: 150px;
 max-width: none;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner .img_box.box5 .cloud2 {
  bottom: -50px;
  left: 20px;
  z-index: 2;
  width: 127.73px;
 }
}
section.lead_area >.inner .img_box.box5 p.tag {
 position: absolute;
 top: -80px;
 right: 0;
 z-index: 3;
 padding: 8px 30px 8px 10px;
 border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .img_box.box5 p.tag {
  top: 80px;
  right: -5vw;
 }
}
section.lead_area >.inner h2 {
 line-height: 1.6666666667;
 margin-bottom: 80px;
 font-size: clamp(2.188rem, 0.44rem + 2.73vw, 3rem);
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner h2 {
  font-size: 25px;
 }
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner h2 {
  margin-bottom: 40px;
 }
}
section.lead_area >.inner p {
 line-height: 2.875;
 color: var(--blue);
 font-size: 16px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
section.lead_area >.inner p.tag {
 font-size: 14px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner p.tag {
  font-size: 12px;
 }
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner p {
  font-size: 14px;
 }
}
section.lead_area >.inner p +p {
 margin-top: 3em;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner p +p {
  margin-top: 2em;
 }
}
section.lead_area >.inner .btn_bl {
 position: relative;
 z-index: 3;
 margin-top: 60px;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .btn_bl {
  margin-top: 30px;
 }
}
section.news_area {
 padding: 60px 9% 200px;
 background: var(--white);
}
@media screen and (max-width: 1024px) {
 section.news_area {
  padding: 50px 5% 100px;
 }
}
section.news_area >p.tag {
 position: absolute;
 top: 0;
 left: 0;
 padding: 8px 15px 8px 9%;
 border-radius: 0 3px 3px 0;
}
@media screen and (max-width: 1024px) {
 section.news_area >p.tag {
  padding-left: 5%;
 }
}
section.news_area >.inner h2 {
 margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner h2 {
  margin-bottom: 35px;
 }
}
section.news_area >.inner .tabs {
 display: flex;
 position: relative;
 width: 100%;
 gap: 40px;
 margin-bottom: 40px;
 border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabs {
  gap: 20px;
  margin-bottom: 20px;
 }
}
section.news_area >.inner .tabs .tab {
 position: relative;
 line-height: 1;
 padding-bottom: 20px;
 color: var(--gray);
 font-size: 20px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabs .tab {
  font-size: 16px;
 }
}
section.news_area >.inner .tabs .tab:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 0px;
 background: var(--blue);
 transition: all 0.3s;
}
section.news_area >.inner .tabs .tab[aria-selected=true] {
 color: var(--blue);
}
section.news_area >.inner .tabs .tab[aria-selected=true]:after {
 height: 2px;
}
section.news_area >.inner .tabpanel {
 display: none;
 visibility: hidden;
 opacity: 0;
 transition: all 0.3s ease-in-out;
}
section.news_area >.inner .tabpanel[aria-hidden=false] {
 display: block;
 visibility: visible;
 opacity: 1;
}
section.news_area >.inner .tabpanel#exhibition article a {
 display: grid;
 grid-template-columns: 40% 1fr;
 gap: 60px;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#exhibition article a {
  grid-template-columns: 35% 1fr;
  gap: 20px;
 }
}
@media screen and (max-width: 600px) {
 section.news_area >.inner .tabpanel#exhibition article a {
  grid-template-columns: 1fr;
 }
}
section.news_area >.inner .tabpanel#exhibition article .tmb img {
 width: 100%;
 height: auto;
}
section.news_area >.inner .tabpanel#exhibition article .txt_wrap p.tag {
 margin-bottom: 20px;
 font-weight: 400;
 font-size: 14px;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#exhibition article .txt_wrap p.tag {
  margin-bottom: 10px;
  font-size: 12px;
 }
}
section.news_area >.inner .tabpanel#exhibition article .txt_wrap h3 {
 line-height: 1.25;
 color: var(--blue);
 font-family: var(--ff_mincho);
 font-size: 32px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#exhibition article .txt_wrap h3 {
  font-size: 24px;
 }
}
section.news_area >.inner .tabpanel#exhibition article .txt_wrap p {
 line-height: 1.875;
 font-size: 16px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#exhibition article .txt_wrap p {
  font-size: 14px;
 }
}
section.news_area >.inner .tabpanel#exhibition article .txt_wrap p.date {
 margin: 10px 0 20px;
}
section.news_area >.inner .tabpanel#events ul,section.news_area >.inner .tabpanel#news ul {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 50px 5%;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#events ul,section.news_area >.inner .tabpanel#news ul {
  gap: 30px 4%;
 }
}
@media screen and (max-width: 600px) {
 section.news_area >.inner .tabpanel#events ul,section.news_area >.inner .tabpanel#news ul {
  grid-template-columns: repeat(2, 1fr);
 }
}
section.news_area >.inner .tabpanel#events ul li article .tmb,section.news_area >.inner .tabpanel#news ul li article .tmb {
 position: relative;
 width: 100%;
 overflow: hidden;
 border-radius: 3px;
 background: #ededed;

 aspect-ratio: 1;
}
section.news_area >.inner .tabpanel#events ul li article .tmb img,section.news_area >.inner .tabpanel#news ul li article .tmb img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
section.news_area >.inner .tabpanel#events ul li article .tmb p.tag,section.news_area >.inner .tabpanel#news ul li article .tmb p.tag {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 5px 7px;
 border-radius: 3px 0 0 0px;
 font-weight: 400;
 font-size: 12px;
}
@media screen and (max-width: 600px) {
 section.news_area >.inner .tabpanel#events ul li article .tmb p.tag,section.news_area >.inner .tabpanel#news ul li article .tmb p.tag {
  font-size: 10px;
 }
}
section.news_area >.inner .tabpanel#events ul li article time,section.news_area >.inner .tabpanel#news ul li article time {
 display: flex;
 line-height: 1;
 align-items: center;
 gap: 5px;
 margin-top: 10px;
 color: #999999;
 font-size: 12px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
section.news_area >.inner .tabpanel#events ul li article time .icon,section.news_area >.inner .tabpanel#news ul li article time .icon {
 font-size: 0;
}
section.news_area >.inner .tabpanel#events ul li article h3,section.news_area >.inner .tabpanel#news ul li article h3 {
 line-height: 1.6666666667;
 margin: 10px 0 5px;
 color: var(--blue);
 font-size: 18px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#events ul li article h3,section.news_area >.inner .tabpanel#news ul li article h3 {
  font-size: 16px;
 }
}
section.news_area >.inner .tabpanel#events ul li article p.date,section.news_area >.inner .tabpanel#news ul li article p.date {
 line-height: 1.7142857143;
 color: var(--blue);
 font-size: 14px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
@media screen and (max-width: 1024px) {
 section.news_area >.inner .tabpanel#events ul li article p.date,section.news_area >.inner .tabpanel#news ul li article p.date {
  font-size: 12px;
 }
}
section.news_area >.inner .tabpanel .more {
 margin-top: 40px;
 text-align: right;
}
section.sec_fixed {
 display: grid;
 position: sticky;
 top: 0;
 height: 120vh;
 grid-template-rows: 1fr auto;
 grid-auto-flow: row;
 background: var(--white);
}
section.sec_fixed.park_area .cloud {
 top: -90px;
 left: -120px;
}
@media screen and (max-width: 600px) {
 section.sec_fixed.park_area .cloud {
  width: 254.93px;
 }
}
section.sec_fixed.museum_area {
 margin-top: 50vh;
}
@media screen and (max-width: 1024px) {
 section.sec_fixed.museum_area {
  margin-top: 30vh;
 }
}
section.sec_fixed.museum_area .cloud {
 right: 0;
 bottom: -80px;
}
@media screen and (max-width: 600px) {
 section.sec_fixed.museum_area .cloud {
  width: 143.1px;
 }
}
section.sec_fixed.usable-space_area {
 position: relative;
 margin-top: 50vh;
}
@media screen and (max-width: 1024px) {
 section.sec_fixed.usable-space_area {
  margin-top: 30vh;
 }
}
section.sec_fixed.usable-space_area .cloud {
 bottom: 0;
 left: -60px;
}
@media screen and (max-width: 600px) {
 section.sec_fixed.usable-space_area .cloud {
  left: 0;
  width: 201.4px;
 }
}
section.sec_fixed .mv {
 position: relative;
}
section.sec_fixed .mv img.base {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
section.sec_fixed .mv img.cloud {
 position: absolute;
 z-index: 2;
}
section.sec_fixed .mv p.tag {
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 3;
 border-radius: 0 3px 3px 0;
 translate: 0 50%;

 padding-inline: 9% 15px;
}
section.sec_fixed >.inner {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 padding: 40px 9% 35vh;
}
@media screen and (max-width: 600px) {
 section.sec_fixed >.inner {
  flex-direction: column;
  gap: 30px;
  margin-top: 10px;
  padding: 30px 5% 35vh;
 }
}
section.sec_fixed >.inner .txt_wrap h2 {
 margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
 section.sec_fixed >.inner .txt_wrap h2 {
  margin-bottom: 10px;
  font-size: 30px;
 }
}
section.sec_fixed >.inner .txt_wrap p {
 line-height: 1.75;
 font-size: 16px;
 letter-spacing: 0.12em;
 letter-spacing: 0.16em !important;
}
@media screen and (max-width: 1024px) {
 section.sec_fixed >.inner .txt_wrap p {
  font-size: 14px;
 }
}
section.inst_area {
 margin-top: -30vh;
 padding: 230px 9% 230px;
 background: url(/wp-content/themes/toseki//index/img/cloud_instagram.svg) center top 150px/100% no-repeat var(--white);
}
@media screen and (max-width: 1024px) {
 section.inst_area {
  padding: 100px 5%;
  background-position: center center;
  background-size: 150%;
 }
}
section.inst_area >.inner h2 {
 display: flex;
 line-height: 1;
 align-items: center;
 gap: 25px;
 margin-bottom: 40px;
 color: var(--blue);
 font-family: var(--ff_en);
 font-weight: 200;
 font-size: 40px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.inst_area >.inner h2 {
  gap: 15px;
  font-size: 28px;
 }
}
section.inst_area >.inner h2 span {
 font-size: 0;
}
@media screen and (max-width: 1024px) {
 section.inst_area >.inner h2 span {
  width: 25px;
 }
}
section.inst_area >.inner .instagram {
 padding: 20px;
 background: #ffffff;
}

@keyframes slide_fade {
 0% {
  transform: scale(1);
 }
 100% {
  transform: scale(1.4);
 }
}
.swiper-slide-active img,.swiper-slide-duplicate-active img,.swiper-slide-prev img {
 transform: rotate(0.0001deg);
 animation: slide_fade 30s linear 0s 1 normal;
 animation-fill-mode: forwards;
}
/*# sourceMappingURL=layout.css.map */