@media screen and (max-width:767px) {
article {margin-bottom: 12vw;}
.right{text-align: center;}
.main-wrapper {width: 90%;}
header {margin: 0 0 12vw 0;}
	
.logo-menu {margin: 9.5vw 0 0 0; padding: 2vw 0;}
.logo-menu-left {width: 100%;}
.logo-menu-left img{width: 30%; margin: 0 auto; display: block; transition-duration: 0.3s;}
.logo-menu-right {width: 100%;}
	
aside.scroll .logo-menu {padding: 1.5vw 0 2.5vw 0;}
aside.scroll .logo-menu-left {width: 100%;}
aside.scroll .logo-menu-left img{width: 20%; transition-duration: 0.3s;}
aside.scroll .logo-menu-right {width: 100%;}
	
.headers{padding:0; margin: 31.5vw 0 0 0;}
.headers figcaption{font-size:5vw; line-height:6.5vw; top:5vw; left: 5vw; width: 60%;}
.headers figcaption p{display: none;}
.h-btn {font-size: 3.5vw; line-height: 4vw; margin: 5vw 0 0 0; border-radius: 1.5vw;}
.h-btn a{padding: 3vw 5vw;}
	
.phead-01{font-size: 6vw; margin: 0 0 6vw 0;}
.block-area-01{margin: 5vw 0 0 0;}
.block-area-01 li{width: 100%; display: block; margin: 0 0 5vw 0;}

.card {border-radius: 3vw;}
.card-overlay {padding: 5vw 5vw 3vw 5vw;}
.card-content h2 {font-size: 5vw;}
.detail-text {margin-top: 3vw; font-size: 4vw; line-height: 5vw;}
.c-margin{margin: 0 0 5vw 0;}
	
.info-card {border-radius: 3vw;}
.text-content {padding: 5vw;}
.text-content h2 {margin: 0 0 3vw 0; font-size: 5vw;}
.text-content p {font-size: 4vw; line-height: 5vw;}
	
.explore-bg{padding: 12vw 0 14vw 0; margin: 18vw 0 14vw 0 !important;}
.block02-box{width:44%; height: 30vw; margin: 0 3%; padding: 4vw; border-radius: 3vw;}
.block02-box figcaption{font-size: 3.5vw; font-weight: 600; top:20vw;}
.gap-below{margin-bottom: 4vw;}
.gap-below-02{margin-bottom: 4vw;}
	
.mid-txt{width: 95%;}
.body-txt{font-size:4vw; line-height:6vw;}

.block03-area{margin: 8vw 0 0 0;}
.block03-left{width: 100%; display: block; margin: 0 0 8vw 0;}
.block03-area ul{margin: 0 0 5vw 0;}
.block03-left li{margin: 0 0 3vw 0;}
.block03-left li img{width: 4vw; margin: 2.5vw 1.5vw 3vw 0;}
.block03-right{width: 100%; display: block;}

.phead-02{font-size: 5vw; line-height: 7vw; margin: 0 0 4vw 0;}
	
.blue-bg{padding: 12vw 0 16vw 0;}

.ltabs{display:flex; gap:10px;flex-wrap:wrap; margin: 0 0 5vw 0;}
.ltab{padding:3vw 5vw; border-radius:2vw; font-size:3vw;}
.plist{margin: 5vw 0 0 0;}
.pitem{border-radius:3vw; padding:4vw 5vw; font-size:3.5vw;}
.pitem img{width:5vw; height:5vw;}
	
.block04{margin: 6vw 5vw 0 5vw;}
.block04 figure{padding: 3vw; border-radius: 3vw;}
.block04 figure img{border-radius: 3vw;}
.block04 figcaption{padding: 4vw 0 0 0;}
	
.h-btn-02 {font-size: 3.5vw; line-height: 4vw; margin: 5vw 0 0 0; border-radius: 1.5vw;}
.h-btn-02 a{padding: 3vw 5vw;}
	
.block05{margin: 6vw 4vw 8vw 4vw; padding: 3vw; border-radius: 3vw;}
.block05 figure{display: block; width: 100%; margin: 0 0 5vw 0;}
.block05 figure img{border-radius: 3vw;}
.block05 figcaption{display: block; width: 100%; font-size:3.5vw; line-height:5vw;}
.block05 figcaption p{margin: 0 0 3vw 0;}
	
.north-bg{padding: 12vw 0 14vw 0; margin: 18vw 0 14vw 0 !important;}
.block06-area-left{width: 100%; display: block; margin: 0 0 8vw 0; text-align: center;}
.block06-area-right{width: 100%; display: block;}
.btn-margin{margin: 6vw 0 0 0;}
.block06-box{padding: 4vw 5vw; border-radius: 3vw; width: 48%; margin:0 1% 3vw 1%; font-size: 3.5vw; min-height: 30vw; vertical-align: top;}
.block06-box img{margin-bottom: 3vw;}
	
.block07-area{margin: 6vw 0 0 0; text-align: center;}
.block07-box{width: 48%; margin: 0 1% 3vw 1%;}
.block07-box figure{border-radius: 3vw; margin-bottom: 5vw; padding: 3vw;}
.block07-box figcaption{font-size: 3.5vw;}
	
.footer-01{padding: 12vw 0 9vw 0;}
.footer-01 li{width: 100%; display: block; margin: 0 0 5vw 0;}
.footer-01 li figure{width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 4vw; border-radius: 3vw; 
padding: 3vw 8vw;}
.footer-01 h3{font-size: 4.5vw; margin: 0 0 4vw 0;}
.footer-social{margin: 0 0 10vw 0; text-align: center;}
.footer-social i{font-size: 3.8vw; padding: 3vw 3vw 3vw 3vw; width: 11vw; height: 11vw; margin: 0 3vw 0 0;}
.footer-mid li{margin: 0 0 3vw 0; display: inline-block; font-size: 3vw;}
.footer-mid li i{font-size: 3vw; margin: 0 1vw 0 0;}
.footer-01 li:last-child{font-size: 3vw; line-height: 5vw;}
.footer-01 li:last-child p{margin: 0 0 4vw 0;}
.footer-01 li:last-child i{margin: 0 1vw 0 0;}

.footer-02{padding: 5vw 0; text-align: center;}
.footer-02-left{width: 100%; display: block; font-size: 3vw; line-height: 5vw;}
.footer-02-right{width: 100%; display: block; font-size: 3vw; text-align: center;}
	
#topBtn {padding: 3vw; width: 11vw; height: 11vw;}
	
.call-btn {
    /* Reset Positioning for Bottom */
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none; /* Removes the vertical centering math */
    
    /* Reset Text to Horizontal */
    writing-mode: horizontal-tb;
    text-align: center;
    
    /* Adjust Visuals for Full-Width Footer Button */
    width: 60%; margin: 0 auto;
    padding: 7px 0;
    border-radius: 2vw 2vw 0 0; /* Remove rounded corners */
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); /* Shadow on top of button */
  }
}

