#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .entitle_box {
        font-size: 45px;
        font-family: "Crimson Text", serif;
        line-height: 1;
        text-transform: capitalize;
        background: linear-gradient(
        135deg,
        #8c5a18 0%,
        #c9952e 25%,
        #ffe08a 50%,
        #d6a84a 72%,
        #7a4a10 100%
    );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        }
section .title_box {font-size: 25px;font-weight: 600;letter-spacing: 4px;color: #e7c683;background: linear-gradient(135deg, #e7c683 0%, #c9952e 25%, #ffe08a 50%, #d6a84a 72%, #e7c683 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
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%); }

/* about_area */
#about_area{overflow:hidden;}
#about_area::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--primary);pointer-events: none;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;z-index: -3;}
#about_area .videobox{position:absolute;width: 40%;height: 100%;left: 0;top: 0;z-index: -1;opacity: .95;}
#about_area .videobox:before{content:'';position: absolute;width: 130%;height: 100%;top: 0;left: 0;background: linear-gradient(270deg, rgb(75 18 13 / 0%) 5%, #210a08 20%, rgb(37 13 10 / 45%) 100%);z-index: 1;}
#about_area .videobox2{position:absolute;right: 0;top: 0;z-index: -2;width: 100%;height: 100%;overflow: hidden;opacity: .7;}
#about_area .videobox2:before{content:'';position: absolute;width: 120%;height: 100%;top: 0;left: 0;background: linear-gradient(
270deg, var(--triadic1) 20%, rgb(75 18 13 / 0%) 70%);z-index: 1;}
#about_area .video-bg video{width:100%;position:absolute;left: 0px;top: 0px;}
#about_area .about_area_inner {position: relative;z-index: 2;margin: 0 auto;display: grid;grid-template-columns: 30% 65%;align-items: center;justify-content: space-between;}
#about_area .bg_text {position: absolute;right: 8%;bottom: 120px;z-index: 5;font-family: 'Crimson Text';font-size: 150px;letter-spacing: .02em;color: #e7c683;line-height: 1;pointer-events: none;}
#about_area .text_area {position: relative;z-index: 3;margin: 100px 0;}
#about_area .title_group { margin-bottom: 28px; }
#about_area .en { display: inline-flex; align-items: center; gap: 12px; font-size: 17px; letter-spacing: .13em; color: #1f3148; font-family: "Cormorant Garamond","Times New Roman",serif; text-transform: uppercase; }
#about_area .en::before,#about_area .en::after { content: ""; display: block; width: 1px; height: 14px; background: #1f3148; opacity: .65; }
#about_area h2 { margin: 12px 0 0; font-size: clamp(28px,3.2vw,42px); font-weight: 400; letter-spacing: .16em; color: #1c314b; line-height: 1.35; }
#about_area .line {position: relative;width: 100%;height: 1px;background: var(--gray);margin: 0 0 34px;}
#about_area .line::after {content: "";position: absolute;right: 0;top: -3px;width: 7px;height: 7px;border-radius: 50%;background: var(--gray);}
#about_area .intro h1 {margin: 0 0 26px;font-size: 22px;font-weight: 400;line-height: 1.5;letter-spacing: .08em;word-break: keep-all;}
#about_area .intro article p {margin: 0 0 15px;line-height: 2;letter-spacing: .08em;}
#about_area .btn_group { display: flex; gap: 24px; margin-top: 38px; }
#about_area .more_btn{color:var(--primary)}
#about_area .btn { position: relative; display: inline-flex; align-items: center; justify-content: space-between; min-width: 165px; height: 46px; padding: 0 28px; border-radius: 999px; font-size: 14px; letter-spacing: .08em; text-decoration: none; font-family: "Noto Sans TC","Microsoft JhengHei",sans-serif; transition: all .35s ease; overflow: hidden; }
#about_area .btn span { position: relative; z-index: 2; }
#about_area .btn i { position: relative; z-index: 2; width: 34px; height: 1px; margin-left: 18px; background: currentColor; transition: all .35s ease; }
#about_area .btn i::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
#about_area .btn.primary { background: #1d304b; color: #fff; box-shadow: 0 14px 28px rgba(29,48,75,.12); }
#about_area .btn.secondary { background: rgba(190,205,215,.55); color: #1d304b; }
#about_area .btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 60%); opacity: 0; transition: opacity .35s ease; }
#about_area .btn:hover { transform: translateY(-3px); }
#about_area .btn:hover::before { opacity: 1; }
#about_area .btn:hover i { width: 44px; }
#about_area .photo_area {position: relative;height: 100%;z-index: 2;}
#about_area .photo {position: absolute;transition: none;}
#about_area .photo img {width: 100%;height: 100%;object-fit: cover;display: block;filter: saturate(.92) contrast(.96) brightness(1.02);transition: transform .7s ease;}
#about_area .photo_main {right: 8%;top: 0;width: 80%;aspect-ratio: 1.6/1;}
#about_area .photo_sub_1 {left: 2%;bottom: 10%;width: 26%;aspect-ratio: 3/4;z-index: 3;}
#about_area .photo_sub_1:after{content:'';position: absolute;width: 100%;height: 100%;top: -25px;left: 25px;border: 1px solid #f0cc7e;z-index: -1;}
#about_area .photo_sub_2 {right: 0;bottom: 5px;width: 55%;aspect-ratio: 4/3;z-index: -1;}
#about_area .photo_main::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg,rgba(255,255,255,.08),rgba(30,48,75,.08));pointer-events: none;}

/* book_area */
#book_area.env_luxury_area {position: relative;background: radial-gradient(circle at 18% 20%,rgba(214,168,74,.16),transparent 28%),radial-gradient(circle at 82% 78%,rgba(139,30,24,.24),transparent 32%),linear-gradient(135deg,#080403 0%,#220807 48%,#080403 100%);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
#book_area .workframe { position: relative; z-index: 2; }
#book_area .env_title {text-align: center;margin-bottom: 55px;}
#book_area .env_title_en {display: inline-flex;align-items: center;gap: 18px;margin-bottom: 10px;line-height: 1.3;font-size: 35px;font-weight: 600;letter-spacing: 4px;background: linear-gradient(135deg, #e7c683 0%, #c9952e 25%, #ffe08a 50%, #d6a84a 72%, #e7c683 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
#book_area .env_title_en i { display: block; width: 58px; height: 1px; background: linear-gradient(90deg,transparent,rgba(214,168,74,.95),transparent); }
#book_area .env_title h2 {margin: 0;font-size: 17px;font-weight: 400;letter-spacing: .22em;color: rgba(255,248,232,.8);text-align: center;}
#book_area .env_slider_wrap {position: relative;padding: 0 30px;}
#book_area .env_slider {margin: 0;padding: 0;list-style: none;position: relative;transform: skewX(-10deg);}
#book_area .env_slider .slick-list { overflow: hidden; }
#book_area .env_slider .slick-track { display: flex; align-items: stretch; }
#book_area .env_slider li {padding: 0 5px;}
#book_area .env_item {position: relative;display: block;height: 190px;text-decoration: none;color: #f6df98;overflow: hidden;transform: skewX(0deg);border: 1px solid #bd9d5d;background: #130605;box-shadow: 0 16px 38px rgba(0,0,0,.45);}
#book_area .env_item:before {content: "";position: absolute;inset: 0;z-index: 3;background: linear-gradient(180deg, transparent 35%, rgb(11 0 1) 100%), linear-gradient(135deg, rgba(255, 224, 138, .18), transparent 35%);pointer-events: none;}
#book_area .env_item:after {content: "";position: absolute;top: 0;left: -85%;z-index: 4;width: 58%;height: 100%;border: 1px solid #f0cc7e;transform: skewX(-18deg);transition: all .75s ease;pointer-events: none;}
#book_area .env_img {width: 100%;height: 100%;transform: skewX(10deg) scale(1.18);transform-origin: center;overflow: hidden;aspect-ratio: 3.5/4;}
#book_area .env_img img { display: block; width: 100%; height: 100%; transition: transform 1s ease,filter 1s ease; }
#book_area .env_name {position: absolute;left: 50%;bottom: 18px;z-index: 5;transform: translateX(-50%) skewX(10deg);width: 90%;text-align: center;font-size: 18px;font-weight: 500;letter-spacing: .16em;color: #f6df98;text-shadow: 0 2px 10px rgba(0,0,0,.75);}
#book_area .env_item:hover { border-color: #ffe08a; box-shadow: 0 20px 50px rgba(0,0,0,.55),0 0 22px rgba(214,168,74,.28); }
#book_area .env_item:hover .env_img img { transform: scale(1.08); filter: brightness(1.12) saturate(1.08); }
#book_area .env_arrow { position: absolute; top: 50%; z-index: 8; width: 48px; height: 48px; border-radius: 50%; transform: translateY(-50%); background: linear-gradient(135deg,#cb9836,#fce88c,#cb9836); border: 1px solid rgba(255,224,138,.65); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s ease; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
#book_area .env_arrow svg { width: 24px; height: 24px; fill: #2a0906; }
#book_area .env_arrow:hover { transform: translateY(-50%) scale(1.08); box-shadow: 0 10px 28px rgba(203,152,54,.38),0 0 18px rgba(255,224,138,.25); }
#book_area .env_more_box { margin-top: 60px; text-align: center; }
.env_ctrl { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
.env_ctrl button { position: absolute; top: 50%; width: 50px; aspect-ratio: 1/1; padding: 0; border: 0; border-radius: 50%; background: linear-gradient(135deg,#ffe08a 0%,#d6a84a 72%,#e7c683 180%); box-shadow: 0 8px 24px rgba(0,0,0,.35),inset 0 0 8px rgba(255,255,255,.28); transform: translateY(-50%); cursor: pointer; pointer-events: auto; overflow: hidden; transition: all .4s ease; }
.env_ctrl button:after { content:"";position:absolute;top:0;left:-85%;width:60%;height:100%;background:linear-gradient(  90deg,transparent,rgba(255,255,255,.55),transparent    );transform:skewX(-25deg);transition:all .65s ease;}
.env_ctrl button:hover { transform: translateY(-50%) scale(1.08); background: linear-gradient(135deg,#fce88c 0%,#cb9836 48%,#fff0a8 100%); box-shadow: 0 10px 28px rgba(203,152,54,.38),0 0 18px rgba(255,224,138,.25),inset 0 0 10px rgba(255,255,255,.35); }
.env_ctrl button:hover:after { left: 125%; }
.env_ctrl .env_prev:hover:before { transform: translate(-45%,-50%) rotate(45deg); }
.env_ctrl .env_next:hover:before { transform: translate(-55%,-50%) rotate(-135deg); }
#book_area .env_slider .slick-list { overflow: hidden; }
#book_area .env_slider .slick-track { display: flex; }
#book_area .env_slider .slick-slide { height: auto; }
#book_area .env_slider .slick-slide > div { height: 100%; }
#book_area .env_arrow { width: 46px; height: 46px; border: 1px solid rgba(195,154,117,.65); background: rgba(0,0,0,.45); border-radius: 50%; position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); cursor: pointer; }
#book_area .env_prev { left: -5%; }
#book_area .env_next { right: -5%; }
#book_area .env_prev:before,#book_area .env_next:before { content: ''; width: 10px; height: 10px; border-top: 1px solid var(--primary); border-right: 1px solid var(--primary); position: absolute; top: 50%; left: 50%; }
#book_area .env_prev:before { transform: translate(-35%,-50%) rotate(-135deg); }
#book_area .env_next:before { transform: translate(-65%,-50%) rotate(45deg); }

/* custom_area */
#custom_area {position: relative;background: linear-gradient(90deg, #1d0706 0%, var(--primary) 28%, var(--triadic1) 52%, var(--primary) 72%, #180806 100%);padding: 3vw 0;}
#custom_area .luxury_service_bar {position: relative;width: min(90%, 1200px);margin: 0 auto;}
#custom_area .luxury_service_bar .btn_group {margin-top: 40px;text-align: center;}
#custom_area:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: linear-gradient(90deg, #ffe491, rgb(255 197 103), #ffd880);}
#custom_area .luxury_service_inner {position: relative;display: grid;grid-template-columns: repeat(4,1fr);}
#custom_area .info {position: relative;display: flex;align-items: center;gap: 25px;padding: 0 38px;color: #fff8e8;text-decoration: none;transition: all .45s ease;}
#custom_area .info:not(:last-child):after {content:"";position:absolute;right:3px;width:1px;height:90%;background:linear-gradient(180deg,transparent,rgba(214,168,74,.75),transparent);}
#custom_area .luxury_service_icon {width: 60px;display: flex;align-items: center;justify-content: center;}
#custom_area .luxury_service_icon img {display: block;object-fit: contain;transition: all .45s ease;aspect-ratio: 1/1;}
#custom_area .luxury_service_txt { flex: 1; min-width: 0; }
#custom_area .luxury_service_txt .h3 {margin: 0 0 8px;font-size: 20px;font-weight: 600;line-height: 1.25;letter-spacing: .12em;color: #e7c683;}
#custom_area .luxury_service_desc {font-size: 15px;line-height: 1.5;letter-spacing: .08em;color: white;}
#custom_area .luxury_service_desc p { margin: 0; }
#custom_area .luxury_service_item:hover { background: linear-gradient(180deg,rgba(214,168,74,.12),rgba(214,168,74,.03)); }
#custom_area .luxury_service_item:hover h3 { color: #ffe08a; }

/* news_area */
#news_area li .img_box , #book_area li .img_box { border-radius: 15px; background-color: #f9f9f9; }
#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; }

/* jaguarBenefit */
#jaguarBenefit::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: var(--primary);pointer-events: none;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;z-index: -3;}
#jaguarBenefit .videobox{position:absolute;width: 40%;height: 100%;left: 0;top: 0;z-index: -1;opacity: .95;}
#jaguarBenefit .videobox .video-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
#jaguarBenefit .videobox:before{content:'';position: absolute;width: 130%;height: 100%;top: 0;left: 0;background: linear-gradient(270deg, rgb(75 18 13 / 0%) 5%, #210a08 20%, rgb(37 13 10 / 45%) 100%);z-index: 1;}
#jaguarBenefit .videobox2{position:absolute;right: 0;top: 0;z-index: -2;width: 100%;height: 100%;overflow: hidden;opacity: .7;}
#jaguarBenefit .videobox2:before{content:'';position: absolute;width: 120%;height: 100%;top: 0;left: 0;background: linear-gradient(
270deg, var(--triadic1) 20%, rgb(75 18 13 / 0%) 70%);z-index: 1;}
#jaguarBenefit .video-bg video{width:100%;position:absolute;left: 0px; top: 0px;}
#jaguarBenefit .videobox .video-bg video{width: auto;height: 100%;left: -69%;}
#jaguarBenefit {position: relative;overflow: hidden;padding-bottom: 0;}
#jaguarBenefit:after {content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 310px;background-image: url(/images/44/banner-bottom.png);background-size: 100%;background-repeat: no-repeat;background-position: 0% 100%;z-index: 3;transform: scaleX(-1);pointer-events: none;}
#jaguarBenefit .jb_bg { position: absolute; inset: 0; background: radial-gradient(circle at 18% 35%,rgba(120,18,12,.72),transparent 35%),radial-gradient(circle at 82% 18%,rgba(216,139,38,.22),transparent 30%),linear-gradient(100deg,rgba(18,5,4,.96) 0%,rgba(82,14,10,.9) 46%,rgba(20,6,5,.98) 100%),url('/userfiles/images/index/jaguar_red_gold_bg.jpg') center/cover no-repeat; opacity: 1; }
#jaguarBenefit .jb_bg:before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(90deg,rgba(214,174,84,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(214,174,84,.04) 1px,transparent 1px); background-size: 70px 70px; opacity: .45; }
#jaguarBenefit .jb_bg:after { content: ''; position: absolute; right: -12%; top: -38%; width: 720px; height: 720px; border: 1px solid rgba(231,185,86,.28); border-radius: 50%; box-shadow: 0 0 80px rgba(202,117,35,.18); }
#jaguarBenefit .jb_wrap {width: min(90%, 1200px);margin: 0 auto;position: relative;z-index: 2;}
#jaguarBenefit .jb_title {text-align: center;margin-bottom: 50px;display: flex;flex-direction: column;align-items: flex-end;padding-right: 10%;}
#jaguarBenefit .jb_title span {display: inline-block;font-size: 13px;letter-spacing: 5px;color: rgba(238,199,111,.82);margin-bottom: 15px;font-family: 'Crimson Text';background: linear-gradient(135deg, #8c5a18 0%, #c9952e 25%, #ffe08a 50%, #d6a84a 72%, #7a4a10 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
#jaguarBenefit .jb_title h2 {margin: 0;font-size: 35px;line-height: 1.25;letter-spacing: 7px;font-weight: 600;text-shadow: 0 8px 30px rgba(0,0,0,.55);background: linear-gradient(135deg, #e7c683 0%, #c9952e 25%, #ffe08a 50%, #d6a84a 72%, #e7c683 100%);-webkit-background-clip: text;background-clip: text;color: transparent;text-align: end;word-spacing: 100vw;}
#jaguarBenefit .jb_title p {margin: 20px 0 0;font-size: 17px;font-weight: 400;letter-spacing: .22em;color: rgba(255, 248, 232, .8);text-align: center;}
#jaguarBenefit .jb_main {display: grid;grid-template-columns: 1fr 58%;align-items: center;gap: 30px;}
#jaguarBenefit .jb_visual {position: relative;height: 100%;}
#jaguarBenefit .jb_photo {position: absolute;left: 0;bottom: 0;z-index: 2;}
#jaguarBenefit .jb_photo img { width: 100%; display: block; filter: drop-shadow(34px 20px 38px rgba(0,0,0,.58)); }
#jaguarBenefit .jb_info {display: grid;grid-template-columns: repeat(2,1fr);gap: 22px;position: relative;margin-bottom: 20%;}
#jaguarBenefit .jb_card {position: relative;padding: 30px 40px;background: linear-gradient(145deg,rgba(120,24,19,.84),rgba(44,10,8,.92));border: 1px solid rgba(229,182,88,.55);box-shadow: 0 20px 45px rgba(0,0,0,.32);overflow: hidden;}
#jaguarBenefit .jb_card:nth-child(2),#jaguarBenefit .jb_card:nth-child(4) {transform: translateY(76px);}
#jaguarBenefit .jb_card:before { content: ''; position: absolute; inset: 10px; border: 1px solid rgba(255,225,156,.12); pointer-events: none; }
#jaguarBenefit .jb_icon {width: 45px;aspect-ratio: 1/1;margin-bottom: 5px;}
#jaguarBenefit .jb_icon img { width: 100%; height: 100%; display: block; object-fit: contain; }
#jaguarBenefit .jb_card h3 {margin: 0 0 9px;font-size: 22px;letter-spacing: 4px;font-weight: 500;color: #ffe9a8;}
#jaguarBenefit .jb_card p { margin: 0; font-size: 15px; line-height: 1.9; letter-spacing: 2px; color: rgba(255,245,214,.78); }
#jaguarBenefit .jb_cta {text-align: center;position: absolute;bottom: 8%;right: 30%;}

@media screen and (max-width: 1680px) {
#about_area .videobox2 .video-bg video{height: 100%;width: auto;}
}
@media screen and (max-width: 1460px) {
    #book_area .env_prev { left: -2.5%; }
    #book_area .env_next { right: -2.5%; }
	#about_area .bg_text{right: 15%;}
}
@media screen and (max-width: 1280px) {
    #about_area .photo_main{aspect-ratio: 1.35 / 1;}
#book_area .env_slider_wrap { padding: 0 46px; }
#book_area .env_item { height: 180px; }
}
@media screen and (max-width: 1024px) {
    #about_area .text_area{margin: 50px 0 0;}
#about_area .about_area_inner { width: min(92%,900px); grid-template-columns: 1fr; gap: 60px; }
#about_area .photo_area { height: 520px; }
#about_area .photo_main { right: 4%; width: 70%; }
#about_area .photo_sub_1 {left: 0;width: 29%;}
#about_area .photo_sub_2 {right: -40px;width: 35%;bottom: -20px;}
#about_area .bg_text {right: 25%;bottom: 50px;font-size: 120px;}

    #about_area .videobox:after{content:'';position: absolute;width: 130%;height: 100%;bottom: 0;left: 0;background: linear-gradient(0deg, rgb(75 18 13 / 0%) 5%, #210a08 20%, rgb(37 13 10 / 45%) 60%);z-index: 1;}
    #custom_area .luxury_service_inner{grid-template-columns: repeat(2,1fr);gap: 30px;}
    #custom_area .luxury_service_bar{width: min(90%, 700px);}
    #custom_area .info:nth-child(2):after{display:none;}
    #jaguarBenefit .jb_title{align-items: center;padding: 0;margin: 0;}
    #jaguarBenefit .jb_title h2{text-align:center;}
    #jaguarBenefit .jb_cta{position:relative;bottom: 0;right: 0;margin-top: -60px;}
    #jaguarBenefit{padding-bottom: 8vw;}
    #jaguarBenefit .jb_photo{transform: translateY(95px);}
}
@media screen and (max-width: 980px) {
    #jaguarBenefit .videobox{display:none;}
    #jaguarBenefit .videobox2 video{width:auto;height:100%}
    #jaguarBenefit .jb_cta{margin-top:40px;}
    #jaguarBenefit .jb_card{background: linear-gradient(145deg, rgb(120 24 19), rgb(44 10 8));}
    #about_area .videobox{width: 60%;}
    #about_area .text_area{margin: 0;}
#jaguarBenefit { padding: 75px 20px 70px; }
#jaguarBenefit .jb_main { grid-template-columns: 1fr; }
#jaguarBenefit .jb_photo {position: relative;left: auto;bottom: auto;transform: translateY(0);width: min(90%, 300px);}
    #jaguarBenefit .jb_visual{display: flex;justify-content: center;}
#jaguarBenefit .jb_info {margin: -150px 0 0;}
#jaguarBenefit .jb_card:nth-child(2),#jaguarBenefit .jb_card:nth-child(4) { transform: none; }
#book_area.env_luxury_area { padding: 70px 0; }
#book_area .env_title_en { letter-spacing: .14em; }
#book_area .env_title_en i { width: 34px; }
#book_area .env_title h2 {line-height: 1.8;letter-spacing: .12em;}
#book_area .env_slider_wrap { padding: 0 34px; }
#book_area .env_arrow { width: 40px; height: 40px; }
#book_area .env_arrow svg { width: 20px; height: 20px; }
#about_area .about_area_inner { width: calc(100% - 40px); }
#about_area .intro h3 { line-height: 1.7; }
#about_area .intro p { font-size: 14px; line-height: 2; }
#about_area .btn { width: 100%; }
#about_area .photo_area { height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#about_area .photo {position: relative;inset: auto;width: 100%;height: auto;aspect-ratio: 3/4;}
#about_area .photo_main { grid-column: 1/-1; aspect-ratio: 16/9; }
#about_area .photo_sub_1::before,#about_area .photo_sub_2::after { display: none; }
#about_area .bg_text, #about_area .photo_sub_1:after {display: none;}
section { padding-top: 10vw; }
	#product_list { width: 500px; }
	#product_list li .clip { height: 590px; }
	#about_area #about_info { margin-bottom: 8vw; }
	#about_area .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#about_area .about_sub_3 { width: 29vw; left: 10vw; }
}
@media screen and (max-width: 760px) {
	section { padding: 12vw 0 ; }
}
@media screen and (max-width: 550px) {
    #custom_area .luxury_service_bar .btn_group{margin-top:20px;}
    #about_area .about_area_inner{display:block;}
    #about_area .text_area{margin-bottom:40px;}
    #jaguarBenefit:after{height:150px;background-size: 150%;}
    #book_area .env_title_en{font-size:30px;}
    #about_area .photo_main{aspect-ratio: 4.5/3;}
    #about_area .videobox{width: 80%;}
    #custom_area{padding: 6vw 0;}
    #custom_area .luxury_service_inner{gap:15px;}
    #custom_area .info:not(:last-child):after{display:none}
    #custom_area .luxury_service_icon{width: 25px;}
    #custom_area .luxury_service_txt .h3{font-size: 17px;}
    #custom_area .info{padding:0;gap: 10px;flex-direction: row;align-items: center;display: flex;}
    #custom_area .luxury_service_txt *{font-size: 13px;}
#book_area .env_slider_wrap { padding: 0 28px; }
#book_area .env_item { height: 210px; }
#jaguarBenefit { padding: 60px 15px 55px; }
#jaguarBenefit .jb_title { margin-bottom: 35px; }
#jaguarBenefit .jb_title h2 {letter-spacing: 4px;font-size: 30px;}
#jaguarBenefit .jb_title p {letter-spacing: 3px;line-height: 1.8;}
#jaguarBenefit .jb_info { grid-template-columns: 1fr; gap: 15px; }
#jaguarBenefit .jb_info:before { display: none; }
#jaguarBenefit .jb_card { min-height: auto; padding: 28px 24px; }
#jaguarBenefit .jb_photo { width: 82%; margin-bottom: -45px; }
#jaguarBenefit .jb_cta { margin-top: 45px; }
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#product_list { width: 90vw; }
	#product_list li .clip { height: 100vw; }
	#product_list li .info_box { width: 55vw; height: 40vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 { bottom: 60vw; }
	#news_area li .row { margin: auto; width: 280px; }
}