#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {font-weight: 500;padding-bottom: 20px;font-size: 35px;letter-spacing: 3px;line-height: 1;}
section .tech-line { width: 145px; display: flex; align-items: center; gap: 10px; }
section .tech-line:before { content: ""; width: 75px; height: 6px; display: block; background: linear-gradient(90deg,#5ff6ff 0%,#20c9f5 100%); clip-path: polygon(0 0,92% 0,100% 100%,0% 100%); }
section .tech-line:after { content: ""; width: 2px; height: 6px; display: block; background: #5ff6ff; transform: skewX(40deg); box-shadow: 7px 0 #5ff6ff,14px 0 #5ff6ff,21px 0 #5ff6ff,28px 0 #5ff6ff,35px 0 #5ff6ff,42px 0 #5ff6ff; }
section .tech-line.reverse { transform: scaleX(-1); }
section .emtitle_box {padding-bottom: 15px;font-style: unset;font-family: 'Inter';font-weight: 500;display: block;line-height: 1;font-size: max(4.5 * (1vw + 1vh) / 2, 35px);font-weight: 700;text-transform: uppercase;font-family: "Inter", sans-serif;letter-spacing: 5px;color: #ffffff;text-shadow: 0 0 12px rgba(0, 217, 255, 0.55), 0 0 26px rgba(var(--primary-rgb), 0.35);}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
@property --a { syntax: "<percentage>"; initial-value: 0%; inherits: true; }
section .gooeyBtn{--a:0%;--x:50;--y:50;--button:var(--primary);display:inline-flex;align-items:center;justify-content:center;min-width:151px;min-height:80px;border:0;outline:0;border-radius:999px;text-decoration:none;cursor:pointer;color:#fff;font-size:16px;font-weight:400;letter-spacing:0.03em;position:relative;padding:0 30px;transition:--a .5s ease-in-out,scale var(--spring-duration) var(--spring-easing);isolation:isolate;}
section .gooeyBtn:hover{--a:100%;scale:1;}
section .gooeyBtn:before{content:"";position:absolute;inset:0;border-radius:999px;filter:blur(10px) url(#goo);background-image:linear-gradient(0deg,var(--primary),var(--primary)),radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%),rgba(var(--primary-rgb),var(--a)) 0%,transparent 90%);background-clip:content-box,border-box;padding:12px;z-index:-1;}


.pageh1{margin-bottom: 35px;font-weight: 400;padding-bottom: 20px;font-size: 17px;letter-spacing: 1px;width: min(90%, 500px);text-align: center;}

/* product_area */
#product_area * {color:white;}
#product_area .bg_box {z-index: -2;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
#product_area .bg_box:before{content:'';position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg,rgb(0 0 0 / 0%), rgb(0 0 0 / 50%));}
#product_area .workframe{width: min(90%, 1400px);}
#product_area .seemore {text-align:center;margin-top: 50px;}
#product_list *{transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;}
#product_area .tit{position: relative;z-index: 5;display: flex;flex-direction: column;align-items: center;}
#product_area .tit .title_box{padding-bottom: 25px;display: flex;align-items: center;gap: 30px;}
#product_area .btn{position:absolute;width: 120%;bottom: calc(50% - 35px);padding: 0;display: flex;justify-content: space-between;z-index: 1;pointer-events: none;left: -10%;align-items: center;}
#product_area .btn a{pointer-events: auto;position: absolute;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#product_area .btn a#product_next{right:0}
#product_list li {position: relative;padding: 30px;box-sizing: border-box;margin: 0 20px;}
#product_list li:before {content: "";position: absolute;inset: 0;border: 1px solid rgba(var(--primary-rgb),0.42);border-radius: 24px;box-shadow: inset 0 0 26px rgba(var(--primary-rgb),0.15),0 0 24px rgba(var(--primary-rgb),0.14);pointer-events: none;transition: 0.4s ease;}
#product_list li:hover:before { border-color: rgba(94,246,255,0.85); box-shadow: inset 0 0 32px rgb(47 164 215/76%),0 0 32px rgba(94,246,255,0.34); }
#product_list .clip {width: 100%;aspect-ratio: 1/1;margin: 0 auto 24px;border-radius: 50%;overflow: visible;position: relative;background: rgba(255,255,255,0.08);box-shadow: 0 0 18px rgba(var(--primary-rgb),0.28),inset 0 0 18px rgba(255,255,255,0.08);}
#product_list .clip:before {content:"";position:absolute;inset: -8px;border-radius: 20px;background:conic-gradient(      from 20deg,rgba(95,246,255,0.95) 0deg,rgba(var(--primary-rgb),0.85) 46deg,rgba(var(--primary-rgb),0.18) 120deg,rgba(95,246,255,0.08) 210deg,rgba(95,246,255,0.9) 330deg,rgba(95,246,255,0.95) 360deg    );z-index:0;}
#product_list .clip:after {content: "";position: absolute;inset: -5px;border-radius: 20px;background: #00132d;z-index: 1;}
#product_list .clip img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;position: relative;z-index: 2;display: block;filter: grayscale(20%) brightness(1.08) contrast(1.05);transform: scale(1);transition: 0.45s ease;}
#product_list .clip img:before { display: none; }
#product_list li:hover .clip img { transform: scale(1.08); }
#product_list li:hover .clip:before {border-radius: 20px;inset: -10px;}
@keyframes productCircleRotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#product_list li:hover .clip img { transform: scale(0.97); }
#product_list .nfo_box { position: relative; z-index: 3; margin-top: 35px; text-align: center; color: #fff; }
#product_list .h3 { color: #fff; font-size: 20px; font-weight: 500; line-height: 1.35; letter-spacing: 0.08em; text-shadow: 0 0 10px rgba(94,246,255,0.35),0 0 22px rgba(var(--primary-rgb),0.24); transition: 0.35s ease; text-align: center; height: auto; }
#product_list li:hover .h3 { color: #8ff6ff; }
#product_list .atag_item { z-index: 8; }
#product_list .slick-arrow { width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(94,246,255,0.55); background: rgba(3,25,52,0.75); box-shadow: inset 0 0 14px rgba(94,246,255,0.18),0 0 18px rgba(var(--primary-rgb),0.22); z-index: 10; transition: 0.35s ease; }
#product_list .slick-arrow:hover { background: rgba(var(--primary-rgb),0.28); border-color: rgba(94,246,255,0.95); box-shadow: 0 0 26px rgba(94,246,255,0.45),inset 0 0 18px rgba(94,246,255,0.22); }
#product_list .slick-prev { left: -70px; }
#product_list .slick-next { right: -70px; }
#product_list .slick-prev:before,#product_list .slick-next:before { color: #8ff6ff; opacity: 1; font-size: 24px; text-shadow: 0 0 10px rgba(94,246,255,0.8); }
#product_list .slick-dots { bottom: -55px; }
#product_list .slick-dots li { width: auto; height: auto; padding: 0; margin: 0 5px; }
#product_list .slick-dots li:before,#product_list .slick-dots li:after { display: none; }
#product_list .slick-dots li button { width: 28px; height: 6px; padding: 0; border-radius: 20px; background: rgba(255,255,255,0.22); transition: 0.35s ease; }
#product_list .slick-dots li button:before { display: none; }
#product_list .slick-dots li.slick-active button { width: 48px; background: linear-gradient(90deg,var(--primary),#5ff6ff); box-shadow: 0 0 14px rgba(94,246,255,0.6); }

/* about_area */
#about_area {background: #021335;position: relative;background-image: url(/images/44/aboutBg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 40%;}
#about_area:before{content:'';position: absolute;top: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgb(1 13 32 / 20%), rgb(3 20 56 / 0%));opacity: .5;}
#about_area *{color:var(--white)}
#about_area .more_btn{background:var(--secondary);}
#about_area .workframe {display: grid;grid-template-columns: 45% 48%;justify-content: space-between;align-items: center;width: 85%;margin: 0 5% 0 auto;}
#about_area #about_info{width: 100%;}
#about_area article p {line-height: 2;font-weight: 400;overflow: hidden;margin: 10px 0 30px;text-align: justify;}
#about_area .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}
#about_area .about_sub_1 {top: -2vw;left: 24vw;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;display: none;}
#about_area .about_sub_1 .clip { -webkit-clip-path: url(#clip_about_sub_1); clip-path: url(#clip_about_sub_1); }
#about_area .about_sub_2 {left: 30vw;z-index: 2;bottom: 0;display: none;}
#about_area .about_sub_2 .clip { -webkit-clip-path: url(#clip_about_sub_2); clip-path: url(#clip_about_sub_2); }
#about_area .about_sub_3 {display: flex;flex-direction: column;align-items: center;position: relative;transform: skewX(2deg);display: none;}

#about_area .about_sub_3 .clip { -webkit-clip-path: url(#clip_about_sub_3); clip-path: url(#clip_about_sub_3); }
@keyframes drinkbox {  0% { top: 0px; }  100% { top: -20px; }}
#fakeNumber { position: relative; z-index: 2; margin: 35px 0; }
#fakeNumber ul { display: grid; align-items: stretch; gap: 26px; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(3,1fr); }
#fakeNumber .eva { padding: 30px; box-sizing: border-box; position: relative; overflow: hidden; border-radius: 18px; box-shadow: inset 0 0 28px rgba(var(--primary-rgb),0.16),0 0 22px rgba(var(--primary-rgb),0.18); transition: 0.4s ease; height: 100%; border: 1px solid transparent; background: linear-gradient(135deg,rgb(7 33 90) 0%,rgb(12 40 111) 100%) padding-box,linear-gradient(135deg,rgba(95,246,255,0.9) 0%,rgba(95,246,255,0.18) 45%,rgba(var(--primary-rgb),0.75) 100%) border-box; }
#fakeNumber .tit { position: relative; z-index: 2; font-size: 16px; font-weight: 400; letter-spacing: 0.08em; line-height: 1.4; margin-bottom: 22px; }
#fakeNumber .h2 { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 6px; color: #dffaff; line-height: 1; margin-bottom: 18px; text-shadow: 0 0 12px rgba(95,246,255,0.45),0 0 24px rgba(var(--primary-rgb),0.32); }
#fakeNumber .h2 b { color: #dffaff; font-size: 55px; font-weight: 700; font-family: "Inter",sans-serif; letter-spacing: 0.02em; line-height: 1; }
#fakeNumber .h2 font { color: #dffaff; font-size: 22px; font-weight: 600; line-height: 1.4; }
#fakeNumber .h2 font:last-child { align-self: flex-end; margin-bottom: 8px; margin-left: 8px; font-size: 15px; font-weight: 300; }
#fakeNumber p { position: relative; z-index: 2; margin: 0; font-size: 16px; font-weight: 400; letter-spacing: 0.08em; line-height: 1.6; }

/* faq_list */
#faq_list {margin-top: 50px;width: 80%;}
#faq_list,#faq_list *{transition:unset;-webkit-transition:unset;}
#faq_list li {border-bottom: 1px rgb(255 255 255 / 30%) solid;}
#faq_list li:first-child{border-top: 1px rgb(255 255 255 / 30%) solid;}
#faq_list li .title {padding: 20px 0;}
#faq_list li .title font { vertical-align: top; }
#faq_list li .title .txt {width: calc(100% - 50px);font-size: 20px;margin-right: 10px;}
#faq_list li .title .icon { width: 40px; height: 34px; }
#faq_list li .title .icon:before, #faq_list li .title .icon:after {position: absolute;margin: auto;width: 14px;height: 2px;background: var(--white);display: block;top: calc((100% - 2px) / 2);left: calc((100% - 14px) / 2);content: "";}
#faq_list li .title .icon:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#faq_list li .info {padding: 0 0 20px;font-size: 16px;font-weight: 200;}
#faq_list li.current .title .icon:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/* custom_area */
#custom_area {padding:0}
#custom_area .workframe {width: 90%;margin: 0;display: grid;grid-template-columns: 50% 42%;justify-content: space-between;}
#custom_area .box{padding: 5vw 0;}
#custom_area .bg img{height:100%;object-fit: cover;}
#faqlist, #faqlist *{transition:unset;-webkit-transition:unset;}
#faqlist{overflow-y: scroll;height: 430px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#faqlist li{border-bottom:1px solid #ddd;padding: 30px 0;width: 95%;}
#faqlist li .icon{font-family: "Anybody", serif;font-size: 20px;font-weight: 600;width: 45px;aspect-ratio: 1/1;background: var(--primary);display: inline-flex;color: #fff;align-items: center;justify-content: center;border-radius: 50px;margin-right: 20px;}
#faqlist li .txt{font-size:20px;color: #1d1d1d;width: calc(100% - 70px);}
#faqlist li .info{border-top:1px solid #ddd;margin-top: 20px;padding: 20px 70px 0;color: #6c6c6c;font-weight: 300;text-align: justify;}
#faqlist::-webkit-scrollbar{width:5px}
#faqlist::-webkit-scrollbar-track{background:rgb(255 255 255 / 0%)}
#faqlist::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4);border-radius:50px}

/* news_area */
#news_area li .info_box { margin: 10px 15px 0; }
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li h3 { margin-top: 10px; height: 60px; line-height: 150%; font-size: 20px; -webkit-line-clamp: 2; }

/* book_area */
#book_area{background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
#book_area .btn{padding:0;display: flex;width: 70%;margin: 0 auto;position: absolute;justify-content: center;top: 11.5%;left: 15%;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);align-items: center;}
#book_area .btn a{position:absolute;left: 0;}
#book_area .btn a#book_next{right:0;left: unset;}
#book_area .title_box{color: white;padding-bottom: 1.5vw;}
#book_area .tt{word-spacing: 100vw;margin-bottom: 35px;font-weight: 400;padding-bottom: 20px;font-size: 17px;letter-spacing: 1px;text-align: center;color: white;}
#book_area .workframe{width: min(90%, 1240px);}
#book_area .blist {position: relative;z-index: 2;padding: 20px 0 0;overflow: hidden;}
#book_area .blist ul { position: relative; margin: 0 -14px; padding: 0; list-style: none; }
#book_area .blist .slick-list { overflow: visible; }
#book_area .blist li { position: relative; margin: 0 15px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(var(--primary-rgb),0.42); }
#book_area .blist li:before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(var(--primary-rgb),0.42); border-radius: 30px; box-shadow: inset 0 0 26px rgba(var(--primary-rgb),0.15),0 0 24px rgba(var(--primary-rgb),0.14); pointer-events: none; transition: 0.4s ease; }
#book_area .blist li:hover { border-color: rgba(94,246,255,0.85); }
#book_area .blist .img_box { position: relative; aspect-ratio: 4/3; margin: 0; overflow: hidden; }
#book_area .blist .img_box:before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,20,42,0.05) 0%,rgba(3,20,42,0.18) 58%,rgba(3,20,42,0.52) 100%),radial-gradient(circle at 18% 18%,rgba(95,246,255,0.22),transparent 36%); z-index: 2; pointer-events: none; }
#book_area .blist .img_box:after { content: ""; position: absolute; left: 18px; top: 18px; width: 76px; height: 28px; border-radius: 999px; background: linear-gradient(90deg,rgba(var(--primary-rgb),0.95),rgba(95,246,255,0.75)); box-shadow: 0 0 16px rgba(95,246,255,0.45); z-index: 3; opacity: 0.85; pointer-events: none; }
#book_area .blist .img_box img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.55s ease; }
#book_area .blist li:hover .img_box img { transform: scale(1.1); }
#book_area .blist .info { position: relative; min-height: 118px; padding: 26px 74px 28px 26px; border-radius: 0 0 18px 18px; background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(239,248,253,0.98) 100%); }
#book_area .blist .info .h3 {color: #08213d;font-size: 22px;font-weight: 600;line-height: 1.35;letter-spacing: 0.06em;margin-bottom: 10px;transition: 0.35s ease;}
#book_area .blist .info p { margin: 0; font-size: 15px; line-height: 1.7; min-height: 1px; color: #08213d; -webkit-line-clamp: 2; height: auto; }
#book_area .blist li:hover .info .h3 {color: var(--primary);}
#book_area .blist .obslink { position: absolute; right: 24px; bottom: 26px; width: 44px; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 30%,rgba(95,246,255,0.38),transparent 42%),linear-gradient(135deg,#08213d,#06172c); border: 1px solid rgba(95,246,255,0.38); box-shadow: inset 0 0 14px rgba(95,246,255,0.14),0 0 16px rgba(var(--primary-rgb),0.22); transition: 0.35s ease; }
#book_area .blist .obslink img { width: 15px; height: 15px; object-fit: contain; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(95,246,255,0.75)); transition: 0.35s ease; }
#book_area .blist li:hover .obslink { background: radial-gradient(circle at 35% 30%,rgba(255,255,255,0.3),transparent 42%),linear-gradient(135deg,var(--primary),#5ff6ff); box-shadow: 0 0 24px rgba(95,246,255,0.55),inset 0 0 18px rgba(255,255,255,0.16); }
#book_area .blist li:hover .obslink img { transform: translateX(3px); }
#book_area .blist .slick-arrow { width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(95,246,255,0.45); background: rgba(4,24,48,0.82); box-shadow: inset 0 0 14px rgba(95,246,255,0.16),0 0 18px rgba(var(--primary-rgb),0.2); z-index: 10; transition: 0.35s ease; }
#book_area .blist .slick-arrow:hover { border-color: rgba(95,246,255,0.95); background: rgba(var(--primary-rgb),0.38); box-shadow: 0 0 28px rgba(95,246,255,0.46),inset 0 0 18px rgba(95,246,255,0.22); }
#book_area .blist .slick-prev { left: -72px; }
#book_area .blist .slick-next { right: -72px; }
#book_area .blist .slick-prev:before,#book_area .blist .slick-next:before { color: #8ff6ff; opacity: 1; font-size: 24px; text-shadow: 0 0 10px rgba(95,246,255,0.82); }
#book_area .blist .slick-dots { bottom: -46px; }
#book_area .blist .slick-dots li { width: auto; height: auto; padding: 0; margin: 0 5px; }
#book_area .blist .slick-dots li:before { display: none; }
#book_area .blist .slick-dots li button { width: 28px; height: 6px; padding: 0; border-radius: 999px; background: rgba(255,255,255,0.25); transition: 0.35s ease; }
#book_area .blist .slick-dots li button:before { display: none; }
#book_area .blist .slick-dots li.slick-active button { width: 48px; background: linear-gradient(90deg,var(--primary),#5ff6ff); box-shadow: 0 0 14px rgba(95,246,255,0.6); }

/* photo_area */
#photo_area .item {width: 260px;height: 200px;}
#photo_area .item img {height: 100%;object-fit: cover;}

@media screen and (max-width: 1680px) {
    #fakeNumber .h2 b{font-size: 38px;}
    #product_area .btn{left: -5%;width: 110%;}
	#about_area .about_sub_1{left: 9vw;top: 56%;width: 50vw;}
	#about_area .about_sub_2{left: 35vw;}
    #about_area .workframe{width: 90%;margin: 0 2.5% 0 auto;}
}
@media screen and (max-width: 1470px) {
    #about_area .workframe{width: 90%;margin: 0 auto;grid-template-columns: 55% 40%;}
    #about_area{background-position: 0% 40%;}
    #product_area .btn{left: -2.5%;width: 105%;bottom: calc(50% - 5px);}
	#book_area .btn{top: 14.5%;}
	#product_list li .nfo_box .h3{font-size: 18px;}
	#product_list li:before, #product_area:before{zoom: 70%;}
	#product_list li{margin: 20px 20px;}
	#about_area .about_sub_3{right: -3vw;}
	#product_list{width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 1280px) {
    #about_area .workframe{grid-template-columns: 60% 40%;}
    #product_area .bg_box{background-size: 150%;}
    #product_area .seemore{margin-top: 30px;}
	#faqlist li .txt{font-size:18px;}
}
@media screen and (max-width: 1024px) {
    #about_area article p{width:80%}
    #about_area{background-position: 30% 50%;}
    #about_area:before{background: linear-gradient(90deg, rgb(1 13 32 / 5%), rgb(3 20 56));opacity: .85;}
    #about_area .workframe{display:flex;}
    #about_area #about_info{width: 75%;}
	#product_list li:before, #product_area:before{zoom: 60%;}
	#product_list {width: 90%;}
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
    #about_area{background-position: 0% 50%;}
    #about_area article p{width: 90%;margin: 0 auto;text-align: center;}
    #product_area .bg_box{background-size:cover}
	#custom_area .workframe{grid-template-columns:1fr;width: 100%;}
	#custom_area .box{width:90%;margin: 0 auto;padding: 8vw 0;}
	#book_area .btn{justify-content: space-between;top: 6.5%;width: 90%;left: 5%;}
	@keyframes drinkbox{0%{top:40%}100%{top:50%}}
	#faq_list{width:100%;}
	section{padding:8vw 0}
	#about_area .workframe{grid-template-columns:1fr;}
	#product_list:after{border-radius:20px;bottom: 0;}
	#product_list li{margin: 0 15px;}
	#product_area .tit{position:relative;}
	#product_list {width: 90%;padding-bottom: 0;}
	#product_area{padding: 90px 0 70px;}
	#about_area #about_info {margin-bottom: 8vw;display: flex;flex-direction: column;align-items: center;width: 100%;}
	#about_area .about_sub_2 {top: auto;bottom: 28vw;width: 30vw;left: 17vw;}
	#about_area .about_sub_3 {width: 29vw;right: 5vw;display: none;}
	#custom_area .bg img{display:none;}
	#about_info >.tit{display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 760px) {
    #fakeNumber .h2 b{font-size: 35px;font-weight: 600;}
    section .tech-line{width: 80px;}
    section .tech-line:after{box-shadow: 7px 0 #5ff6ff, 14px 0 #5ff6ff, 21px 0 #5ff6ff, 28px 0 #5ff6ff;}
    section .tech-line:before{width: 25px;}
    #product_area .tit .title_box{gap:10px;}
	#custom_area .bg img{height:auto;}
	#about_area .about_sub_3 {width: 45vw;right: -16vw;}
	#about_area .about_sub_1{left: 1vw;top: 64%;width: 80vw;}
	#about_area{border-radius: 0;}
	#product_list li .nfo_box .h3{font-size: 20px;}
	section, #product_area, #about_area {padding: 18vw 0;}
    #about_area{padding-top: 5vw;}
	#product_sub_list>div { margin: 10px auto 50px; }
	#product_sub_list li { width: 150px; }
	#product_sub_list li .clip { height: 150px; }
	#product_list { width: 70vw; }
	#product_list li .clip {}
	#product_list li .info_box { width: 45vw; height: 30vw; }
	#product_list li img{width: min(250px , 100%);}
	#about_area #fakeNumber ul{flex-wrap: wrap;gap: 10px;grid-template-columns: repeat(2, 1fr);}
    #about_area #fakeNumber li:nth-child(2){order:2;grid-column: 1 / 3;}
    #fakeNumber .eva{padding: 15px;}
	#product_area .btn a{width: 30px;}
    #fakeNumber{width:100%}
}
@media screen and (max-width: 550px) {
    #book_area{background-position: 0% 50%;}
	#about_area article p{width: 95%;}
    #book_area .btn{display:none;}
	@keyframes drinkbox{0%{top:50%}100%{top:55%}}
	#product_list li{margin: 0 45px;}
	#product_list li .nfo_box{margin-top: 20px;}
	#product_area:before{zoom: 40%;}
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#product_list { width: 90vw; }
	#product_list li .clip {}
	#product_list li .clip img{margin:0 auto;}
	#product_list li .info_box { width: 55vw; height: 40vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 {bottom: 68vw;width: 50vw;left: 3vw;}
	#news_area li .row { margin: auto; width: 280px; }
	#faqlist li .info{padding:20px 0 0}
    .pageh1, #book_area .tt{font-size: 15px;}
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}