/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:100px;}
#sub_visual {padding-top: 140px;position: relative;height: 280px; background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:100%; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 30px; text-align: center; font-weight: 500;letter-spacing: .1em; line-height: 200%; margin: 20px 0 0 0; z-index: 2; color: #332719; margin: 20px 0 0 0;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 20px; text-align: center; font-weight: 500; letter-spacing: .12em; line-height: 200%; z-index: 2;color: #b68745;font-family: "Cormorant Garamond", serif; text-transform: capitalize;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:none;position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb {background:none; text-align:left; max-width:94% ;margin:0 auto;margin:20px 15px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:20px; 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:#fff;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents section{max-width: 100%; margin: 30px auto 60px;position: relative;width:94%;}
#sub_contents .section{max-width: 100%; margin: 30px auto 60px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents h2{font-family: "Cormorant Garamond", serif;  text-align: center;font-size:35px; margin-bottom:5px; position: relative; line-height: 150%; padding-top: 25px; letter-spacing: 0.1em;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;}
#sub_contents h3{margin: 50px auto 20px; padding: 5px 15px;font-size: 22px;font-weight: 500;line-height: 1.4; border-left: 6px solid #6d5332;}
#sub_contents .txt_cen{ text-align: center; line-height: 200%;}
#sub_contents .tcen{text-align:center;font-size:16px;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;font-weight: bold;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 5px;}
#sub_contents .mb20{margin-bottom: 10px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb40{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{padding: 30px 0px;background: #fff;}
#sub_contents .sub_bg02{padding: 30px 0px;}
#sub_contents .h2-small{letter-spacing: 0.1em;}
#sub_contents .bold{font-weight: 500;}
#link01 {margin-top:-100px;padding-top:100px;}
#link02 {margin-top:-100px;padding-top:100px;}
#link03 {margin-top:-100px;padding-top:100px;}
    
/* tab
-----------------------------*/
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 15px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; font-weight: normal;}
#sub_contents .tab.is-active {padding: 15px 0; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{ display:flex;justify-content:center;flex-wrap:wrap;column-gap:4%;row-gap:40px;padding-top:40px;}
#sub_contents .anker__item{width: 100%;height: 30px;position: relative;display: block;margin-bottom: 50px;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;color:#fff;border:1px solid #87654b;color:#87654b;}
#sub_contents .anker__item a:hover {color:#fff;background:#87654b;}
#sub_contents .anker__items.con .anker__item a {color:#87654b;border:1px solid #87654b;color:#87654b; background:#f6f1ef;}
#sub_contents .anker__items.con .anker__item a:hover {border:1px dashed #87654b; background:#dbcbc0;}
#sub_contents .anker__items.con .anker__item a img{display:inline-block;; width:30px;}  
#sub_contents .anker__item p {line-height: 50px;font-size:16px;}
#item01,#item02,#item03,#item04,#item05,#item06,#item07,#item08,#item09,#item10,#item11,#item12{margin-top:-120px;padding-top:120px;}
#link01,#link02,#link03,#link04,#link05,#link06{scroll-margin-top: 120px;}

/* concept
-----------------------------*/
#sub_contents .concept_box{background:#6d5332; padding:40px 0px;}
#sub_contents .concept_box .section{background:rgba(255,255,255,.7);padding:50px 30px;}
#sub_contents .concept_box .section .box{position:relative;}
#sub_contents .concept_box .section .box::before{position:absolute; content:"";right:-100px;top:-100px;background:url(/system_panel/uploads/images/sub_illust_ballun.png) no-repeat; width:250px; height:250px; background-size:contain; z-index:100;}
#sub_contents .concept_box .section .txt_area {width: 100%;} 
#sub_contents .concept_box .section .txt_area .span{font-size:30px; margin:30px 0;} 
#sub_contents  .concept_box .section .img_area{width: 100%;position: relative;} 
#sub_contents  .concept_box .section .img_area .catch{position:absolute; bottom:-30px; right:60px;}  
#sub_contents .comm_g_area .txt_area {width: 55%;} 
#sub_contents .comm_g_area .txt_area .ttl{font-size:21px;} 
#sub_contents .comm_g_area .txt_area .num{font-size:40px;} 
#sub_contents .comm_g_area .img{width: 50%;margin-left: calc(50% - 47vw);flex: 1;margin-right: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .comm_g_area .img02{width: 40%;margin-right: calc(50% - 47vw);flex: 1;margin-left: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .comm_g_area .img img, #sub_contents .comm_g_area .img02 img{width: 100%;}
#sub_contents .access_area{column-gap: 2%; row-gap: 20px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:46%;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%; margin-bottom:0px;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #847061;color: #fff; text-align:center;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}

/* color
----------------------------------- */
#sub_contents .check_area{background: #fff; padding:40px 10px 40px 40px;display:flex;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.4); position:relative;font-size:15px;}
#sub_contents .check_area::before {position: absolute;bottom: -8px;right: -8px;width: 100%; height:100%;background:none;border: 1px solid #b89240;content: '';z-index: 1;}
#sub_contents .check_list{font-size:16px; font-weight:500; padding-bottom:5px; border-bottom: 1px solid #6d5332; position:relative;padding-left:30px;margin-bottom:15px; z-index: 2;width:100%;}
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/sub_check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* cut
----------------------------------- */
#sub_contents .concept_area.sub_cut {background:url(../images/sub_cut_bg.png) repeat center center; background-size:cover; padding:80px 20px;color: #fff;background-attachment: fixed; height:auto;margin-bottom: 100px;}
#sub_contents .concept_area.sub_interior {background:url(../images/sub_interior_bg.png) repeat center center; background-size:cover; padding:80px 20px;color: #fff;background-attachment: fixed; height:auto;margin-bottom: 100px;}
#sub_contents .concept_area.sub_color {background:url(../images/sub_color_bg.png) repeat center center; background-size:cover; padding:80px 20px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area .box {background: rgba(150, 135, 120, 0.68);padding:60px 10px;text-align: center;}
#sub_contents .concept_area .box .ttl {font-size:18px;font-weight:500;line-height:2;display:inline-block;margin-top:0;}
#sub_contents .concept_area .box p {line-height:2;font-size: 16px;}
#sub_contents .concept_area.sub_cut,
#sub_contents .concept_area.sub_interior,
#sub_contents .concept_area.sub_color{
  background-attachment: scroll;   /* ←これが重要（fixedを殺す） */
  background-position: center top; /* 好みで center center でもOK */
  background-repeat: no-repeat;    /* repeatだと拡大が目立つことも */
  background-size: auto 100%;}
#sub_contents .fea_textBox {position: relative;}
#sub_contents .fea_textBox.sub_guide {background-color: #ffffff;padding: 30px 40px;border: double 4px #111;}
#sub_contents .fea_textBox .img{width: 100%;margin-bottom: 0px;position:relative;}
#sub_contents .fea_textBox .img img{width: 100%;}
#sub_contents .fea_textBox .textarea {width: 100%;margin-top:20px;}
#sub_contents .fea_textBox .textarea p.ex {line-height:2;font-size:16px;}
#sub_contents .fea_textBox .textarea p.ttl {margin-bottom: 30px;font-weight: normal;font-size: 18px;padding-bottom: 10px;border-bottom: solid 1px #87654b;color: #87654b;}
#sub_contents .fea_textBox .textarea p.ttl.pro {margin-bottom: 0px}
#sub_contents .comm_textBox .textarea p.staff {margin-bottom: 0.5em;font-weight: bold;font-size: 20px;}
#sub_contents .fea_textBox .textarea p.price {text-align: right;padding: 5px 1em;font-size: 18px;width: 100%;}
#sub_contents .fea_textBox .textarea p.number {font-size: 20px;text-transform: capitalize;font-weight: normal;font-family: "Cormorant Garamond", serif;color: #87654b;margin-bottom: 10px;}
#sub_contents .fea_textBox .textarea p.role {font-size: 12px;padding: 3px 2em;}

/* menu
----------------------------------- */
#sub_contents .sub_menu_box {width:100%;margin:20px 0;background: #e6dfda;padding: 40px 15px;border-radius: 40px 0 40px 0;}
#sub_contents .sub_menu_box.w30 {width:32%;margin-bottom:80px;}
#sub_contents .sub_menu_box.w30 .menu__ul .li{border-bottom: 0px solid #f6f1ef;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px solid #f6f1ef;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {font-size: 17px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #a08250;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 10px;font-size: 15px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu_h3 {text-align:center;font-family: "Cormorant Garamond", serif;font-weight: bold;}
#sub_contents .menu_h3 .span{position: relative;font-weight:bold;font-size:25px;display:inline-block;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .num {font-size:22px;padding-right:10px;}
#sub_contents .flow_g_area .txt {font-size:20px;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;} 
#sub_contents .flow_g_area .txt_area {width: 70%;} 
#sub_contents .flow_g_area:not(:last-child):before{bottom: -10%;}
#sub_contents .faqBox {padding: 10px; border: 1px solid #87654b;} 
#sub_contents .anser {padding: 20px 5px 20px 15px; display: flex; align-items: baseline; letter-spacing: 0.05em; } 
#sub_contents .anser .lh{font-weight: 600;}
#sub_contents .faqIcon {font-family: "Cormorant Garamond", serif;color: #87654b; font-weight: bold; font-size: 20px; line-height: 1em; margin: 0 8px 0 0; display: inline-block; } 
#sub_contents .question .lh{font-size:18px; font-weight: 600;}
#sub_contents .question {margin: 0 10px; padding: 6px 5px 10px 5px; border-bottom: 1px solid #cfbfb2; display: flex; align-items: baseline; font-weight: bold; letter-spacing: 0.05em;}

/* voice
-----------------------------*/
#sub_contents .sub_voice {border:1px solid #b89240;padding:40px 30px;width:100%;margin-bottom:50px;}
#sub_contents .sub_voice .left{width:28%;text-align:center;border-right:1px solid #e6dcd1;border-bottom:0px solid #ccc;padding:0 30px 0 10px;}
#sub_contents .sub_voice .left .num{font-size:25px;display:block;line-height:2.5;}
#sub_contents .sub_voice .left img{width:50%;margin:0 auto;}
#sub_contents .sub_voice .right{width:70%;padding:0 10px 0 30px;}
#sub_contents .sub_voice .right .voice_p {background:#F1EAE1; padding:20px;}
#sub_contents .g_list{padding: 0;}
#sub_contents .g_list.col .li{width: 32%; margin: 0px auto 10px;}
#sub_contents .g_list .li{width: 32%; margin: 0px 10px 30px; position: relative;}
#sub_contents .g_list .li img{width: 100%; position: relative; aspect-ratio: 1/1; object-fit: cover;}

/* staff
-----------------------------*/
#sub_contents .staff_textBox .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .staff_textBox .textarea {width: 100%;margin-top:60px;}
#sub_contents .staff_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .staff_textBox .text-container .ttl{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;}
#sub_contents .staff_textBox .text-container .back_en{position: absolute;color: rgba(135, 101, 75, 0.12);z-index: 1;font-size:50px; top: -40px;left: -5%;font-family: "Cormorant Garamond", serif;font-weight: bold;display: block;  white-space: nowrap;line-height: 1;} 
#sub_contents .staff_textBox .tr {border-bottom:1px solid #b8a597;display:flex}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .staff_textBox .tr .th {display:block;width:30%;padding:10px 0px;border-bottom:1px solid #87654b;}
#sub_contents .staff_textBox .tr .td {display:block;width:70%;padding:10px 5px;}
#sub_contents .staff_textBox .tr .td p em{font-style:normal;font-weight:bold;font-size:13px; color:#87654b;}
#sub_contents .staff_textBox .tr .th p,#sub_contents .staff_textBox .tr .td p {font-size: 14px;}
#sub_contents .staff_textBox .staff_ig {width:40px;height:40px;margin:0 5px 30px 5px;display:block;}

/* recruit
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .commit_bg{background: #fff; padding:30px; position: relative;}
#sub_contents .tbl_rec .tr{display: flex;justify-content: flex-start;border: 1px solid #eee;}
#sub_contents .tbl_rec .th{width: 20%;padding: 20px;line-height: 1.6;}
#sub_contents .tbl_rec .td{width: 80%;padding: 20px;line-height: 1.6;border-bottom:2px solid #fff;}
#sub_contents .rec_g_area {position: relative; padding: 50px 30px;}
#sub_contents .rec_g_area .img {width: 40%; margin-bottom:0px;}
#sub_contents .rec_g_area .txt_area {width: 57%;}
#sub_contents .rec_g_area .txt_area .ttl{font-size:22px;}
#sub_contents .rec_g_area .check_area{display:flex;}
#sub_contents .rec_g_area .check_list{font-size:16px; width:100%;}

/* reserve
-----------------------------*/
#sub_contents .sub_bg.bg_res{padding:30px 0;background:radial-gradient(900px 600px at 90% 10%,rgba(255,255,255,.85),rgba(255,255,255,.4) 40%,rgba(255,255,255,0) 70%),radial-gradient(700px 520px at 20% 80%,rgba(205,178,150,.45),rgba(205,178,150,.18) 45%,rgba(205,178,150,0) 70%),radial-gradient(800px 500px at 40% 50%,rgba(190,160,130,.18),rgba(190,160,130,0) 70%),linear-gradient(135deg,#f4efe9 0%,#efe7de 35%,#e9ded3 60%,#f6f2ed 100%);background-repeat:no-repeat;background-attachment:fixed;}
#sub_contents .c_policy {margin-bottom:50px; background:rgba(255,255,255,.4); padding:10px 30px 40px;}
#sub_contents .c_policy img{display:inline-block; width:50px; margin-right:10px;}
#sub_contents .c_policy .ttl {display:inline-block;font-size:18px;background:none;color: #87654b; border-top:none;margin-bottom: 10px;}
#sub_contents .c_policy p {border-top:1px dashed #87654b; padding-top:20px; margin-top:20px;}

/* voice
----------------------------------- */
#sub_contents .graybox {background-color: #f8f7f7;padding: 30px 40px;scroll-margin-top:120px;}
#sub_contents .comm_textBox {position: relative;scroll-margin-top:120px;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 0px;position:relative;}
#sub_contents .comm_textBox .img img{object-fit: cover;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;padding:15px 0px;}
#sub_contents .comm_textBox .textarea p.number {font-size: 15px;margin-bottom: 5px;font-weight: normal;color: #a08250;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #a08250;margin-bottom: 20px;font-weight: normal;font-size: 22px;padding-bottom:10px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;margin-bottom: 10px;font-size: 16px;}
#sub_contents .comm_textBox .textarea p.staff {font-size: 17px;font-weight: bold;margin-top: 10px;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){width: 100%; justify-content: flex-center;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {width: 32.6%;display: inline-block;margin: 0 3px; /*margin-right: 1%;*/margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; font-weight:normal;border:1px solid #6d5332; color:#6d5332;}
#sub_contents .webgene-item.categorylist a:hover{background: #6d5332; color:#fff;border:1px solid #87654b; }
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #87654b;}
#sub_contents .webgene-blog .news__date{font-family: "Cormorant Garamond", serif;/* margin-right: 15px; */display:inline-block;font-size:18px; font-weight:500;}
#sub_contents .webgene-blog .news__cate{/* margin-right: 15px; */display:inline-block; background:#F9D954; padding:3px 10px;font-size:14px; font-weight:bold;}
#sub_contents .webgene-blog .news_ttl{font-weight:500;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 10px;font-size: 18px;border-bottom: 1px solid #6d5332;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-family: "Cormorant Garamond", serif; color: #6d5332; font-size: 20px; font-weight:500; text-align:center;display:block;}
#sub_contents .area_blog{background: #fff;margin: 20px 0;box-sizing: border-box;overflow: hidden;width: 100%; padding: 30px 30px;}
#sub_contents .area_blog figure{width: 45%; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center; margin-top: 50px;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #333333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #333333;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333333; text-decoration: none;}
#sub_contents .btn_clear{margin: 30px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 25px;border:1px solid #87654b;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 1px;background: #b89240;transition: width 0.3s ease;}

/* PC  */
@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:140px;}
#sub_visual {padding-top: 140px;position: relative;height: 400px; background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 50px; text-align: center; font-weight: 500;letter-spacing: .1em; line-height: 200%; margin: 20px 0 0 0; z-index: 2; color: #332719; margin: 20px 0 0 0;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 25px; text-align: center; font-weight: 500; letter-spacing: .12em; line-height: 200%; z-index: 2;color: #b68745;font-family: "Cormorant Garamond", serif; text-transform: capitalize;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;margin:0 auto;margin-bottom:10px; margin-top:10px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#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:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents section{max-width: 1280px; margin: 40px auto 60px;position: relative;width:94%;}
#sub_contents .section{max-width: 1280px; margin: 50px auto 60px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents h2{font-family: "Cormorant Garamond", serif;  text-align: center;font-size:55px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; letter-spacing: 0.1em;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;}
#sub_contents h3{margin: 50px auto 20px; padding: 5px 15px;font-size: 22px;font-weight: 500;line-height: 1.4; border-left: 6px solid #6d5332;}
#sub_contents .txt_cen{ text-align: center; line-height: 200%;}
#sub_contents .tcen{text-align:center;font-size:16px;}
#sub_contents .txt_cen{ text-align: center; font-size:17px; line-height: 200%;font-weight: bold;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{padding: 30px 0px;background: #fff;}
#sub_contents .sub_bg02{padding: 30px 0px;}
#sub_contents .h2-small{letter-spacing: 0.1em;}
#sub_contents .bold{font-weight: 500;}
#link01 {margin-top:-100px;padding-top:100px;}
#link02 {margin-top:-100px;padding-top:100px;}
#link03 {margin-top:-100px;padding-top:100px;}
    
/* tab
-----------------------------*/
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 15px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; font-weight: normal;}
#sub_contents .tab.is-active {padding: 15px 0; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{ display:flex;justify-content:center;flex-wrap:wrap;column-gap:4%;row-gap:40px;padding-top:40px;}
#sub_contents .anker__item{width: 30%;height: 30px;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;color:#fff;border:1px solid #87654b;color:#87654b;}
#sub_contents .anker__item a:hover {color:#fff;background:#87654b;}
#sub_contents .anker__items.con .anker__item a {color:#87654b;border:1px solid #87654b;color:#87654b; background:#f6f1ef;}
#sub_contents .anker__items.con .anker__item a:hover {border:1px dashed #87654b; background:#dbcbc0;}
#sub_contents .anker__items.con .anker__item a img{display:inline-block;; width:30px;}  
#sub_contents .anker__item p {line-height: 50px;font-size:16px;}
#item01,#item02,#item03,#item04,#item05,#item06,#item07,#item08,#item09,#item10,#item11,#item12{margin-top:-120px;padding-top:120px;}
#link01,#link02,#link03,#link04,#link05,#link06{scroll-margin-top: 120px;}

/* concept
-----------------------------*/
#sub_contents .concept_box{background:#6d5332; padding:50px 0px;}
#sub_contents .concept_box .section{background:rgba(255,255,255,.7);padding:50px 80px;}
#sub_contents .concept_box .section .box{position:relative;}
#sub_contents .concept_box .section .box::before{position:absolute; content:"";right:-100px;top:-100px;background:url(/system_panel/uploads/images/sub_illust_ballun.png) no-repeat; width:250px; height:250px; background-size:contain; z-index:100;}
#sub_contents .concept_box .section .txt_area {width: 49%;} 
#sub_contents .concept_box .section .txt_area .span{font-size:50px; margin-bottom:30px;} 
#sub_contents  .concept_box .section .img_area{width: 49%;position: relative;} 
#sub_contents  .concept_box .section .img_area .catch{position:absolute; bottom:-30px; right:60px;}  
#sub_contents .comm_g_area .txt_area {width: 55%;} 
#sub_contents .comm_g_area .txt_area .ttl{font-size:21px;} 
#sub_contents .comm_g_area .txt_area .num{font-size:40px;} 
#sub_contents .comm_g_area .img{width: 50%;margin-left: calc(50% - 47vw);flex: 1;margin-right: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .comm_g_area .img02{width: 40%;margin-right: calc(50% - 47vw);flex: 1;margin-left: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .comm_g_area .img img, #sub_contents .comm_g_area .img02 img{width: 100%;}
#sub_contents .access_area{column-gap: 2%; row-gap: 20px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:46%;}
#sub_contents .tbl_info .tr{width:100%;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:25%;padding:15px 40px;text-align:center;background: #847061;color: #fff;}
#sub_contents .tbl_info .td{width:73%;padding:15px 0px;}

/* color
----------------------------------- */
#sub_contents .check_area{background: #fff; padding:20px 20px 20px 40px;display:flex;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.4); position:relative;font-size:18px;}
#sub_contents .check_area::before {position: absolute;bottom: -8px;right: -8px;width: 100%; height:100%;background:none;border: 1px solid #b89240;content: '';z-index: 1;}
#sub_contents .check_list{font-size:18px; font-weight:500; padding-bottom:5px; border-bottom: 1px solid #6d5332; position:relative;padding-left:30px;margin-bottom:15px; z-index: 2;width:100%;}
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/sub_check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* cut
----------------------------------- */
#sub_contents .concept_area.sub_cut {background:url(../images/sub_cut_bg.png) repeat center center; background-size:cover; padding:80px;color: #fff;background-attachment: fixed; height:auto;margin-bottom: 100px;}
#sub_contents .concept_area.sub_interior {background:url(../images/sub_interior_bg.png) repeat center center; background-size:cover; padding:80px;color: #fff;background-attachment: fixed; height:auto;margin-bottom: 100px;}
#sub_contents .concept_area.sub_color {background:url(../images/sub_color_bg.png) repeat center center; background-size:cover; padding:80px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area.sub_staff {background:url(../images/sub_staff_bg.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area.sub_concept {background:url(../images/sub_concept_bg.png) repeat center center; background-size:cover; padding:20px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area .box {background: rgba(150, 135, 120, 0.68);padding:40px;text-align: center;}
#sub_contents .concept_area .box .ttl {font-size:18px;font-weight:500;line-height:2;display:inline-block;margin-top:0;}
#sub_contents .concept_area .box p {line-height:2;font-size: 16px;}
#sub_contents .fea_textBox {position: relative;}
#sub_contents .fea_textBox.sub_guide {background-color: #ffffff;padding: 30px 40px;border: double 4px #111;}
#sub_contents .fea_textBox .img{width: 45%;margin-bottom: 0px;position:relative;}
#sub_contents .fea_textBox .img img{width: 100%;}
#sub_contents .fea_textBox .textarea {width: 50%;margin-top:20px;}
#sub_contents .fea_textBox .textarea p.ex {line-height:2;font-size:16px;}
#sub_contents .fea_textBox .textarea p.ttl {margin-bottom: 30px;font-weight: normal;font-size: 20px;padding-bottom: 10px;border-bottom: solid 1px #87654b;color: #87654b;}
#sub_contents .fea_textBox .textarea p.ttl.pro {margin-bottom: 0px}
#sub_contents .comm_textBox .textarea p.staff {margin-bottom: 0.5em;font-weight: bold;font-size: 20px;}
#sub_contents .fea_textBox .textarea p.price {text-align: right;padding: 5px 1em;font-size: 18px;width: 100%;}
#sub_contents .fea_textBox .textarea p.number {font-size: 20px;text-transform: capitalize;font-weight: normal;font-family: "Cormorant Garamond", serif;color: #87654b;margin-bottom: 10px;}
#sub_contents .fea_textBox .textarea p.role {font-size: 12px;padding: 3px 2em;}

/* menu
----------------------------------- */
#sub_contents .sub_menu_box {width:45%;margin:40px 0;background: #e6dfda;padding: 40px;border-radius: 40px 0 40px 0;}
#sub_contents .sub_menu_box.w30 {width:32%;margin-bottom:80px;}
#sub_contents .sub_menu_box.w30 .menu__ul .li{border-bottom: 0px solid #f6f1ef;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px solid #f6f1ef;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {font-size: 17px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #a08250;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 20px;font-size: 13px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu_h3 {text-align:center;font-family: "Cormorant Garamond", serif;font-weight: bold;}
#sub_contents .menu_h3 .span{position: relative;font-weight:bold;font-size:30px;display:inline-block;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .num {font-size:22px;padding-right:10px;}
#sub_contents .flow_g_area .txt {font-size:20px;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;} 
#sub_contents .flow_g_area .txt_area {width: 70%;} 
#sub_contents .flow_g_area:not(:last-child):before{bottom: -10%;}
#sub_contents .faqBox {padding: 10px; border: 1px solid #87654b;} 
#sub_contents .anser {padding: 20px 15px; display: flex; align-items: baseline; letter-spacing: 0.05em; } 
#sub_contents .anser .lh{font-weight: 600;}
#sub_contents .faqIcon {font-family: "Cormorant Garamond", serif;color: #87654b; font-weight: bold; font-size: 20px; line-height: 1em; margin: 0 8px 0 0; display: inline-block; } 
#sub_contents .question .lh{font-size:18px; font-weight: 600;}
#sub_contents .question {margin: 0 10px; padding: 6px 15px 10px 5px; border-bottom: 1px solid #cfbfb2; display: flex; align-items: baseline; font-weight: bold; letter-spacing: 0.05em;}

/* voice
-----------------------------*/
#sub_contents .sub_voice {border:1px solid #b89240;padding:40px 30px;width:100%;margin-bottom:50px;}
#sub_contents .sub_voice .left{width:28%;text-align:center;border-right:1px solid #e6dcd1;border-bottom:0px solid #ccc;padding:0 30px 0 10px;}
#sub_contents .sub_voice .left .num{font-size:25px;display:block;line-height:2.5;}
#sub_contents .sub_voice .left img{width:50%;margin:0 auto;}
#sub_contents .sub_voice .right{width:70%;padding:0 10px 0 30px;}
#sub_contents .sub_voice .right .voice_p {background:#F1EAE1; padding:20px;}
#sub_contents .g_list{padding: 0;}
#sub_contents .g_list.col .li{width: 32%; margin: 0px auto 10px;}
#sub_contents .g_list .li{width: 32%; margin: 0px 10px 30px; position: relative;}
#sub_contents .g_list .li img{width: 100%; position: relative; aspect-ratio: 1/1; object-fit: cover;}

/* staff
-----------------------------*/
#sub_contents .staff_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .staff_textBox .textarea {width: 45%;}
#sub_contents .staff_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .staff_textBox .text-container .ttl{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;}
#sub_contents .staff_textBox .text-container .back_en{position: absolute;color: rgba(135, 101, 75, 0.12);z-index: 1;font-size:70px; top: -40px;left: -5%;font-family: "Cormorant Garamond", serif;font-weight: bold;display: block;  white-space: nowrap;line-height: 1;} 
#sub_contents .staff_textBox .tr {border-bottom:1px solid #b8a597;display:flex}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .staff_textBox .tr .th {display:block;width:30%;padding:10px;border-bottom:1px solid #87654b;}
#sub_contents .staff_textBox .tr .td {display:block;width:70%;padding:10px 20px;}
#sub_contents .staff_textBox .tr .td p em{font-style:normal;font-weight:bold;font-size:13px; color:#87654b;}
#sub_contents .staff_textBox .tr .th p,#sub_contents .staff_textBox .tr .td p {font-size: 16px;}
#sub_contents .staff_textBox .p {margin: 30px 0;}
#sub_contents .staff_textBox .staff_ig {width:40px;height:40px;margin:0 5px 30px 5px;display:block;}

/* recruit
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .commit_bg{background: #fff; padding:30px; position: relative;}
#sub_contents .tbl_rec .tr{display: flex;justify-content: flex-start;border: 1px solid #eee;}
#sub_contents .tbl_rec .th{width: 20%;padding: 20px;line-height: 1.6;}
#sub_contents .tbl_rec .td{width: 80%;padding: 20px;line-height: 1.6;border-bottom:2px solid #fff;}
#sub_contents .rec_g_area {position: relative; padding: 50px 30px;}
#sub_contents .rec_g_area .img {width: 40%; margin-bottom:0px;}
#sub_contents .rec_g_area .txt_area {width: 57%;}
#sub_contents .rec_g_area .txt_area .ttl{font-size:22px;}
#sub_contents .rec_g_area .check_area{display:flex;}
#sub_contents .rec_g_area .check_list{font-size:16px; width:100%;}

/* reserve
-----------------------------*/
#sub_contents .sub_bg.bg_res{padding:30px 0;background:radial-gradient(900px 600px at 90% 10%,rgba(255,255,255,.85),rgba(255,255,255,.4) 40%,rgba(255,255,255,0) 70%),radial-gradient(700px 520px at 20% 80%,rgba(205,178,150,.45),rgba(205,178,150,.18) 45%,rgba(205,178,150,0) 70%),radial-gradient(800px 500px at 40% 50%,rgba(190,160,130,.18),rgba(190,160,130,0) 70%),linear-gradient(135deg,#f4efe9 0%,#efe7de 35%,#e9ded3 60%,#f6f2ed 100%);background-repeat:no-repeat;background-attachment:fixed;}
#sub_contents .c_policy {margin-bottom:50px; background:rgba(255,255,255,.4); padding:30px 60px 50px;}
#sub_contents .c_policy img{display:inline-block; width:50px; margin-right:15px;margin-bottom: 10px;}
#sub_contents .c_policy .ttl {display:inline-block;font-size:20px;padding:10px 0;background:none;color: #87654b; border-top:none;}
#sub_contents .c_policy p {border-top:1px dashed #87654b; padding-top:20px; margin-top:5px;}

/* voice
----------------------------------- */
#sub_contents .graybox {background-color: #f8f7f7;padding: 30px 40px;scroll-margin-top:120px;}
#sub_contents .comm_textBox {position: relative;scroll-margin-top:120px;}
#sub_contents .comm_textBox .img{width: 22%;margin-bottom: 0px;position:relative;}
#sub_contents .comm_textBox .img img{object-fit: cover;}
#sub_contents .comm_textBox .textarea {width: 75%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.number {font-size: 18px;margin-bottom: 5px;font-weight: normal;color: #a08250;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #a08250;margin-bottom: 20px;font-weight: normal;font-size: 22px;padding-bottom:10px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;margin-bottom: 20px;font-size: 16px;}
#sub_contents .comm_textBox .textarea p.staff {margin-bottom: 10px;font-size: 18px;font-weight: bold;margin-top: 15px;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){width: 100%; justify-content: flex-center;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {width: 32.6%;display: inline-block;margin: 0 3px; /*margin-right: 1%;*/margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; font-weight:normal;border:1px solid #6d5332; color:#6d5332;}
#sub_contents .webgene-item.categorylist a:hover{background: #6d5332; color:#fff;border:1px solid #87654b; }
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #87654b;}
#sub_contents .webgene-blog .news__date{font-family: "Cormorant Garamond", serif;/* margin-right: 15px; */display:inline-block;font-size:18px; font-weight:500;}
#sub_contents .webgene-blog .news__cate{/* margin-right: 15px; */display:inline-block; background:#F9D954; padding:3px 10px;font-size:14px; font-weight:bold;}
#sub_contents .webgene-blog .news_ttl{font-weight:500;}


/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 10px;font-size: 18px;border-bottom: 1px solid #6d5332;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-family: "Cormorant Garamond", serif; color: #6d5332; font-size: 20px; font-weight:500; text-align:center;display:block;}
#sub_contents .area_blog{background: #fff; padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;width: 100%; padding: 60px;}
#sub_contents .area_blog figure{width: 45%; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center; margin-top: 50px;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #333333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #333333;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333333; text-decoration: none;}
#sub_contents .btn_clear{margin: 30px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 25px;border:1px solid #87654b;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 1px;background: #b89240;transition: width 0.3s ease;}

}

@media screen and (min-width:1024px) {
    
/* concept
-----------------------------*/
#sub_contents .comm_g_area .txt_area .ttl{font-size:25px;}
#sub_contents .access_area{column-gap: 1%; row-gap: 10px;}
#sub_contents .access_list{width:24.2%;}
#sub_contents .access_list img{width:100%;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area:not(:last-child):before{bottom: -13%;}
#sub_contents .flow_g_area{margin-bottom:55px;}

/* reserve
-----------------------------*/
#sub_contents .check_area{padding: 50px 50px 50px 80px;display:flex;}

}