@media all and (max-width:768px) {
	#header.follow-top .int-logo01, .int-logo01 { width: 125px; height: 22px; }
	#header.follow-top .int-logo02, .int-logo02 { width: 150px; height: 20px; }
	.int-hmr-mtit.main-title .normal { font-size: 5vw; line-height: 8.5vw; }
	.logo-body { gap: 8px; }
	.reg-button { display: none; }
	.int-button-prev, .int-button-next { gap: 10px; }
	.int-pagination { gap: 30px; }
	.int-swiper-pagination { display: none; }
	.int-button-prev span, .int-button-next span, .int-swiper-pagination, .int-swiper-pagination span { font-size: 18px; }	
	.int-button-prev img, .int-button-next img { width: 40px; }
	#header { padding-bottom: 15px; }

	.sub-content-wrap {margin: 80px auto;}
	.copy-warp .company-info, .copy-warp .copyright {display: none;}
	.reg-button a {text-indent: -9999px; padding: 0; width: auto; background: initial; gap: initial;}
	.right-top-menu {gap: 10px;}
	.reg-button a > img {width: 30px; height: 30px;}
	.text-dots span, .text-dots {font-size: 5vw;}
	.main-title .normal {font-size: 5vw;}
	.main-title .button a, .common-head-wrap .more a, .best-ment a, .etc-tour-ment a, .review-more a {font-size: 3vw; width: 26vw; padding: 1.8vw;}	
	.hawaii-etc-ment h3, .tip-title, .head-text h2, .review-head, .booking-info-title {font-size: 5vw;}
	.review-head {margin-bottom: 9.3vw;}
	.etc-tour-ment .big {font-size: 4.2vw;}
	.head-text p, .etc-tour-ment .small {font-size: 3vw; margin-top: 2vw;}
	.best-ment .big {font-size: 6vw;}
	.best-ment .normal {font-size: 4vw; line-height: 4vw;}
	.best-ment .small {font-size: 3.3vw;}
	.main-contents-etctour, .main-contents-banner, .review-wrap {margin: 80px auto 90px;}
	.review-background {top: 60vw;}
	.review-info .customer-info span, .review-info a {font-size: 16px;}
	.review-info .review-text {font-size: 2.5vw;}
    .booking-info-detail p {font-size: 3vw;}
	.office-info-info li {font-size: 3.2vw;}
	.main-contents-banner {width: 100%;}
	.best-tour-wrap {border-radius: 0;}
	.main-visual.img-01 {background-position: 30% 100%;}
	.main-visual.img-02 {background-position: 58% 100%;}
	.main-visual.img-03 {background-position: 50% 100%;}
	.down-scroll {bottom:70px;}
	.etc-tour-ment-lay, .etc-tour-bg {height: 60vw;}
	.tour-list-page-wrap {grid-template-columns: repeat(2, 1fr); gap:15px;}
	.tour-list-thumnail {height: 36vw;}
	.select-custom {width: 130px;}
	.sub-head-text {font-size: 26px; line-height: 36px;}
	.tour-shorts-subject {font-size: 20px;}
	.tour-shorts-price {font-size: 18px;}
	.tour-list-option ul  {display: grid; grid-template-columns: repeat(4, 1fr); margin: 30px 0; gap: 10px; width: 100%;}
	.tour-info-wrap {display: grid;}
	.tour-info-layout {width: 100%;}
	.people-price .price {font-size: 36px;}
	.etc-price-info {font-size: 18px;}
	.detail-info-layout h2, .contact-tit {font-size: 26px;}
	.general-text-style {font-size: 16px; width: calc(100% - 35%);}
	.info-half-title {font-size: 20px; width: 35%;}
	.info-half-title img {width: 25px;}
	.tour-thumnail-wrap {height: 85vw; width: 100%;}
	.tour-info-wrap {gap: 30px;}
	.review-list-lay {display: grid;}
	.review-list-lay .review-thums {width: 100%;}
	.review-list-shorts {width: 100%;}
	.how-trip {height: 90px; -webkit-line-clamp: 3;	margin-bottom: 50px;}
	.review-list-thum {height: 60vw;}
	.play-tour-list li a {font-size: 16px; }
	.how-review-write span {font-size: 16px; padding-left: 10px;}
	.sub-visual.img-02 {background-position: 50% 100%;}
	.count-icon {padding-right: 10px;}
	.writer-name {padding-left: 10px;}
	.review-prev-photo {height: 80vw;}
	.play-tour-list.views {grid-template-columns: repeat(2, 1fr);}
	.activity-booking-wrap {margin-top: 80px;}
	.contact-us-contents {margin-top: 80px; padding-bottom: 80px; display: grid; width: 100%;}
	.contact-us-body {width: 100%;}
	.company-map-info {width: 100%; height: 300px;}
	.sns-list.another li > a > img {width: 15vw;}
	.three-promise {display: grid; gap: 45px;}
	.three-promise li {display: flex; width: 100%; gap: 30px; align-items: center;}
	.three-promise .icon {width: 70px;}
	.three-promise .text {width: calc(100% - 70px);}
	.three-promise .icon img {width: 100%;}
	.three-promise .title {margin: 0 0 15px;}
	.three-promise .ment {margin: 0;}
	.right_icon a {width: 60px; height: 60px;}
	.floating {right: 10px; bottom: 10px;}
	.right_icon a > span {font-size: 18px; line-height:22px;}
	.right_icon a > img {width: 32px; height: 32px;}
	.main-wrap ul li::before {opacity: 0.6;}
	.booking-info-detail p > a > img {width: 90px;}
	.sub-visual.img-01 {background-position: 25% 100%;}

	.guide-ment-box p {height: 90px;}
	.hawaii-etc-ment h3 > span {font-size: 6.2vw;}
	.hawaii-etc-ment p {font-size: 3vw;}
	.collabo-logo, .collabo-ment {width:100%;}
	.collabo-info {display: grid; width: 100%; justify-content: center; gap: 30px;}
	.collabo-logo, .collabo-ment {width: 100%; padding-left: 0; border-left: 0;}
	.collabo-ment h2 {text-align: center; font-size: 6vw; margin-bottom: 20px;}
	.collabo-ment p {width: 66vw; text-align: center; margin: 0 auto 30px; font-size: 3vw; letter-spacing: -0.22vw;}
	.hawaii-etc-ment p, .collabo-ment ul li {font-size: 3vw;}
	.collabo-ment ul {display: grid; justify-content: center;}
	.collabo-ment a {display:none;}
	.collabo-info {margin-bottom: 30px;}
	.m-none {display: none;}
	.photos-lay {width: 100%;}
	.photos-another02 div {width: 100%;}
	.photos-another02 {gap: 20px; display: grid; grid-template-columns: repeat(2, 1fr);}
	.photos-lay a h2 {font-size: 4.5vw;}
	.photos-another02 div {height: 100%;}
	.photos-lay {height: 120vw;}
	.pc-none {display: grid;}
	.collabo-logo li:nth-child(1) {width: 32vw;}
	.collabo-logo li:nth-child(3) {width: 20vw;}
	.follow-top .reg-button a {border: 0 !important;}
	.sub-nav a {font-size: 16px; line-height: 22px;}
	.sub-nav a > br {display:block;}
	.sub-nav {margin-top: 40px;}
	.step-info-wrap {margin-top: 50px;  grid-template-columns: repeat(2, 1fr);  gap: 40px 20px;}
	.step-tit {font-size: 20px; letter-spacing: -1px;}
	.step-ment .more-text {font-size: 16px; letter-spacing: -1px;}
	.step-ment {font-size: 16px;}
	.common-tip-lay {display: grid; justify-content: initial;}
	.common-tip-tit, .common-tip-info {width: 100%; margin-bottom: 30px;}
	.common-tip-tit br {display:none;}
	.common-tip-ment .tip {font-size: 16px; line-height: 30px !important;}
	.common-tip-ment .subject {font-size: 18px; line-height: 28px;}
	.common-tip-wrap {margin-top: 60px;}
	.copy-banner-img img {width: 90%;}

	.int-sns-pop.layer-pop-content { width: 90%; }
	.int-sns-box h2 { font-size: 6vw; font-weight: 600; }
	.int-sns-box p { font-size: 4.5vw; letter-spacing: -0.5px; }
}

@media all and (max-width:540px) {
	.main-wrap, .visual-area {height: 100vh; min-height: 175vw;}
	.main-title-wrap .youtube {top: 35%;}
	.main-title .normal {top: 70%;}
	.main-title .small {font-size: 5vw; letter-spacing: 2px;}
	.main-title .button a {font-size: 4.5vw; width: 34vw; padding: 2vw;}
	.common-head-wrap .more {margin-bottom: 15px;}
	.best-ment a, .etc-tour-ment a, .review-more a {font-size: 4vw; width: 30vw; padding: 2vw;}
	.main-title-wrap {gap: 40px;}
	.common-head-wrap .more a {font-size: 4vw; width: 30vw; padding: 3vw;}
	.best-ment .small br {display: block;}
	.main-title {height: 105vw;}
	.head-text p {font-size: 4vw; margin-top: 3vw; letter-spacing: -0.3vw;}
	.head-text h2 {font-size: 7vw;}
	.tour-list-thum a > span {font-size: 6vw; width: 74vw;}
	.text-dots span, .text-dots {font-size: 6vw;}
	.best-tour-wrap {height: 100vw;}
    .best-ment .big {font-size: 9vw;}
	.best-ment .normal {font-size: 5.5vw; line-height: 5vw;}
	.best-ment .small {font-size: 4.5vw;}
	.best-ment a {font-size: 5vw; width: 40vw; padding: 3vw;}
	.main-contents-etctour {background-color: #fff;}
	.etc-tour-wrap {display: grid; gap: 40px;}
	.etc-tour-list {display: grid; justify-content: initial; background: #f7f7f7; border-radius: 15px; overflow: hidden;}
	.etc-tour-bg {height: 45vw;}
	.etc-tour-ment-lay {height: auto; padding: 25px 25px 40px;}
	.etc-tour-ment-lay {width: 100%; position: relative; order: 1;}
	.etc-tour-bg.bg-01, .etc-tour-bg.bg-03 {right: initial; order: 0; width: 100%; position: relative;}
	.etc-tour-bg.bg-02, .etc-tour-bg.bg-04 {left: initial; position: relative;}
	.etc-tour-ment.left {padding-left: 0;}
	.etc-tour-ment .big {font-size: 6vw; }
	.etc-tour-ment .small {font-size: 4vw; width: 100%;}
	.etc-tour-ment {position: relative; transform: initial; top: initial;}
	.review-head {font-size: 6vw;}
	.review-more a {font-size: 5vw; width: 40vw; padding: 3vw;}
	.review-more {margin-top: 40px;}
	.review-thumnail {height: 50vw;}
	.review-background {top: 93vw;}
	.review-info .tour-list {font-size: 3.8vw; max-width: 100%;}
	.review-info .customer-info {font-size: 4.5vw; letter-spacing: -0.2vw;}
	.review-info .review-text {font-size: 3.8vw;}
	.booking-info-title {font-size: 6vw;}
	.booking-info-title img {width: 6.5vw;}
	.booking-info-detail p {font-size: 4vw;}
	.office-info-info li {font-size: 4.4vw;}
	.sns-list li > a > img {width: 15vw;}
	.office-info-lay {padding: 80px 0 40px;}
	.google-map, .google-map iframe {height: 60vw;}
	.office-info-info li:nth-child(1) img {position: relative; top: -3.5vw;}
	.menuwrap {right: -100%; width: 80%;}
	.tour-list-page-wrap {gap:15px;}
	.tour-shorts-info {padding: 14px 10px 16px;}
	.play-tour-list li, .play-tour-list.views li {width: 46vw;}
	.count-icon ul li:nth-child(2) {display: none;}
	.tour-list-option ul > li {font-size: 16px;}

	.guide-box-wrap {grid-template-columns: repeat(1, 1fr);}
	.guide-ment-box h3, .guide-ment-box p {height: initial;}
	.guide-ment-box p {margin-bottom: 25px;}
	.guide-ment-box h3 {margin-bottom: 15px;}
	.guide-ment-box {padding: 60px 30px 40px;}
	.tip-title {font-size: 7vw;}
	.tour-guide-wrap, .collabo-wrap {margin-top: 80px;}
	.hawaii-etc-ment h3 {font-size: 6vw;}
	.hawaii-etc-ment h3 > span {font-size: 7vw;}
	.hawaii-etc-ment p {font-size: 4vw;}
	.hawaii-etc-ment p > br {display:none;}
	.collabo-logo li:nth-child(1) {width: 44vw;}
	.collabo-logo li:nth-child(3) {width: 22vw;}
	.collabo-ment h2 {font-size: 7vw;}
	.collabo-ment ul li {font-size: 4vw;}
	.collabo-ment p {width: 90vw; font-size: 4.5vw;}
	.guide-box-wrap {gap: 0px;}
}

@media all and (max-width:384px) {
	.tour-list-option ul  {grid-template-columns: repeat(3, 1fr);}
	.tour-list-page-wrap {grid-template-columns: repeat(1, 1fr);}
	.tour-list-thumnail {height: 50vw;}
	.tour-shorts-info {padding: 20px 20px 26px;}
	.info-half-box {display: grid; gap: 20px;}
	.info-half-title {width: 100%;}
	.general-text-style {width: 100%;}
	.tour-detail-info li > dl > dd:nth-child(1) {width: 140px;}
	.tour-detail-info li > dl > dd:nth-child(2) {width: calc(100% - 140px);}
	.count-icon ul li:nth-child(1) {display: none;}
}