/* main_visual
-----------------------------*/
#sub_visual {padding-top:80px; height:200px;position:relative;z-index:0;overflow: hidden;margin-top: 0px; background:url("../images/sub_visual.png"); background-attachment:inherit; text-align:center; color:#fff;}
#sub_visual h1{font-size:26px; line-height: 100%;letter-spacing: 0.1em;font-weight: 600;text-transform: capitalize;color:#fff;}
#sub_visual .small{font-size:20px;line-height:100%;color:#fff;font-family: "Lato", sans-serif; font-weight:normal;}

/* sub_contents
-----------------------------*/
#sub_contents {font-size: 15px; position: relative;z-index:0;}
#sub_contents .section{max-width: 94%; margin: 50px auto 80px;position: relative;padding-bottom: 10px;width:94%;padding-left:0;}
#sub_contents .h2::after{ position:absolute; content:""; background:#83AD2D; width:30px; top:-21px; left:0; right:0; margin:0 auto; height:4px;}
#sub_contents .h2::before{ position:absolute; content:""; background:#ccc; width:100px; top:-20px; left:0; right:0; margin:0 auto; height:2px;}
#sub_contents .h2{ text-align:center; margin-bottom:50px; position:relative;}
#sub_contents .h2 .span{font-size:26px;font-family: "Lato", sans-serif; text-transform:uppercase;}
#sub_contents .h2 .small{font-size:16px; font-weight:bold;}
#sub_contents .h2 .small p{font-weight:bold;}
#sub_contents h3{font-weight:bold; font-size:19px; margin-bottom:10px; position:relative; padding-left:20px}
#sub_contents h3::before{content:""; background:#74b88d; width:10px; height:10px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .img_cen{ text-align: center; margin-bottom:30px;}
#sub_contents .img_cen img{border-radius:15px;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 250%;}
#sub_contents .txt_cen p{line-height: 200%;}
#sub_contents .txt_cen strong{ font-size:20px; font-weight:bold;}
#sub_contents .pd0{padding-bottom: 0px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb70{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sub_bg.mt100{margin-top: -190px; padding-top:250px;}
#sub_contents .sub_bg{background:#f7f7f7; padding:80px 0px;}

/* btn
-----------------------------*/
#sub_contents .btn_list .li{width:100%;text-align: center;text-transform: capitalize;padding: 1em;font-weight: 500; border:1px solid #333;color:#333; margin:0px auto 10px; border-radius:100px; line-height:100%;}
#sub_contents .btn_list .li.is-active {background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D; opacity:1.0;}
#sub_contents .btn_list .li:hover{background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:#f7f7f7;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:94%;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;}
#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;color:#67bf1a;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* staff
-----------------------------*/
#sub_contents .bg_staff01{background:#ecfcdd;padding:50px 0px 0px; margin-top:-100px;}
#sub_contents .bg_staff01 .section{margin:0px auto;}
#sub_contents .bg_staff01 .section::before{position:absolute; content:"qualification"; font-size:80px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:25%; color:#67bf1a; text-transform:uppercase;}
#sub_contents .bg_staff01 p{line-height:200%;}
#sub_contents .bg_staff02{background:#f6fdf0;padding:50px 0px 0px;}
#sub_contents .bg_staff02 .section{margin:0px auto;}
#sub_contents .bg_staff02 .section::before{position:absolute; content:"REASON"; font-size:80px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:20%; color:#67bf1a;}
#sub_contents .bg_staff02 p{line-height:200%;}
#sub_contents .bg_staff01 .section::before, #sub_contents .bg_staff02 .section::before { opacity: 0; filter: blur(20px); transition: opacity 2s ease, filter 2s ease; }
#sub_contents .bg_staff01.is-show .section::before { opacity: 0.1; filter: blur(0); }
#sub_contents .bg_staff02.is-show .section::before { opacity: 0.1; filter: blur(0); }

/* access
-----------------------------*/
#sub_contents iframe{height:350px; width:100%;}
#sub_contents .tbl_access { margin: 0 auto; width:100%;}
#sub_contents .tbl_access .tr { display: inherit; align-items: flex-start; padding: 5px 0px; border-bottom: 0px solid #ddd; position: relative;}
#sub_contents .tbl_access .tr::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 80px; height: 2px; background: linear-gradient(90deg, rgba(131,173,45,1) 0%, rgba(93,198,19,1) 100%); display:none;}
#sub_contents .tbl_access .th { width: 100px; font-size: 14px; padding-top: 0px; text-align:center;width:100%; display:block;background: linear-gradient(90deg, rgba(131,173,45,1) 0%, rgba(93,198,19,1) 100%); color:#fff;}
#sub_contents .tbl_access .td { flex: 1; font-size: 14px; line-height: 200%; width:100%; display:block;}
#sub_contents .tbl_access p { margin: 0; }
#sub_contents .sub_slider { overflow: hidden; width: 100%; margin-bottom: 50px; }
#sub_contents .sub_slider .slider_inner { display: flex; animation: infiniteSlide 60s linear infinite; width: max-content; }
#sub_contents .sub_slider .slider_inner img { width: 200px; height: 150px; object-fit: cover; margin-right: 25px; flex-shrink: 0; border-radius:10px;}
@keyframes infiniteSlide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
#sub_contents .transportation_list {  margin: 0 auto; display: block; flex-wrap: wrap; gap: 20px; }
#sub_contents .transportation_list .txt { flex: 1 1 calc(25% - 20px); background: #fff; border-radius: 12px; padding: 30px 20px; text-align: center; line-height: 180%; margin-bottom:30px;}
#sub_contents .transportation_list .txt::before { display: block; font-size: 40px; margin-bottom: 20px; }
#sub_contents .transportation_list .txt:nth-child(1)::before { content: '🚇'; }
#sub_contents .transportation_list .txt:nth-child(2)::before { content: '🏘️'; }
#sub_contents .transportation_list .txt:nth-child(3)::before { content: '🏢'; }
#sub_contents .transportation_list .txt:nth-child(4)::before { content: '🚲'; }
#sub_contents .transportation_list .txt p { margin: 0; font-weight:bold;}

/* stylebook
-----------------------------*/
#sub_contents .gallery_area { position: relative; overflow: hidden; max-width: 100%; margin: 0 auto 70px; }
#sub_contents .gallery_area .slider_track { display: flex; transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1); }
#sub_contents .gallery_area .figure { min-width: 100%; position:relative;}
#sub_contents .gallery_area .figure img { width: 100%; aspect-ratio: 4/3; height: 400px; object-fit: cover; display: block; opacity: 1 !important; filter: none !important; transform: none !important; border-radius: 20px; }
#sub_contents .gallery_area .figcaption { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(131,173,45,.7); color: #fff; padding: 12px 20px; font-size: 15px; border-radius: 0px 0px 20px 20px; }
#sub_contents .gallery_area .figcaption p { margin: 0; color: #fff; }
#sub_contents .gallery_area .slider_btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); border: none; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 18px; display: flex; align-items: center; justify-content: center; z-index: 10; color: #fff; }
#sub_contents .gallery_area .slider_btn.prev { left: 15px; }
#sub_contents .gallery_area .slider_btn.next { right: 15px; }
#sub_contents .gallery_area .slider_dots { text-align: center; margin-top: 15px; }
#sub_contents .gallery_area .slider_dots span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ccc; margin: 0 4px; cursor: pointer; transition: background 0.3s; }
#sub_contents .gallery_area .slider_dots span.is-active { background: #333; }

/* private
-----------------------------*/
#sub_contents .private_area { margin: 0 auto 100px; }
#sub_contents .private_box { margin: 0 auto 100px; }
#sub_contents .private_box .span {display:block; text-align:center;margin-bottom: 30px; }
#sub_contents .private_box .span p{ font-family: "Lato", sans-serif; font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; text-align:center;display: inline-block; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
#sub_contents .private_box .figure { margin: 30px auto; width:100%; display:block;}
#sub_contents .private_box .figure img { width: 100%;  height:300px; object-fit:cover;border-radius:10px;}
#sub_contents .private_box .txt_area { max-width: 100%; margin: 0 auto; line-height: 220%; font-size: 15px; text-align: left; }
#sub_contents .private_area .img_line { display: block; margin: 30px auto 0; max-width:100%; width: 100%; }
#sub_contents .private_box .txt_area strong{font-weight:bold;color:#83AD2D;}

/* commitment
-----------------------------*/
#sub_contents .commitment_area { margin: 0 auto; }
#sub_contents .commitment_area h2 { font-size: 24px; text-align: center; margin-bottom: 5px; }
#sub_contents .commitment_area .span { text-align: center; color: #999; font-family: "Lato", sans-serif; margin-bottom: 50px; display: block; }
#sub_contents .commitment_area .com_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; gap: 10px; }
#sub_contents .commitment_area .com_box:nth-child(even) { flex-direction: row-reverse; }
#sub_contents .commitment_area .com_box img { width: 30%; object-fit: cover; aspect-ratio: 4/4; border-radius:10px;}
#sub_contents .commitment_area .com_box div { width: 65%; line-height: 200%; font-size: 13px; }
#sub_contents .commitment_area .com_box div p{display:inline-block;}
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
#sub_contents .commitment_area .com_box:nth-child(odd) img { animation: float 4s ease-in-out infinite; }
#sub_contents .commitment_area .com_box:nth-child(even) img { animation: float 4s ease-in-out infinite 0.8s; }
#sub_contents .g_area {margin-bottom:50px;}
#sub_contents .g_area .txt_area{width: 100%;}
#sub_contents .g_area .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 18px;display:block;position: relative;border-bottom: dashed 1px #83AD2D;}
#sub_contents .g_area .txt_area .span p{font-weight:bold;}
#sub_contents .g_area .txt_area .strong p{font-weight:bold; margin-bottom:10px;}
#sub_contents .g_area .txt_area  p strong{font-weight:bold; margin-bottom:10px; color:#83AD2D; border:1px dashed #83AD2D; padding:10px 20px; display:block;}
#sub_contents .g_area .txt_area .b{display: block; font-weight: bold; margin-top: 15px;font-size: 16px;line-height: 1.5em;font-family: "Lato", sans-serif; position:relative; padding-left:15px;}
#sub_contents .g_area .txt_area .b::before{content:""; background:#74b88d; width:6px; height:6px; position:absolute; left:0px; top:40%; border-radius:100px;}
#sub_contents .g_area .figure{width: 100%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

/* popular
-----------------------------*/
#sub_contents .g_area .figure.f_rank{margin-top:40px;}
#sub_contents .g_area .figure.f_rank img.rank{width:160px; height:auto; border-radius:0px; position:absolute; top:0px; margin:0 auto; z-index:100; left:0px; right:0px; top:-30px;}

/* faq
-----------------------------*/
#sub_contents .faq__item {padding:15px 20px;border-radius:0px;width:100%;margin:0 auto;background:#fff;box-shadow:5px 5px 40px #eee; border-radius:10px;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 10px 10px 10px 30px;position: relative;border-bottom:1px dashed #ddd;font-weight:bold;}
#sub_contents .faq__item .dt p{font-weight:bold;}
#sub_contents .faq__item .dd {padding: 10px 10px 10px 30px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 0px;top: 12px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 18px;font-weight:bold;font-family: "Lato", sans-serif;color:#83AD2D; border-radius:100px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 18px;font-weight:bold;fontfont-family: "Lato", sans-serif; }

/* news
-----------------------------*/
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0;padding:0; margin-bottom:30px;}
#sub_contents .cateList section.webgene-blog{display:contents; }
#sub_contents .cateList .webgene-item{width:auto;margin:0;padding:0;}
#sub_contents .cateList p{margin:0;padding:0;line-height:inherit;}
#sub_contents .cateList .webgene-item.categorylist,#sub_contents .cateList article.webgene-item.categorylist{flex:1 1 auto;max-width:48%;}
#sub_contents .cateList .webgene-item.categorylist a{justify-content:center;display: block;text-align: center;color: #fff;;text-transform: capitalize;padding: 1em;font-weight: 500; border:1px solid #333;color:#333; margin:0px 5px 10px; border-radius:100px;}
#sub_contents .webgene-item.categorylist a:hover{background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D;}
#sub_contents .webgene-blog {display: flex;flex-wrap: wrap;gap:0px;}
#sub_contents .webgene-blog .news__img img {border-radius:0px; width:100%;}
#sub_contents .webgene-blog .webgene-item.news_area {width: 100%;box-sizing: border-box; margin-bottom:30px;}
#sub_contents .webgene-blog .news__date{margin-top: 15px;display:inline-block;font-size:15px;font-weight: normal;font-family: "Lato", sans-serif; margin-right:15px; position:relative; padding-left:20px;}
#sub_contents .webgene-blog .news__date::before{content:""; background:#74b88d; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .webgene-blog .news__cate{display:inline-block;padding:0px 20px;font-size:15px;border-radius:0px;margin-bottom:0;color:#83AD2D;border: solid 1px #83AD2D; border-radius:100px;}
#sub_contents .webgene-blog .news_ttl{display:block;margin-top:10px;}

/* news_detail
-----------------------------*/
#sub_contents .webgene-blog .webgene-item {width:100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: 600px; text-align: center; margin: 0 auto 50px;border-radius:0px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:normal;font-family: "Lato", sans-serif; }
#sub_contents .news_text{padding: 15px;border-radius:0px;background:#f7f7f7; border-radius:10px;}
#sub_contents .news_detail .news_datail_ttl {font-size:18px;margin-bottom:15px;text-align:center;}

@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual {padding-top:150px; height:350px;position:relative;z-index:0;overflow: hidden;margin-top: 0px; background:url("../images/sub_visual.png"); background-attachment:fixed; text-align:center; color:#fff;}
#sub_visual h1{font-size:50px; line-height: 100%;letter-spacing: 0.1em;font-weight: 600;text-transform: capitalize;color:#fff;}
#sub_visual .small{font-size:26px;line-height:100%;color:#fff;font-family: "Lato", sans-serif; font-weight:normal;}

/* sub_contents
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 1200px; margin: 90px auto 80px;position: relative;padding-bottom: 100px;width:94%;padding-left:0;}
#sub_contents .h2::after{ position:absolute; content:""; background:#83AD2D; width:40px; top:-21px; left:0; right:0; margin:0 auto; height:4px;}
#sub_contents .h2::before{ position:absolute; content:""; background:#ccc; width:140px; top:-20px; left:0; right:0; margin:0 auto; height:2px;}
#sub_contents .h2{ text-align:center; margin-bottom:50px; position:relative;}
#sub_contents .h2 .span{font-size:40px;font-family: "Lato", sans-serif; text-transform:uppercase;}
#sub_contents .h2 .small{font-size:18px; font-weight:bold;}
#sub_contents .h2 .small p{font-weight:bold;}
#sub_contents h3{font-weight:bold; font-size:30px; margin-bottom:15px; position:relative; padding-left:40px}
#sub_contents h3::before{content:""; background:#74b88d; width:16px; height:16px; position:absolute; left:0px; top:40%; border-radius:100px;}
#sub_contents .img_cen{ text-align: center; margin-bottom:30px;}
#sub_contents .img_cen img{border-radius:15px;}
#sub_contents .txt_cen{ text-align: center; font-size:17px; line-height: 250%;}
#sub_contents .txt_cen p{line-height: 220%;}
#sub_contents .txt_cen strong{ font-size:25px; font-weight:bold;}
#sub_contents .pd0{padding-bottom: 0px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb70{margin-bottom: 70px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg.mt100{margin-top: -190px; padding-top:250px;}
#sub_contents .sub_bg{background:#f7f7f7; padding:80px 0px;}

/* btn
-----------------------------*/
#sub_contents .btn_list .li{width:30%;text-align: center;text-transform: capitalize;padding: 1em;font-weight: 500; border:1px solid #333;color:#333; margin:10px; border-radius:100px;}
#sub_contents .btn_list .li.is-active {background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D; opacity:1.0;}
#sub_contents .btn_list .li:hover{background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:#f7f7f7;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:1200px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;}
#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;color:#67bf1a;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* staff
-----------------------------*/
#sub_contents .bg_staff01{background:#ecfcdd;padding:100px 0px 0px; margin-top:-100px;}
#sub_contents .bg_staff01 .section{margin:0px auto;}
#sub_contents .bg_staff01 .section::before{position:absolute; content:"qualification"; font-size:140px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:25%; color:#67bf1a; text-transform:uppercase;}
#sub_contents .bg_staff01 p{line-height:250%;}
#sub_contents .bg_staff02{background:#f6fdf0;padding:100px 0px 0px;}
#sub_contents .bg_staff02 .section{margin:0px auto;}
#sub_contents .bg_staff02 .section::before{position:absolute; content:"REASON"; font-size:170px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:1%; color:#67bf1a;}
#sub_contents .bg_staff02 p{line-height:250%;}
#sub_contents .bg_staff01 .section::before, #sub_contents .bg_staff02 .section::before { opacity: 0; filter: blur(20px); transition: opacity 2s ease, filter 2s ease; }
#sub_contents .bg_staff01.is-show .section::before { opacity: 0.1; filter: blur(0); }
#sub_contents .bg_staff02.is-show .section::before { opacity: 0.1; filter: blur(0); }

/* access
-----------------------------*/
#sub_contents iframe{height:500px; width:100%;}
#sub_contents .tbl_access { margin: 0 auto; width:90%;}
#sub_contents .tbl_access .tr { display: flex; align-items: flex-start; padding: 15px 0px; border-bottom: 1px solid #ddd; position: relative; }
#sub_contents .tbl_access .tr::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 180px; height: 2px; background: linear-gradient(90deg, rgba(131,173,45,1) 0%, rgba(93,198,19,1) 100%); display:inherit;}
#sub_contents .tbl_access .th { width: 200px; font-size: 14px; padding-top: 2px; text-align:center;display:inherit;background:none;color:inherit;}
#sub_contents .tbl_access .td { flex: 1; font-size: 14px; line-height: 200%; width:auto;display:inherit;}
#sub_contents .tbl_access p { margin: 0; }
#sub_contents .sub_slider { overflow: hidden; width: 100%; margin-bottom: 50px; }
#sub_contents .sub_slider .slider_inner { display: flex; animation: infiniteSlide 60s linear infinite; width: max-content; }
#sub_contents .sub_slider .slider_inner img { width: 400px; height: 300px; object-fit: cover; margin-right: 25px; flex-shrink: 0; border-radius:10px;}
@keyframes infiniteSlide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
#sub_contents .transportation_list {  margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; }
#sub_contents .transportation_list .txt { flex: 1 1 calc(50% - 20px); background: #fff; border-radius: 12px; padding: 40px 30px; text-align: center; line-height: 180%; }
#sub_contents .transportation_list .txt::before { display: block; font-size: 50px; margin-bottom: 30px; }
#sub_contents .transportation_list .txt:nth-child(1)::before { content: '🚇'; }
#sub_contents .transportation_list .txt:nth-child(2)::before { content: '🏘️'; }
#sub_contents .transportation_list .txt:nth-child(3)::before { content: '🏢'; }
#sub_contents .transportation_list .txt:nth-child(4)::before { content: '🚲'; }
#sub_contents .transportation_list .txt p { margin: 0; font-weight:bold;}

/* stylebook
-----------------------------*/
#sub_contents .gallery_area { position: relative; overflow: hidden; max-width: 30%; margin: 0 auto 100px; }
#sub_contents .gallery_area .slider_track { display: flex; transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1); }
#sub_contents .gallery_area .figure { min-width: 100%; position:relative;}
#sub_contents .gallery_area .figure img { width: 100%; aspect-ratio: 4/3; height: 500px; object-fit: cover; display: block; opacity: 1 !important; filter: none !important; transform: none !important; border-radius: 20px; }
#sub_contents .gallery_area .figcaption { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(131,173,45,.7); color: #fff; padding: 12px 20px; font-size: 15px; border-radius: 0px 0px 20px 20px; }
#sub_contents .gallery_area .figcaption p { margin: 0; color: #fff; }
#sub_contents .gallery_area .slider_btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); border: none; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 18px; display: flex; align-items: center; justify-content: center; z-index: 10; color: #fff; }
#sub_contents .gallery_area .slider_btn.prev { left: 15px; }
#sub_contents .gallery_area .slider_btn.next { right: 15px; }
#sub_contents .gallery_area .slider_dots { text-align: center; margin-top: 15px; }
#sub_contents .gallery_area .slider_dots span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ccc; margin: 0 4px; cursor: pointer; transition: background 0.3s; }
#sub_contents .gallery_area .slider_dots span.is-active { background: #333; }

/* private
-----------------------------*/
#sub_contents .private_area { margin: 0 auto 100px; }
#sub_contents .private_box { margin: 0 auto 200px; }
#sub_contents .private_box .span {display:block; text-align:center;margin-bottom: 30px; }
#sub_contents .private_box .span p{ font-family: "Lato", sans-serif; font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align:center;display: inline-block; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
#sub_contents .private_box .figure { margin: 30px auto; width:85%; display:block;}
#sub_contents .private_box .figure img { width: 100%;  height:400px; object-fit:cover;border-radius:20px;}
#sub_contents .private_box .txt_area { max-width: 85%; margin: 0 auto; line-height: 220%; font-size: 15px; text-align: left; }
#sub_contents .private_area .img_line { display: block; margin: 40px auto 0; max-width: 700px; width: 100%; }
#sub_contents .private_box .txt_area strong{font-weight:bold;color:#83AD2D;}

/* commitment
-----------------------------*/
#sub_contents .commitment_area { margin: 0 auto; }
#sub_contents .commitment_area h2 { font-size: 36px; text-align: center; margin-bottom: 5px; }
#sub_contents .commitment_area .span { text-align: center; color: #999; font-family: "Lato", sans-serif; margin-bottom: 60px; display: block; }
#sub_contents .commitment_area .com_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 80px; gap: 40px; }
#sub_contents .commitment_area .com_box:nth-child(even) { flex-direction: row-reverse; }
#sub_contents .commitment_area .com_box img { width: 45%; object-fit: cover; aspect-ratio: 4/3; border-radius:10px;}
#sub_contents .commitment_area .com_box div { width: 50%; line-height: 220%; font-size: 18px; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
#sub_contents .commitment_area .com_box:nth-child(odd) img { animation: float 4s ease-in-out infinite; }
#sub_contents .commitment_area .com_box:nth-child(even) img { animation: float 4s ease-in-out infinite 0.8s; }
#sub_contents .g_area .txt_area{width: 49%;}
#sub_contents .g_area .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 20px;display:block;position: relative;border-bottom: dashed 1px #83AD2D;}
#sub_contents .g_area .txt_area .span p{font-weight:bold;}
#sub_contents .g_area .txt_area .strong p{font-weight:bold; margin-bottom:15px;}
#sub_contents .g_area .txt_area  p strong{font-weight:bold; margin-bottom:15px; color:#83AD2D; border:1px dashed #83AD2D; padding:10px 30px; display:block;}
#sub_contents .g_area .txt_area .b{display: block; font-weight: bold; margin-top: 15px;font-size: 19px;line-height: 1.5em;font-family: "Lato", sans-serif; position:relative; padding-left:20px;}
#sub_contents .g_area .txt_area .b::before{content:""; background:#74b88d; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .g_area .figure{width: 47%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

/* popular
-----------------------------*/
#sub_contents .g_area .figure.f_rank{margin-top:40px;}
#sub_contents .g_area .figure.f_rank img.rank{width:300px; height:auto; border-radius:0px; position:absolute; top:0px; margin:0 auto; z-index:100; left:0px; right:0px; top:-60px;}

/* faq
-----------------------------*/
#sub_contents .faq__item {padding:20px 45px;border-radius:0px;width:100%;margin:0 auto;background:#fff;box-shadow:5px 5px 40px #eee; border-radius:10px;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 10px 15px 40px;position: relative;border-bottom:1px dashed #ddd;font-weight:bold;}
#sub_contents .faq__item .dt p{font-weight:bold;}
#sub_contents .faq__item .dd {padding: 15px 10px 15px 40px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 0px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 24px;font-weight:bold;font-family: "Lato", sans-serif;color:#83AD2D; border-radius:100px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 24px;font-weight:bold;fontfont-family: "Lato", sans-serif; }

/* news
-----------------------------*/
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0;padding:0; margin-bottom:50px;}
#sub_contents .cateList section.webgene-blog{display:contents; }
#sub_contents .cateList .webgene-item{width:auto;margin:0;padding:0;}
#sub_contents .cateList p{margin:0;padding:0;line-height:inherit;}
#sub_contents .cateList .webgene-item.categorylist,#sub_contents .cateList article.webgene-item.categorylist{flex:1 1 auto;max-width:22%;}
#sub_contents .cateList .webgene-item.categorylist a{justify-content:center;display: block;text-align: center;color: #fff;;text-transform: capitalize;padding: 1em;font-weight: 500; border:1px solid #333;color:#333; margin:10px; border-radius:100px;}
#sub_contents .webgene-item.categorylist a:hover{background: #83AD2D; background: linear-gradient(90deg,rgba(131, 173, 45, 1) 0%, rgba(93, 198, 19, 1) 100%);color:#fff;border:1px solid #83AD2D;}
#sub_contents .webgene-blog {display: flex;flex-wrap: wrap;gap: 30px;}
#sub_contents .webgene-blog .news__img img {border-radius:0px; width:100%;}
#sub_contents .webgene-blog .webgene-item.news_area {width: calc(33.333% - 20px);box-sizing: border-box;}
#sub_contents .webgene-blog .news__date{margin-top: 15px;display:inline-block;font-size:15px;font-weight: normal;font-family: "Lato", sans-serif; margin-right:15px; position:relative; padding-left:20px;}
#sub_contents .webgene-blog .news__date::before{content:""; background:#74b88d; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .webgene-blog .news__cate{display:inline-block;padding:0px 20px;font-size:15px;border-radius:0px;margin-bottom:0;color:#83AD2D;border: solid 1px #83AD2D; border-radius:100px;}
#sub_contents .webgene-blog .news_ttl{display:block;margin-top:10px;}

/* news_detail
-----------------------------*/
#sub_contents .webgene-blog .webgene-item {width:100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: 600px; text-align: center; margin: 0 auto 50px;border-radius:0px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:normal;font-family: "Lato", sans-serif; }
#sub_contents .news_text{padding: 50px;border-radius:0px;background:#f7f7f7; border-radius:10px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}  
}

@media screen and (min-width: 1025px) {
/* sub_contents
-----------------------------*/
#sub_contents .section{padding-left:200px;}
}

@media screen and (min-width: 1600px) {  
/* sub_contents
-----------------------------*/
#sub_contents .section{padding-left:0px;}
/* access
-----------------------------*/
#sub_contents .transportation_list .txt { flex: 1 1 calc(25% - 20px); background: #fff; border-radius: 12px; padding: 40px 30px; text-align: center; line-height: 180%; }
}