@charset "utf-8";

/* ========== Base ========== */
html{margin:0;padding:0;}
body{
  font-family:'Noto Sans',sans-serif;
  margin:0;
  padding:0;
  line-height:1.6;
  color:#333;
}
ul{padding:0;}
ul li{list-style:none;}
a{
  display:inline-block;
  transition:transform .3s ease;
  text-decoration:none;
  color:#000;
}
a:hover{transform:translateY(5px);opacity:.7;}
.hamburger{display:none;}
.sp_display{display:none!important;}
.rub{
  font-size:0.6em;
  padding: 0 0.5em 0;
}
.black{
  color:#000 !important;
}
.tac{
  text-align: center;
}
.btn-wrap{
  padding:20px 0;
}
.gmap iframe{
   width:1200px;
   height:500px;
   margin:20px auto;
   display: block;
}
.site-main{background:url('../img/top/bg_bungooono.jpg') center/cover no-repeat;}
main::after{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/main_footer_bg.png) center 50px/120% no-repeat;
}
.mt20{
  margin-top: 20px;;
}
.breadcrumb {
    font-size: 0.8rem;
    margin-bottom: 10px;
    display: flex;
    margin:0 auto 20px;
    max-width:100%;
    width:1300px;
    overflow-x: auto; /* 横スクロール有効 */
    white-space: nowrap; /* 改行しない */
}
.breadcrumb li  {
  flex-direction: column;
  line-height: 1.2em;
  padding: 10px 0 10px 10px;
}
.breadcrumb li a{
  position: relative;
  display: inline-block;
  padding: 0 25px 0 0;
}
.breadcrumb li a::before {
  content: '';
  width: 18px;
  height: 18px;
  background: #55ab42;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.breadcrumb li a::after {
 content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 7px;
    bottom: 0;
    margin: auto;
}
/* ========== Header / Nav ========== */
.site-header{
  background:url('../img/top/bg_sobo.png') center/cover no-repeat;
  color:#fff;
  padding:.5em 2em 0;
  display:flex;
  justify-content:space-between;
  box-sizing:border-box;
  height: 200px;
}
.site-header .logo{font-size:1.8em;font-weight:bold;}
.nav_pc{display:flex;justify-content:space-between;}
.nav{display:flex;justify-content:space-between;padding:0 1em;}
.nav_pc li{list-style:none;}
.nav__item--lang{display:none;}
.nav__item--lang a{padding:15px 0;}
.nav ul:nth-child(1){list-style:none;display:flex;gap:3em;padding:0;}
.nav ul li a{color:#fff;text-decoration:none;}
.nav ul li a img{height:17px;}
.nav_contact{padding:0 1em;}
.nav_contact ul{padding:0;margin:.2em 0;}
.nav .menu{
  display:flex;
  justify-content:space-between;
  list-style:none;
  margin:0;
  padding:0;
}
.nav .menu .menu-item{flex:1;}
.nav .menu .menu-item a{
  background:#fff;
  border:1px solid #ccc;
  border-right:none;
  color:#333;
  display:block;
  padding:.6em .4em;
  text-align:center;
  text-decoration:none;
}
.nav .menu .menu-item a:hover{background:#ccc;color:#fff;}
.nav .menu .menu-item:last-child a{border-right:1px solid #ccc;}
.nav_contact_tel{display:flex;justify-content:space-between;align-items:center;}

.reserve-button{
  background:#FA0808;
  box-shadow:3px 3px 5px rgb(33 33 33 / 33%);
  padding:1.1em 2.5em;
  text-decoration:none;
  display:flex;
  justify-content:center;
  border-radius:40px;
  margin:0 0 5px;
  height:30px;
}
.reserve-button.reserve-disabled{
  background:#CCC;
  box-shadow:none;
  cursor:not-allowed;
  color:#fff;
}

/* ========== Hero ========== */
.hero{
  background:url('hero.jpg') center/cover no-repeat;
  padding:10em 2em 2em;
}
.hero .logo{width:250px;margin:2em auto;display:block;}
.hero .txt{width:450px;margin:1em auto;display:block;}
.cta-button{
  background:#fff;
  color:#063;
  padding:.6em 1.4em;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
  border-radius:4px;
  display:inline-block;
  margin-top:1em;
}

/* ========== News ========== */
.news-section{width:800px;margin:0 auto;padding:1em 2em;}
.news-section a{width:100%;margin:0 auto;display:block;}
.news-item{display:flex;align-items:center;border-bottom:1px dotted #fff;padding:1em 0;}
.news-date{width:120px;font-weight:bold;color:#fff;}
.news-label{
  background:#009fe3;
  color:#fff;
  padding:.2em .8em;
  border-radius:20px;
  font-size:.7em;
  margin:0 1em;
  font-weight:bold;
}
.news-text{
  flex:1;
  color:#fff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.8em;
}

/* ========== Tours ========== */
.tours h2{
  text-align:center;
  font-size:2em;
  background:url(../img/top/tour_text_eg.svg) right bottom/300px no-repeat;
  padding:.5em 2em;
  width:700px;
  margin:0 auto;
}
.tours h2 img{width:400px;margin:0 auto;}

/* .tour-cards{
  display:flex;
  flex-wrap:wrap;
  gap:2em;
  justify-content:center;
  margin-top:2em;
}
.tour-card{
  background: #fff;
  box-sizing: border-box;
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgb(55 47 47 / 10%);
    max-width: 400px;
    max-height: 420px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}
.tour-card-img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
  border-radius:17px 17px 0 0;
}
.tour-card h3{
  font-size:1.4em;
  margin:.5em 0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.3em;
  font-weight:900;
  text-align: left;
  padding: 0 3px;
}
.tour-card p{margin:0 0 .5em;}
.tour-left{text-align:left;padding:0 .5em .5em;border-bottom:3px dotted #eee;word-break: break-all;}
.tour-no,.tour-schedule,.tour-price{
  background:#eee;
  padding:5px;
  margin:0 10px 0 0;
  font-size:.8em;
}
.tour-schedule{margin:0 10px;}
.tour-day{line-height: 1.8em;}
.tour-yen{font-size:1.6em;font-weight:900;vertical-align: middle;}
.card-button,.tour-button{
  display:inline-block;
  text-align:center;
  background:#41C364;
  width:100%;
  color:#fff;
  text-decoration:none;
  border-radius:0 0 18px 18px;
  margin:.5em auto -.9em;
  padding:1.2em 4.8em;
  box-sizing:border-box;
} */

.tour-card_list{
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: center;
    width: 1300px;
    margin: 0 auto;
    margin-top: 2em;
}
.tour-card_list li{
  max-width: 400px;
}
.tour-card_list li a{
  display: block;
  background: #fff;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgb(55 47 47 / 40%);
  max-width: 400px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
  .tour-card_list li a h3{
    font-size:1.4em;
    margin:.5em 0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.3em;
    font-weight:900;
    text-align: left;
    padding: 0 3px;
  }
  .tour-card_list li a .tour-card-img{
    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
    border-radius:17px 17px 0 0;
  }

  .tour-card_list li .tour-schedule{margin:0 10px;}
  .tour-card_list li .tour-day{line-height: 1.8em;}
  .tour-card_list li .tour-yen{font-size:1.6em;font-weight:900;vertical-align: middle;}
  .tour-card_list li .card-button,
  .tour-card_list li .tour-button{
    display:inline-block;
    text-align:center;
    background:#41C364;
    width:100%;
    color:#fff;
    text-decoration:none;
    border-radius:0 0 18px 18px;
    margin:.5em auto -.9em;
    padding:1.2em 4.8em;
    box-sizing:border-box;
  }
  .tour-card_list p{margin:0 0 .5em;}
  .tour-left{
    text-align:left;padding:0 .5em .5em;
    border-bottom:3px dotted #eee;
    word-break: break-all;
  }
  .tour-no,.tour-schedule,.tour-price{
    background:#eee;
    padding:5px;
    margin:0 10px 0 0;
    font-size:.8em;
  }

/* 開催フラグ: 停止中 */
.tour-card_list .tour-card--inactive {
  filter: brightness(0.4);
  pointer-events: none;
}
.tour-card_list .tour-card--inactive a {
  cursor: default;
}




/* ========== Categories ========== */
.tour_ex{}
.tour_ex p{
  width:90%;
  margin:0 auto;
  max-width:1200px;
  font-size:1.2em;
  line-height:1.8em;
}
.categories{background:url(../img/top/bg_bridge.svg) 95% 100%/400px no-repeat;}
.category-cards{
  display:flex;
  flex-wrap:wrap;
  gap:3em;
  justify-content:center;
  margin-top:2em;
  padding-bottom:150px;
}
.category-cards ul{padding:0;}
.category-card{position:relative;}
.category-card li:nth-child(1){position:relative;left:-50px;}
.category-card li:nth-child(1) img{width:auto;height:70px;object-fit:cover;object-position:center;}
.category-card li:nth-child(2){
  width:200px;
  height:380px;
  overflow:hidden;
  position:relative;
  border-radius:20px;
  top:-30px;
  z-index:-1;
  box-shadow:3px 3px 8px #ababab;
}
.category-card li:nth-child(2) img{width:200px;height:450px;object-fit:cover;object-position:center;}
.category-card li:nth-child(3){
  color:#fff;
  font-size:2.3rem;
  margin:0 0 10px;
  font-family:"ten-mincho",serif;
  font-weight:400;
  font-style:normal;
  position:absolute;
  top:23%;
  left:20%;
  width:35px;
  writing-mode:vertical-rl;
  text-orientation:upright;
}
.category-card li:nth-child(3) img{position:absolute;top:23%;left:15%;width:35px;}
.category-card li:nth-child(4){position:relative;top:-50px;right:-60px;}
.category-card li:nth-child(4) img{
  display:inline-block;
  text-align:center;
  padding:1em 0;
  background:#41C364;
  width:auto;
  color:#fff;
  text-decoration:none;
  border-radius:15px;
  margin:-45px auto -.9em;
  padding:1.2em 2em;
  box-sizing:border-box;
  top:30px;
  right:50px;
  position:absolute;
}

/* ========== Nature section ========== */
/*.nature-section{
  background-image:url("../img/top/waterfall-gallery_bird.svg"),url("../img/top/bg_bungooono.jpg");
  background-repeat:no-repeat,no-repeat;
  background-position:95% 35%,center top;
  background-size:400px,cover;
}*/
.nature-section {
  background-image: 
    linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
    url('../img/top/waterfall-gallery_bird.svg'),
    url('../img/top/bg_bungooono.jpg');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center top, 99% 15%,  center top;
  background-size: cover, 400px, cover;
}
.nature-section::before{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/bg_sobo.png) center/cover no-repeat;
}
.nature-section::after{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/main_footer_bg.png) center 50px/120% no-repeat;
}
.nature-section h2{
  background-image:url(../img/top/nature-section_bg.svg);
  background-position:80% 72%;
  background-size:600px;
  background-repeat:no-repeat;
  width:auto;
  margin:0 auto;
  padding:5em 0 0;
}
.nature-section.equipment h2,
.nature-section.creative h2{
  background-position:70% 64%;
  background-size:400px;
  background-repeat:no-repeat;
  width:auto;
  margin:0 auto;
  padding:5em 0 0;
}
.nature-section h2 img{
  width:auto;
  max-width:80%;
  margin:0 auto;
  display:block;
  padding:2em 0;
}
.nature-section.equipment h2 img,
.nature-section.creative h2 img{
  width:auto;
  max-width:80%;
  margin:0 auto;
  display:block;
  padding:2em 0;
}
.nature-section p{
  color:#fff;
  width:90%;
  font-size:1.2em;
  line-height:1.8em;
  max-width:1200px;
  margin:40px auto;
}

/* ========== Waterfall gallery ========== */
.waterfall-gallery{
  display:flex;
  flex-direction:column;
  max-width:1200px;
  margin:0 auto;
  gap:90px;
  padding:40px 20px 80px;
}
.waterfall-item{
  display:flex;
  align-items:center;
  gap:30px;
  border-radius:10px;
  padding:20px;
}
.waterfall-item .image-area{flex:1;position:relative;}
.waterfall-item .image-area img.photo{
  width:100%;
  height:200px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:10px;
}
.waterfall-item .image-area .title-svg{
  position:absolute;
  top:-35px;
  left:20px;
  width:40%;
  max-width:200px;
  z-index:2;
}
.waterfall-item .image-area .photo{width:100%;border-radius:8px;display:block;}
.waterfall-item .text-area{flex:1;}
.waterfall-item h3{
  color:#fff;
  font-size:2.5rem;
  margin:0 0 10px;
  font-family:"ten-mincho",serif;
  font-weight:400;
  font-style:normal;
}
.waterfall-item p{
  color:#fff;
  font-size:.95rem;
  line-height:1.8;
  margin:0;
  font-weight:400;
}

/* ========== About ========== */
.about{
  background-image:url("../img/top/about_bg_bird.svg"),url("../img/top/about_bg_leaf.svg");
  background-repeat:no-repeat,no-repeat;
  background-position:5% 0,right top;
  background-size:300px,150px;
}
.about h2{
  background-image:url(../img/top/about_title_rubi.svg);
  background-position:80% 64%;
  background-size:600px;
  background-repeat:no-repeat;
  width:auto;
  margin:0 auto;
  padding:5em 0 0;
}
.about h2 img{
  width:auto;
  max-width:80%;
  margin:0 auto;
  display:block;
  padding:2em 0;
}
.about p{
  width:90%;
  font-size:1.2em;
  line-height:1.8em;
  max-width:1200px;
  margin:40px auto;
}
.btn_next{
  display:block;
  text-align:center;
  padding:1.2em 0 .8em;
  background:#41C364;
  max-width:250px;
  color:#fff;
  border-radius:15px;
  margin:0 auto;
  margin-right:10%;
  box-shadow:3px 3px 5px rgb(33 33 33 / 33%);
}

/* ========== About Gallery ========== */
.about_gallery{max-width:1200px;margin:0 auto;padding:40px 24px;}
.about_gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: calc(4%/3);
}
.about_gallery-item{
  min-width:210px;
  
  text-align:center;
  width: 24%;
}
.about_gallery-figure{
  margin:0;
  width:100%;
  aspect-ratio:1/1;
  border-radius:24px;
  overflow:hidden;
}
.about_gallery-figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.about_gallery-caption{
  margin-top:16px;
  font-size:16px;
  line-height:1.7;
  color:#222;
  letter-spacing:.06em;
  font-family:"ten-mincho",serif;
}

/* ========== Planning ========== */
.planning{
  background-image:url("../img/top/planning_bg_tree.svg"),url("../img/top/planning_bg.png");
  background-repeat:no-repeat;
  background-position:bottom left,bottom right;
  background-size:200px,cover;
}
.planning h2{
  background-image:url(../img/top/planning_title_rub.svg);
  background-position:80% 64%;
  background-size:600px;
  background-repeat:no-repeat;
  width:auto;
  margin:0 auto;
  padding:5em 0 0;
}
.planning h2 img{
  width:auto;
  max-width:80%;
  margin:0 auto;
  display:block;
  padding:2em 0;
}
.planning p{
  width:90%;
  font-size:1.2em;
  line-height:1.8em;
  max-width:1200px;
  margin:40px auto;
}
.planning_gallery{max-width:1200px;margin:0 auto;padding:40px 24px;}
.planning_gallery-list{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content:space-between;
}

.pagecontent {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.planning_gallery-item{text-align:center;}
.planning_gallery-figure{
  margin:0;
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  overflow:hidden;
}
.planning_gallery-figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.planning_gallery-caption{
  margin-top:16px;
  font-size:16px;
  line-height:1.7;
  color:#222;
  letter-spacing:.06em;
  font-family:"ten-mincho",serif;
}
.planning_gallery-list li:nth-child(1){width:500px;}
.planning_gallery-list li:nth-child(2){width:200px;}
.planning_gallery-list li:nth-child(3){width:300px;margin-top:120px;}

/* ========== Guide ========== */
.guide::before{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/guide_top.png) center/cover no-repeat;
}
.guide{
  background-image:url(../img/top/waterfall-gallery_bird.svg),url(../img/top/bg_bungooono.jpg);
  background-repeat:no-repeat;
  background-position:99% 25%,center top;
  background-size:400px,cover;
}
.guide::after{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/main_footer_bg.png) center 50px/120% no-repeat;
}
.guide h2{
  background-image:url(../img/top/guide_title_rub.svg);
  background-position:70% 64%;
  background-size:400px;
  background-repeat:no-repeat;
  width:auto;
  margin:0 auto;
  padding:5em 0 0;
}
.guide h2 img{
  width:auto;
  max-width:80%;
  margin:0 auto;
  display:block;
  padding:2em 0;
}
.guide p{
  color:#fff;
  width:90%;
  font-size:1.2em;
  line-height:1.8em;
  max-width:1200px;
  margin:40px auto;
}
.guide_img{
  width:100%;
  max-width:800px;
  margin:50px auto;
  height:400px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:10px;
}

/* ========== Footer ========== */
.footer{margin-top:3em;}
.footer .multilingual{width:350px;margin:0 auto;display:flex;flex-wrap:wrap;}
.footer .multilingual li{width:46%;padding:2%;}
.footer .multilingual li a{
  display:block;
  text-align:center;
  padding:1em 0;
  background-color:#008CD6;
  max-width:250px;
  border-radius:40px;
  margin:0 auto;
  box-shadow:3px 3px 5px rgb(33 33 33 / 33%);
}
.footer .multilingual li img{width:80px;}
.footer h2 img,.footer h3 img{width:auto;margin:0 auto;display:block;}
.footer h3 img{max-width:540px;height:auto;}
.footer-info .address{font-weight:900;font-size:1.4em;text-align:center;}
.footer-info .permit{text-align:center;}
.footer a{text-decoration:underline;}
.footer p{margin:0;}
.footer-links{}
.footer-links ul{
  width:1200px;
  margin:0 auto;
  list-style:none;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:1em;
  margin-top:1em;
  justify-content:space-between;
}
.footer-links ul li{width:30%;}
.footer-links ul li a{
  background-image:url(../img/common/btn_next_smaller.svg);
  background-position:right center;
  background-repeat:no-repeat;
  padding:0 20px 0 0;
}
.footer-links{
  background:
    url(../img/top/waterfall-gallery_bird.svg) 95% 3%/280px no-repeat,
    linear-gradient(to bottom,#66b9ff 0%,#0074d9 100%) center/cover no-repeat;
}
.footer-links::before{
  content:"";
  display:block;
  width:100%;
  height:200px;
  background:url(../img/top/bg_sobo.png) center/cover no-repeat;
}
.copy{
  font-size:.8em;
  color:#fff;
  text-align:center;
  padding:100px 0 20px;
}

/* ========== Responsive: <=1024px ========== */
@media screen and (max-width:1024px){
  .pc_display{display:none!important;}
  .sp_display{display:block!important;}
  .breadcrumb {width: 95%;}
.gmap iframe{
   width:100%;
   height:500px;
   margin:20px auto;
   display: block;
}
  main::after{height:320px;background:url(../img/top/main_footer_bg.png) center 140%/120% no-repeat;}

  .site-header{
    padding:.5em 1em 0 1em;
    justify-content:space-between;
  }
  .site-header .logo img{width:80px;}
  .nav ul:nth-child(1){gap:1.5em;}
  .nav_contact_tel img{width:60px;}
  .reserve-button{width:90px;}
  .header{position:relative;padding:20px;}

  .hamburger{
    position:fixed;
    top:10px;
    right:0;
    z-index:100;
    width:58px;
    height:58px;
    border:none;
    background:transparent;
    cursor:pointer;
    display:block;
    background-image:url(../img/top/bg_sp_menu.svg);
    background-repeat:no-repeat;
    background-position:0 -1px;
    background-size:80%;
  }
  .hamburger__line{
    position:absolute;
    left:11px;
    width:26px;
    height:2px;
    background:#000;
    transition:all .4s;
  }
  .hamburger__line:nth-of-type(1){top:24px;}
  .hamburger__line:nth-of-type(2){top:33px;}
  .hamburger__line:nth-of-type(3){top:42px;}
  .hamburger.active .hamburger__line:nth-of-type(1){transform:translateY(9px) rotate(-45deg);}
  .hamburger.active .hamburger__line:nth-of-type(2){opacity:0;}
  .hamburger.active .hamburger__line:nth-of-type(3){transform:translateY(-9px) rotate(45deg);}

  /* Mobile Nav */
  .site-header{
    padding:1em 4.5em 1em .5em;
    background:url(../img/top/bg_sobo_sp.svg);
    background-size:100%;
    background-position:bottom;
    height:200px;
    background-repeat:no-repeat;
  }
  .logo img{width:80px;}
  .nav{
    position:fixed;
    top:90px;
    right:0;
    width:auto;
    background:#fff;
    box-shadow:2px 0 4px rgba(0,0,0,.7);
    transform:translateX(100%);
    transition:transform .4s;
    z-index:90;
    border-radius:20px 0 0 20px;
  }
  .nav.active{transform:translateX(0);}
  .nav__list{margin:0;padding:100px 0 0;list-style:none;}
  .nav__item{padding:0;}
  .reserve-button{height:20px;}
  .site-header ul{padding:0;margin:0;}
  .nav_contact_tel li:nth-child(2){display:none;}
.nav__link{
  display:block;
  padding:15px 0;
  color:#333;
  text-decoration:none;
  border-bottom:1px solid #eee;
}
  .nav__item--lang{display:block;}
  .nav__link--lang{display:block;padding:15px 0;}
  .nav__link--lang img{filter:brightness(0);}
  .nav_contact{display:flex;justify-content:space-between;flex-direction:row-reverse;}
  .nav ul{flex-direction:column;gap:.5em;}
  .nav ul:nth-child(1){gap:1em;}
  .nav{width:70%;}
  .nav li img{height:20px;}

  /* Top */
  .tour-cards{align-items:center;}
  .category-cards{align-items:center;gap:0;flex-wrap:nowrap;padding:0 2em;}
  .categories{background-position:95% 100%;padding-bottom:200px;background-size:300px;}
  .category-card li:nth-child(1){left:0;}
  .category-card li:nth-child(2){
    width:100%;
    height:300px;
    overflow:hidden;
    position:relative;
    border-radius:20px;
    top:-30px;
    z-index:-1;
    box-shadow:3px 3px 8px #ababab;
  }
  .category-card li:nth-child(2) img{width:100%;height:300px;object-fit:cover;object-position:center;}
  .category-card li:nth-child(4){right:0;}

  .hero{padding:10em 2em 0;}
  .hero .logo{width:200px;}
  .hero .txt{width:100%;}

  .news-section{width:90%;padding:0;}
  .news-date{width:85px;font-size:.9em;}
  .news-label{margin:0 .4em 0 0;}

  .tours h2{
    padding:.5em 1em;
    width:85%;
    box-sizing:border-box;
    background:url(../img/top/tour_text_eg.svg) right top/200px no-repeat;
  }
  .tours h2 img{width:100%;}

  .category-cards{flex-wrap:wrap;gap:5vw;}

  .nature-section{
    background:
      url("../img/top/waterfall-gallery_bird.svg") 95% 3%/280px no-repeat,
      linear-gradient(to bottom,#66b9ff 0%,#0074d9 100%) center/cover no-repeat;
  }
  .nature-section::after{height:100px;}
  .nature-section h2{background-size:80%;background-position:80% 45%;}
  .nature-section h2 img{max-width:80%;}
  .nature-section.equipment h2,
  .nature-section.creative h2{
    background-size:300px;
    background-position:70% 55%;
    padding:5em 0 0;
  }
  .nature-section.equipment h2 img,
  .nature-section.creative h2 img{
    padding:2em 0;
  }
  .nature-section.equipment,
  .nature-section.creative{
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:center top,95% 3%,center top;
    background-size:cover,280px,cover;
  }

  .waterfall-item .image-area{width:100%;}
  .waterfall-item .image-area img.photo{border-radius:0;height:350px;}
  .waterfall-gallery{gap:30px;padding:20px 0;}
  .waterfall-item{flex-direction:column;padding:0;box-shadow:none;}
  .waterfall-item .image-area .title-svg{
    position:absolute;
    top:-10%;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:250px;
    z-index:2;
  }
  .waterfall-item .text-area{padding:10px 15px 20px;}
  .waterfall-item h3{font-size:2.1em;}
  .waterfall-item p{font-size:.95rem;width:100%;margin:0 auto;}

  .about{
    background-image:url("../img/top/about_bg_bird.svg");
    background-repeat:no-repeat;
    background-position:95% 0;
    background-size:200px;
  }
  .about h2{background-position:90% 70%;background-size:180px;}
  .about h2 img{max-width:95%;}
  .about_gallery{padding:20px 0;}
  .about_gallery-list{gap:20px;justify-content:space-between;}
  .about_gallery-item{flex:0 0 50%;max-width:47%;min-width:200px;}
  .about_gallery-figure{border-radius:0;}
  .about_gallery-caption{margin-top:14px;font-size:18px;}
  .btn_next{margin-right:10px;}

  .planning h2{background-position:80% 45%;background-size:300px;}
  .planning_gallery-list li:nth-child(2){width:200px;margin:30px auto;}
  .planning_gallery-list li:nth-child(3){width:280px;margin:30px auto;}

  .guide{
    background-image:url(../img/top/waterfall-gallery_bird.svg),url(../img/top/bg_bungooono.jpg);
    background-repeat:no-repeat;
    background-position:70% 5%,center top;
    background-size:280px,cover;
  }
  .guide::before,.guide::after{height:100px;}
  .guide h2{background-image:url(../img/top/guide_title_rub.svg);background-position:70% 55%;background-size:300px;}
  .guide_img{
    width:100%;
    max-width:800px;
    margin:50px auto;
    height:400px;
    object-fit:cover;
    object-position:center;
    display:block;
    border-radius:initial;
  }

  .footer-links{
    background:
      url(../img/top/waterfall-gallery_bird.svg) 95% 20%/280px no-repeat,
      linear-gradient(to bottom,#66b9ff 0%,#0074d9 100%) center/cover no-repeat;
  }
  .footer h2 img{width:50%;}
  .footer h3 img{width:90%;max-width:540px;height:auto;}
  .footer-info .address{font-size:1em;padding: 0 1em;}
  .footer-info .permit{font-size:.8em;padding: 0 1em;}
  .footer-links ul{width:90%;margin:0 auto;}
  .footer-links ul li{width:90%;margin-bottom: 10px;}
}

/* ========== Responsive: <=630px ========== */
@media screen and (max-width:630px){
  .tour-card_list{
    max-width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  .nav_contact{padding:0;}
  .site-header{background-position:top;height:33vw;}
  main::after,.nature-section::after,.nature-section::before{height:100px;}
  .about_gallery-item{max-width:45%;min-width:160px;}
  .footer-links ul li a img{max-width:100%;height: 18px;}
}

/* ========== Responsive: <=320px ========== */
@media screen and (max-width:320px){
  .site-header .logo img{width:65px;}
  .nav_contact_tel img{width:60px;}
  .reserve-button{width:50px;}
}