@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

/* main_visual
----------------------------------- */
#sub_visual{height:200px;position:relative;z-index:0;margin-top:0px;text-align:center;padding-top:95px;background:url(../images/sub_visual.png) no-repeat center top;background-attachment:scroll;background-size:cover;}
#sub_visual .h1_container{max-width:100%;width:94%;margin:0 auto;text-align:center;}
#sub_visual .h1_container .span p{font-weight:500;font-size:32px;line-height:160%;text-align:center;position:relative;text-shadow:3px 3px 20px #000;color:#fff;font-family:"Yusei Magic",sans-serif;}
#sub_visual .h1_container .span p::first-letter{color:#ffe117;}
/* sub_contents
----------------------------------- */
#sub_contents{font-size:15px;position:relative;background:url(../images/bg_body.png) repeat center center !important;padding-bottom:10px;}
#sub_contents p{font-size:15px;line-height:1.8em;}
#sub_contents .section{max-width:100%;margin:50px auto 60px;position:relative;width:94%;}
#sub_contents h2{text-align:center;font-size:28px;position:relative;line-height:160%;padding:10px 0 10px;margin:0px auto 50px;}
#sub_contents .h2_container{border:0px;margin-bottom:35px;position:relative;}
#sub_contents .h2_container .span{border:none;margin:0 auto;font-weight:bold;font-family:"Yusei Magic",sans-serif;}
#sub_contents .h2_container .span::before{content:"";background:#dd1d0f;position:absolute;left:0;right:0;top:-8px;width:40px;height:1px;margin:0 auto;}
#sub_contents .h2_container .span::after{content:"";background:#dd1d0f;position:absolute;left:0;right:0;top:-12px;width:40px;height:1px;margin:0 auto;}
#sub_contents .h3_container{border:0px;margin-bottom:35px;position:relative;}
#sub_contents .h3_container .span{border:none;margin:0 auto;font-weight:bold;font-family:"Yusei Magic",sans-serif;background:#dd1d0f;color:#fff;font-size:24px;text-align:center;padding:6px 10px;}
#sub_contents .mb20{margin-bottom:20px !important;}
#sub_contents .mb30{margin-bottom:25px !important;}
#sub_contents .mb50{margin-bottom:35px !important;}
#sub_contents .mb80{margin-bottom:50px !important;}
#sub_contents .mb100{margin-bottom:60px !important;}
#sub_contents .mb150{margin-bottom:80px !important;}
#sub_contents .txt_cen{text-align:center;line-height:200%;font-size:22px;font-weight:bold;}
#sub_contents .txt_cen strong{font-size:20px;display:block;color:#dd1d0f;font-weight:bold;margin-bottom:15px;}
#sub_contents .sub_bg{background:url(../images/sub_bg.png) repeat center center;padding:50px 0px;background-attachment:scroll;}
#sub_contents .bnr_area{display:block;margin:0 auto 25px;text-align:center;width:100%;}
#sub_contents .img_cen{text-align:center;margin:0 auto 25px;display:block;}
/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;margin:0 auto;margin-bottom:25px;}
#sub_contents .bread_crumb .bread{max-width:100%;margin:0 auto;width:94%;}
#sub_contents .bread_crumb div:after{content:'>';padding-left:8px;font-family:inherit;font-size:12px;}
#sub_contents .bread_crumb div:last-child:after{content:'';}
#sub_contents .bread_crumb div a{text-decoration:underline;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px;font-size:12px;padding:0 0;}
/* btn
----------------------------------- */
#sub_contents .anker__items{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:12px;}
#sub_contents .anker__item{/* width:calc(50% - 5px); */position:relative;display:block;width:100%;}
#sub_contents .anker__item.w100{width:100%;}
#sub_contents .anker__item.w50{width:calc(50% - 5px);}
#sub_contents .anker__item.w30{width:calc(50% - 5px);}
#sub_contents .anker__item.w20{width:calc(50% - 5px);}
#sub_contents .anker__item a{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:1em .8em;background:#fff;color:#dd1d0f;border:2px solid #dd1d0f;border-radius:100px;font-weight:700;letter-spacing:.03em;position:relative;overflow:hidden;transition:.3s;box-shadow:0 6px 15px rgba(221,29,15,.12);font-size:14px;}
#sub_contents .anker__item a::after{content:"";width:8px;height:8px;border-right:2px solid #dd1d0f;border-bottom:2px solid #dd1d0f;transform:rotate(45deg);transition:.3s;margin-top:-4px;}
#sub_contents .anker__item a:hover{background:#dd1d0f;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(221,29,15,.25);opacity:1;}
#sub_contents .anker__item a:hover::after{border-color:#fff;transform:rotate(45deg) translateY(3px);}
/* reason
----------------------------------- */
#sub_contents .voice_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;}
#sub_contents .voice_list .li{width:100%;background:#fff;padding:22px 18px;border-radius:14px;box-shadow:0 6px 15px rgba(0,0,0,0.08);display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;}
#sub_contents .voice_list .icon{width:46px;height:46px;border-radius:50%;background:#dd1d0f;display:flex;align-items:center;justify-content:center;flex:0 0 46px;}
#sub_contents .voice_list .icon p{margin:0;font-family:"Material Symbols Outlined";font-size:20px;color:#fff;}
#sub_contents .voice_list .icon p::before{content:"person";}
#sub_contents .voice_list .span{flex:1;}
#sub_contents .voice_list .span p{margin:0;font-weight:700;color:#dd1d0f;font-size:15px;}
#sub_contents .voice_list .p{flex:1 1 100%;font-size:14px;line-height:1.8;margin:0;}
#sub_contents .voice_list .li::after{content:"★★★★★";display:block;width:100%;margin-top:8px;font-size:13px;letter-spacing:2px;color:#ddd;}
#sub_contents .voice_list .li:nth-child(1)::after{color:#f5b301;}
#sub_contents .voice_list .li:nth-child(2)::after{content:"★★★★☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(3)::after{content:"★★★☆☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(4)::after{content:"★★★★☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(5)::after{content:"★★★★★";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(6)::after{content:"★★★★☆";color:#f5b301;}
/* popular
----------------------------------- */
#sub_contents .g_area .small{margin-bottom:20px;}
#sub_contents .g_area .small p{width:90px;height:90px;border-radius:50%;position:relative;box-shadow:0 6px 15px rgba(0,0,0,.12);text-align:center;padding-top:8px;}
#sub_contents .g_area .small p::before{font-family:"Material Symbols Outlined";font-weight:400;font-style:normal;font-size:32px;line-height:1;color:#fff;content:"workspace_premium";}
#sub_contents .g_area .small p::after{font-size:24px;font-weight:700;color:#fff;letter-spacing:.12em;line-height:1;}
#sub_contents .rank01 .small p::after{content:"01";}
#sub_contents .rank02 .small p::after{content:"02";}
#sub_contents .rank03 .small p::after{content:"03";}
#sub_contents .set_area .li{width:100%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 6px 15px rgba(0,0,0,.06);position:relative;}
#sub_contents .set_area .li img{width:100%;height:220px;object-fit:cover;display:block;}
#sub_contents .set_area .span{padding:22px 18px;text-align:center;}
#sub_contents .set_area .span p{font-size:19px;font-weight:700;line-height:1.6;letter-spacing:.04em;}
#sub_contents .set_area .span strong{display:inline-block;background:#dd1d0f;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;letter-spacing:.06em;margin-top:8px;}
/* recruit
----------------------------------- */
#sub_contents .rec_list{gap:15px;flex-wrap:wrap;}
#sub_contents .rec_list .li{width:100%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:32px 20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 6px 15px rgba(0,0,0,.06);position:relative;overflow:hidden;text-align:center;}
#sub_contents .rec_list .li::before{content:"";width:100%;height:3px;background:#dd1d0f;position:absolute;top:0;left:0;}
#sub_contents .rec_list .icon{width:90px;height:90px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
#sub_contents .rec_list .icon::before{font-family:"Material Symbols Outlined";font-size:44px;color:#fff;}
#sub_contents .rec_list .li:nth-child(1) .icon::before{content:"restaurant";}
#sub_contents .rec_list .li:nth-child(2) .icon::before{content:"delivery_dining";}
#sub_contents .rec_list .li:nth-child(3) .icon::before{content:"badge";}
#sub_contents .rec_list .p p{font-size:19px;font-weight:700;line-height:1.6;letter-spacing:.04em;}
#sub_contents .rec_list .p em{font-size:13px;font-style:normal;font-weight:400;display:block;opacity:.7;margin-top:5px;}
#sub_contents .g_area .small{display:flex;align-items:center;margin-bottom:20px;}
#sub_contents .g_area .small p{width:auto;height:auto;border-radius:0;box-shadow:none;text-align:left;padding-top:0;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:bold;color:#111;letter-spacing:.03em;}
#sub_contents .g_area .small p::before{content:"workspace_premium";font-family:"Material Symbols Outlined";width:54px;height:54px;border-radius:50%;background:#dd1d0f;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;line-height:1;}
#sub_contents .g_area .small p::after{content:none;}
#sub_contents .g_area .txt_area .span {margin-bottom:15px;}
#sub_contents .g_area .txt_area .span p{font-size:23px;line-height:1.5;margin-bottom:15px;color:#dd1d0f;font-weight:bold;}
/* delivery
----------------------------------- */
#sub_contents .infiniteslide{display:flex;width:max-content;gap:12px;}
#sub_contents .infiniteslide .li{flex-shrink:0;}
#sub_contents .infiniteslide .li img{width:280px;}
#sub_contents .deli_list{gap:12px;flex-wrap:wrap;}
#sub_contents .deli_list .li{width:calc(50% - 6px);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:25px 12px;border:1px solid rgba(255,255,255,.5);box-shadow:0 6px 15px rgba(0,0,0,.06);position:relative;overflow:hidden;text-align:center;}
#sub_contents .deli_list .li::before{content:"";width:100%;height:3px;background:#dd1d0f;position:absolute;top:0;left:0;}
#sub_contents .deli_list .icon{width:70px;height:70px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;}
#sub_contents .deli_list .icon::before{font-family:"Material Symbols Outlined";font-size:36px;color:#fff;}
#sub_contents .deli_list .li:nth-child(1) .icon::before{content:"person";}
#sub_contents .deli_list .li:nth-child(2) .icon::before{content:"call";}
#sub_contents .deli_list .li:nth-child(3) .icon::before{content:"location_on";}
#sub_contents .deli_list .li:nth-child(4) .icon::before{content:"restaurant_menu";}
#sub_contents .deli_list .li:nth-child(5) .icon::before{content:"schedule";}
#sub_contents .deli_list .p p{font-size:14px;line-height:1.7;font-weight:700;}
#sub_contents .deli_list .p em{font-size:12px;font-style:normal;font-weight:400;opacity:.7;}
/* access
----------------------------------- */
#sub_contents .list_access .list_ac{width:100%;background:#fff;padding:30px 20px;box-shadow:0 8px 20px rgba(0,0,0,.08);position:relative;overflow:hidden;margin-bottom:20px;}
#sub_contents .list_access .list_ac::before{content:"";width:70px;height:70px;background:#dd1d0f;opacity:.08;border-radius:50%;position:absolute;top:-20px;right:-20px;}
#sub_contents .list_access .ttl{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee;}
#sub_contents .list_access .ttl p{font-size:22px;font-weight:700;color:#dd1d0f;line-height:1.4;}
#sub_contents .list_access .icon{width:110px;height:110px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;margin:0 auto 25px;}
#sub_contents .list_access .icon::before{font-family:"Material Symbols Outlined";font-size:64px;color:#fff;}
#sub_contents .list_access .list_ac:first-child .icon::before{content:"train";}
#sub_contents .list_access .list_ac:last-child .icon::before{content:"directions_car";}
#sub_contents .list_access .p p{line-height:1.9;font-size:15px;}
#sub_contents .img_list img{width:100%;margin-bottom:15px;}
#sub_contents .tbl_access .tr{background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);padding:20px 18px;position:relative;overflow:hidden;box-shadow:0 6px 15px rgba(0,0,0,.06);margin-bottom:10px;}
#sub_contents .tbl_access .tr{display:block;align-items:center;justify-content:space-between;gap:0px;}
#sub_contents .tbl_access .tr .th{display:flex;align-items:center;gap:12px;width:100%;flex-shrink:0;margin-bottom:8px;}
#sub_contents .tbl_access .tr .th::before{content:"";width:22px;height:2px;background:#dd1d0f;display:block;flex-shrink:0;}
#sub_contents .tbl_access .tr .th p{font-size:15px;font-weight:700;letter-spacing:.06em;}
#sub_contents .tbl_access .tr .th .small p{font-size:14px;font-weight:400;}
#sub_contents .tbl_access .tr .td{flex:1;width:100%;}
#sub_contents .tbl_access .tr .td p{font-size:14px;line-height:1.9;}
/* store
----------------------------------- */
#sub_contents .g_area .img_area{width:100%;margin-bottom:25px;}
#sub_contents .g_area .txt_area{width:100%;}
#sub_contents .g_area .txt_area .span {border-bottom:3px double #dd1d0f;margin-bottom:15px;}
#sub_contents .g_area .txt_area .span p{font-size:22px;line-height:1.4;color:#dd1d0f;font-weight:bold;}
#sub_contents .bg_slider{background:rgba(255,255,255,.65);padding:30px 15px;}
#sub_contents .img_gallery{width:100%;margin:0 auto 15px;}
#sub_contents .img_gallery .li{overflow:hidden;position:relative;}
#sub_contents .img_gallery .li img{width:100%;height:300px;object-fit:cover;display:block;}
#sub_contents .img_gallery .figurecaption{position:absolute;left:15px;bottom:70px;z-index:2;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:10px 15px;border-left:3px solid #dd1d0f;}
#sub_contents .img_gallery .figurecaption p{color:#fff;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.4;}
#sub_contents .img_gallery .li::after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);position:absolute;left:0;bottom:0;z-index:1;}
#sub_contents .img_gallery .p{position:absolute;left:20px;bottom:25px;z-index:2;max-width:85%;}
#sub_contents .img_gallery .p p{color:#fff;font-size:13px;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.3);}
#sub_contents .thumb_gallery{width:100%;margin:8px auto 25px;}
#sub_contents .thumb_gallery .swiper-slide{opacity:.4;cursor:pointer;overflow:hidden;transition:.3s;}
#sub_contents .thumb_gallery .swiper-slide-thumb-active{opacity:1;}
#sub_contents .thumb_gallery img{width:100%;height:70px;object-fit:cover;display:block;}
#sub_contents .swiper-button-next,#sub_contents .swiper-button-prev{color:#fff;width:38px;height:38px;background:rgba(0,0,0,.5);border-radius:100%;backdrop-filter:blur(5px);}
#sub_contents .swiper-button-next:after,#sub_contents .swiper-button-prev:after{font-size:14px;font-weight:700;}

/* PC  */

@media screen and (min-width: 768px) {

/* main_visual
----------------------------------- */
#sub_visual {height:480px;position:relative;z-index:0;margin-top:0px;text-align: center;padding-top: 260px;background:url(../images/sub_visual.png) no-repeat center top; background-attachment: fixed;}
#sub_visual .h1_container{max-width:1200px;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container .span p{font-weight: 500;font-size:60px; line-height: 180%;text-align: center;position: relative;text-shadow:3px 3px 30px #000; color:#fff;font-family: "Yusei Magic", sans-serif;}
#sub_visual .h1_container .span p::first-letter{color:#ffe117;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;background:url(../images/bg_body.png) repeat center center !important; padding-bottom:1px;}
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents .section{max-width: 1200px; margin: 70px auto 80px;position: relative;width: 94%;}
#sub_contents h2{ text-align: center;font-size:40px;  position: relative; line-height: 180%; padding:15px auto 15px;margin: 0px auto 80px;}
#sub_contents .h2_container{border:0px; margin-bottom:50px; position:relative;scroll-margin-top:150px;}
#sub_contents .h2_container .span{border:none; margin:0 auto; font-weight:bold;font-family: "Yusei Magic", sans-serif;}
#sub_contents .h2_container .span::before{content:""; background:#dd1d0f; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}
#sub_contents .h2_container .span::after{content:""; background:#dd1d0f; position:absolute; left:0; right:0; top:-14px; width:50px; height:1px; margin:0 auto;}
#sub_contents .h3_container{border:0px; margin-bottom:50px; position:relative;}
#sub_contents .h3_container .span{border:none; margin:0 auto; font-weight:bold;font-family: "Yusei Magic", sans-serif;background:#dd1d0f; color: #fff;font-size:32px; text-align: center; padding: 5px 0px;}
#sub_contents .mb20{margin-bottom: 20px !important;}
#sub_contents .mb30{margin-bottom: 30px !important;}
#sub_contents .mb50{margin-bottom: 50px !important;}
#sub_contents .mb80{margin-bottom: 80px !important;}
#sub_contents .mb100{margin-bottom: 100px !important;}
#sub_contents .mb150{margin-bottom: 150px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 250%;font-size:32px;font-weight: bold;}
#sub_contents .txt_cen strong{font-size: 26px; display: block; color: #dd1d0f; font-weight: bold; margin-bottom: 20px;}
#sub_contents .sub_bg{background:url(../images/sub_bg.png) repeat center center; padding:80px 0px; background-attachment:fixed;}
#sub_contents .bnr_area{display: block; margin: 0 auto 30px; text-align: center; width: 70%;}
#sub_contents .img_cen{text-align: center;margin: 0 auto 30px; display: block;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:1200px; margin:0 auto;}
#sub_contents .bread_crumb div:after {content : '>';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:15px;}
#sub_contents .anker__item{width:32%;position:relative;display:block;}
#sub_contents .anker__item.w100{width:100%;}
#sub_contents .anker__item.w50{width:48%;}
#sub_contents .anker__item.w30{width:32%;}
#sub_contents .anker__item.w20{width:19%;}
#sub_contents .anker__item a{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;padding:1.2em 1em;background:#fff;color:#dd1d0f;border:2px solid #dd1d0f;border-radius:100px;font-weight:700;letter-spacing:.05em;position:relative;overflow:hidden;transition:.3s;box-shadow:0 8px 20px rgba(221,29,15,.12);}
#sub_contents .anker__item a::after{content:"";width:10px;height:10px;border-right:2px solid #dd1d0f;border-bottom:2px solid #dd1d0f;transform:rotate(45deg);transition:.3s;margin-top:-4px;}
#sub_contents .anker__item a:hover{background:#dd1d0f;color:#fff;transform:translateY(-3px);box-shadow:0 12px 24px rgba(221,29,15,.25);opacity:1;}
#sub_contents .anker__item a:hover::after{border-color:#fff;transform:rotate(45deg) translateY(3px);}

/* reason
----------------------------------- */
#sub_contents .voice_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
#sub_contents .voice_list .li{width:calc(33.333% - 14px);background:#fff;padding:24px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.08);display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;}
#sub_contents .voice_list .icon{width:50px;height:50px;border-radius:50%;background:#dd1d0f;display:flex;align-items:center;justify-content:center;flex:0 0 50px;}
#sub_contents .voice_list .icon p{margin:0;font-family:"Material Symbols Outlined";font-size:22px;color:#fff;}
#sub_contents .voice_list .icon p::before{content:"person";}
#sub_contents .voice_list .span{flex:1;}
#sub_contents .voice_list .span p{margin:0;font-weight:700;color:#dd1d0f;font-size:16px;}
#sub_contents .voice_list .p{flex:1 1 calc(100% - 62px);font-size:14px;line-height:1.8;margin:0;}
#sub_contents .voice_list .li::after{content:"★★★★★";display:block;width:100%;margin-top:10px;font-size:14px;letter-spacing:2px;color:#ddd;}
#sub_contents .voice_list .li:nth-child(1)::after{color:#f5b301;}
#sub_contents .voice_list .li:nth-child(2)::after{content:"★★★★☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(3)::after{content:"★★★☆☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(4)::after{content:"★★★★☆";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(5)::after{content:"★★★★★";color:#f5b301;}
#sub_contents .voice_list .li:nth-child(6)::after{content:"★★★★☆";color:#f5b301;}

/* popular
----------------------------------- */
#sub_contents .g_area .small{margin-bottom:30px;}
#sub_contents .g_area .small p{width:110px;height:110px;border-radius:50%;position:relative;box-shadow:0 8px 18px rgba(0,0,0,.12); text-align:center; padding-top:10px;}
#sub_contents .g_area .small p::before{font-family:"Material Symbols Outlined";font-weight:400;font-style:normal;font-size:40px;line-height:1;color:#fff;content:"workspace_premium";}
#sub_contents .g_area .small p::after{font-size:30px;font-weight:700;color:#fff;letter-spacing:.12em;line-height:1;}
#sub_contents .rank01 .small p::after{content:"01";}
#sub_contents .rank02 .small p::after{content:"02";}
#sub_contents .rank03 .small p::after{content:"03";}
#sub_contents .set_area .li{width:32%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.06);position:relative;}
#sub_contents .set_area .li img{width:100%;height:280px;object-fit:cover;display:block;}
#sub_contents .set_area .span{padding:25px 20px;text-align:center;}
#sub_contents .set_area .span p{font-size:22px;font-weight:700;line-height:1.6;letter-spacing:.05em;}
#sub_contents .set_area .span strong{display:inline-block;background:#dd1d0f;color:#fff;font-size:13px;font-weight:700;padding:6px 14px;border-radius:100px;letter-spacing:.08em;margin-top:10px;}

/* recruit
----------------------------------- */
#sub_contents .rec_list{gap:20px;flex-wrap:wrap;}
#sub_contents .rec_list .li{width:30%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:40px 25px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 20px rgba(0,0,0,.06);position:relative;overflow:hidden;text-align:center;}
#sub_contents .rec_list .li::before{content:"";width:100%;height:3px;background:#dd1d0f;position:absolute;top:0;left:0;}
#sub_contents .rec_list .icon{width:160px;height:160px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;}
#sub_contents .rec_list .icon::before{font-family:"Material Symbols Outlined";font-size:56px;color:#fff;}
#sub_contents .rec_list .li:nth-child(1) .icon::before{content:"restaurant";}
#sub_contents .rec_list .li:nth-child(2) .icon::before{content:"delivery_dining";}
#sub_contents .rec_list .li:nth-child(3) .icon::before{content:"badge";}
#sub_contents .rec_list .p p{font-size:22px;font-weight:700;line-height:1.6;letter-spacing:.05em;}
#sub_contents .rec_list .p em{font-size:14px;font-style:normal;font-weight:400;display:block;opacity:.7;margin-top:5px;}
#sub_contents .g_area .small{display:flex;align-items:center;margin-bottom:30px;}
#sub_contents .g_area .small p{width:auto;height:auto;border-radius:0;box-shadow:none;text-align:left;padding-top:0;display:flex;align-items:center;gap:14px;font-size:22px;font-weight:bold;color:#111;letter-spacing:.03em;}
#sub_contents .g_area .small p::before{content:"workspace_premium";font-family:"Material Symbols Outlined";width:70px;height:70px;border-radius:50%;background:#dd1d0f;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;line-height:1;}
#sub_contents .g_area .small p::after{content:none;}
#sub_contents .g_area .txt_area .span {margin-bottom:20px;}
#sub_contents .g_area .txt_area .span p{font-size:30px;line-height:1.5;color:#dd1d0f;font-weight:bold;}

/* delivery
----------------------------------- */
#sub_contents .infiniteslide{display:flex;width:max-content;gap:20px;}
#sub_contents .infiniteslide .li{flex-shrink:0;}
#sub_contents .infiniteslide .li img{width: 500px;}
#sub_contents .deli_list{gap:20px;flex-wrap:wrap;}
#sub_contents .deli_list .li{width:18%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:35px 20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 20px rgba(0,0,0,.06);position:relative;overflow:hidden;text-align:center;}
#sub_contents .deli_list .li::before{content:"";width:100%;height:3px;background:#dd1d0f;position:absolute;top:0;left:0;}
#sub_contents .deli_list .icon{width:90px;height:90px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
#sub_contents .deli_list .icon::before{font-family:"Material Symbols Outlined";font-size:46px;color:#fff;}
#sub_contents .deli_list .li:nth-child(1) .icon::before{content:"person";}
#sub_contents .deli_list .li:nth-child(2) .icon::before{content:"call";}
#sub_contents .deli_list .li:nth-child(3) .icon::before{content:"location_on";}
#sub_contents .deli_list .li:nth-child(4) .icon::before{content:"restaurant_menu";}
#sub_contents .deli_list .li:nth-child(5) .icon::before{content:"schedule";}
#sub_contents .deli_list .p p{font-size:16px;line-height:1.8;font-weight:700;}
#sub_contents .deli_list .p em{font-size:13px;font-style:normal;font-weight:400;opacity:.7;}

/* access
----------------------------------- */
#sub_contents .list_access .list_ac{width:48%;background:#fff;padding:40px 35px;box-shadow:0 10px 30px rgba(0,0,0,.08);position:relative;overflow:hidden;}
#sub_contents .list_access .list_ac::before{content:"";width:80px;height:80px;background:#dd1d0f;opacity:.08;border-radius:50%;position:absolute;top:-20px;right:-20px;}
#sub_contents .list_access .ttl{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;}
#sub_contents .list_access .ttl p{font-size:28px;font-weight:700;color:#dd1d0f;line-height:1.4;}
#sub_contents .list_access .icon{width:150px;height:150px;background:#dd1d0f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px; margin:0 auto 30px;}
#sub_contents .list_access .icon::before{font-family:"Material Symbols Outlined";font-size:90px;color:#fff;}
#sub_contents .list_access .list_ac:first-child .icon::before{content:"train";}
#sub_contents .list_access .list_ac:last-child .icon::before{content:"directions_car";}
#sub_contents .list_access .p p{line-height:2;font-size:16px;}
#sub_contents .img_list img{width: 48%; margin-bottom: 20px;}
#sub_contents .tbl_access .tr{background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);padding:25px 30px;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.06);margin-bottom:10px;}
#sub_contents .tbl_access .tr{display:flex;align-items:center;justify-content:space-between;gap:30px;}
#sub_contents .tbl_access .tr .th{display:flex;align-items:center;gap:20px;width:220px;flex-shrink:0;}
#sub_contents .tbl_access .tr .th::before{content:"";width:28px;height:2px;background:#dd1d0f;display:block;flex-shrink:0;}
#sub_contents .tbl_access .tr .th p{font-size:16px;font-weight:700;letter-spacing:.08em;}
#sub_contents .tbl_access .tr .th .small p{font-size:15px;font-weight:400;}
#sub_contents .tbl_access .tr .td{flex:1;}
#sub_contents .tbl_access .tr .td p{font-size:15px;line-height:2;}

/* store
----------------------------------- */
#sub_contents .g_area .img_area {width:50%;}
#sub_contents .g_area .txt_area{width:46%;}
#sub_contents .g_area .txt_area .span p{font-size:28px;line-height:1;color:#dd1d0f; font-weight:bold;}
#sub_contents .bg_slider{background:rgba(255,255,255,.65);padding: 80px;}
#sub_contents .img_gallery{width:80%;margin:0 auto 20px;}
#sub_contents .img_gallery .li{overflow:hidden;position: relative;}
#sub_contents .img_gallery .li img{width:100%;height:500px;object-fit:cover;display:block;}
#sub_contents .img_gallery .figurecaption{position:absolute;left:20px;bottom:20px;z-index:2;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px 20px;border-left:3px solid #dd1d0f;bottom:90px;}
#sub_contents .img_gallery .figurecaption p{color:#fff;font-size:20px;font-weight:700;letter-spacing:.05em;line-height:1.4;}
#sub_contents .img_gallery .li::after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);position:absolute;left:0;bottom:0;z-index:1;}
#sub_contents .img_gallery .p{position:absolute;left:40px;bottom:40px;z-index:2;max-width:70%;}
#sub_contents .img_gallery .p p{color:#fff;font-size:16px;line-height:2;text-shadow:0 2px 8px rgba(0,0,0,.3);}
#sub_contents .thumb_gallery{width:80%;margin:10px auto 30px;}
#sub_contents .thumb_gallery .swiper-slide{opacity:.4;cursor:pointer;overflow:hidden;transition:.3s;}
#sub_contents .thumb_gallery .swiper-slide-thumb-active{opacity:1;}
#sub_contents .thumb_gallery img{width:100%;height:100px;object-fit:cover;display:block;}
#sub_contents .swiper-button-next,#sub_contents .swiper-button-prev{color:#fff;width:50px;height:50px;background:rgba(0,0,0,.5);border-radius:100%;backdrop-filter:blur(5px);}
#sub_contents .swiper-button-next:after,#sub_contents .swiper-button-prev:after{font-size:18px;font-weight:700;}



}  

@media screen and (min-width: 1025px) {

}