@charset "utf-8";
/* CSS Document */
/*Reset*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,tbody,tfoot,th,thead,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%}body{line-height:1;-webkit-text-size-adjust:none;margin:0 auto;width:100%}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}img{border:0;vertical-align:bottom;max-width:100%}ol,ul{list-style:none}.clearfix:after{content:"";display:block;clear:both}a:link,a:visited{color:#121212}a:active,a:link,a:visited{text-decoration:none}

main {font-family: 'BIZ UDPGothic', sans-serif; font-weight: 400;}
.wf, .room_name {font-family: 'Lato', sans-serif; font-weight: 400;}
.head_catch {font-family: 'Noto Serif JP', serif;}

.access_pv {margin-top: 2rem; aspect-ratio: 16 / 9; max-width: 600px;}
.access_pv iframe {width: 100%; height: 100%;}

/*ハンバーガーメニュー*/
.toggle_btn {display: block;  width: 44px; height: 50px; transition: all .5s; position: fixed; top: 0; left: 0; cursor: pointer; z-index: 3; padding: 1rem; background-color: rgba(255,255,255,0.5);}
.open .toggle_btn {left: 300px;}
.toggle_btn span:nth-child(n + 2) {display: block; position: absolute; left: 0; width: 44px; height: 2px; background-color: #121212; border-radius: 4px; transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 0; font-size: 14px;}
.toggle_btn span:nth-child(2) {bottom: 35px; left: 15px;}
.toggle_btn span:nth-child(3) {bottom: 25px; left: 15px;}
.toggle_btn span:nth-child(4) {bottom: 15px; left: 15px;}
.open .toggle_btn span:nth-child(n + 2) {background-color: #121212;}
.open .toggle_btn {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.open .toggle_btn span:nth-child(2), .open .toggle_btn span:nth-child(4) {width: 16px;}
.open .toggle_btn span:nth-child(2) {-webkit-transform: translate(-1px,4px) rotate(-45deg); transform: translate(-1px,4px) rotate(-45deg);}
.open .toggle_btn span:nth-child(4) {-webkit-transform: translate(-1px,-4px) rotate(45deg); transform: translate(-1px,-4px) rotate(45deg);}
@media screen and (max-width: 767px) {.open .toggle_btn {left: 230px;}}

.navlist {display: block; position: fixed; top: 0; left: -300px; bottom: 0; width: 300px; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0;}
.open .navlist { left: 0; opacity: 1;}
.navlist .inner {padding: 25px;}
.navlist .inner .menuList {list-style: none; margin: 0; padding: 0;}
.navlist .inner .menuList li {position: relative; margin: 0; border-bottom: 1px solid #333;}
.navlist .inner .menuList li a {display: block; color: #333; font-size: 14px; padding: 1em; text-decoration: none; transition-duration: 0.2s;}
.navlist .inner .menuList li a:hover {background: #e4e4e4;}
.snsList {width: 90%; margin-top: 2rem;}
.snsList li:nth-child(1) {text-align: center; font-size: 12px; line-height: 1.5em;}
@media screen and (max-width: 767px) {.navlist {left: -220px; width: 220px;}}


/* PC */
@media screen and (min-width:768px) {
main {font-size: 18px;}
.sp {display: none!important;}
.snsList li:nth-child(1) {width: 50%;}

.headbox {width: 100%; margin: 0 auto; color: #ffffff; padding: 10rem 0 1rem; background: #8a8a65 url("../img/ggg/head_bgimage.jpg"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
.headlogo {width: 600px; margin: 0 auto 15rem; text-align: center;}
.head_catch {text-align: center;}
.head_catch.catch1 {font-size: 86px;}
.head_catch.catch2 {font-size: 40px; margin: 3rem auto 4rem;}
.head_catch.catch2 p:nth-child(1) {margin-bottom: 1rem;}
.head_catch.catch3 {width: 900px; margin: 0 auto 4rem;}
.head_catch.catch4 {font-size: 28px; margin: 2rem auto;}
.head_qa {width: 100%; margin: 0 auto; background: #797954; font-size: 20px; display: flex; justify-content: center; align-items: center; padding: 2rem 0;}
.head_qa div:nth-child(1) {background: #292c2c; text-align: center; line-height: 1.5em; padding: 4rem 5rem;}
.head_qa div:nth-child(2) {padding-left: 3rem;}
.head_qa div:nth-child(2) li {margin-bottom: 1rem;}
.head_qa div:nth-child(2) li:last-child {margin-bottom: 0;}
.head_link {width: 900px; margin: 5rem auto 4rem; text-align: center; font-size: 22px; font-weight: 700;}
.head_link a {display: block; padding: 1.5rem 0; color: #292c2c; background: #ffffff; border-radius: 3rem;}

.headplan_wrap {width: 100%; margin: 7rem auto;}
.headplan_txt {text-align: center; margin-bottom: 3rem; font-weight: 700;}
.headplan_txt p:nth-child(1){font-size: 30px; margin-bottom: 1.5rem;}
.headplan_txt p:nth-child(1) .scrollborder {position: relative; z-index: 1; line-height:1.5em;}
.headplan_txt p:nth-child(1) .scrollborder:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0%; height: 10px; background: #ffe785; z-index: -1; transition: all 0.8s;}
.headplan_txt p:nth-child(1) .scrollborder.isActive:after {width: 100%;}
.headplan_txt p:nth-child(2){font-size: 36px; color: #CF0003; margin-bottom: 1.5rem;}
.headplan_txt p:nth-child(2) span {font-size: 50px;}
.headplan_txt p:nth-child(3){font-size: 30px;}
.headplan_time, .headplan_day, .headplan_full {width: 900px; margin: 1rem auto; display: flex; justify-content: center; align-items: center;}
.headplan_time div, .headplan_day div, .headplan_full div {width: 100%;}
.headplan_time div:nth-child(1) {text-align: center; background: #AEB175; color: #ffffff; padding: 1.5rem 0; font-size: 22px; flex-shrink: 2;}
.headplan_day div:nth-child(1) {text-align: center; background: #c3abc5; color: #ffffff; padding: 1.5rem 0; font-size: 22px; flex-shrink: 2;}
.headplan_full div:nth-child(1) {text-align: center; background: #999999; color: #ffffff; padding: 1.5rem 0; font-size: 22px; flex-shrink: 2;}
.headplan_time div:nth-child(2), .headplan_day div:nth-child(2), .headplan_full div:nth-child(2) {padding-left: 2rem; flex-shrink: 1; font-size: 20px;}
.headplan_wrap .prc {padding-left: .5rem; font-size: 32px; font-weight: 700;}
.headplan_wrap .prc .wf {font-size: 64px;}
.headplan_link {width: 900px; margin: 3rem auto 0; border: 1px solid #121212; border-radius: 3rem; text-align: center;}
.headplan_link a {display: block; color: #121212; padding: 1.5rem 0;}
.headplan_ate {text-align: center; font-size: 16px; margin-top: 1rem;}

.headreserve_wrap {margin-bottom: 10rem;}
.headreserve_wrap ul {width: 900px; margin: 0 auto 2rem; text-align: center; display: flex;}
.headreserve_wrap ul li {width: 100%;}
.headreserve_wrap ul li a {display: block; padding: 2rem 0; border-radius: 5rem; color: #ffffff;}
.headreserve_wrap ul li:nth-child(1) {margin-right: 2rem;}
.headreserve_wrap ul li:nth-child(1) a {background: #8a8a65;}
.headreserve_wrap ul li:nth-child(2) a {background: #666666;}
.headreserve_wrap ul li p:nth-child(2) {font-size: 24px; margin-top: 1rem}
.headreserve_ttl {text-align: center; font-weight: 700; font-size: 30px; margin-bottom: 2rem;}
.headreserve_ttl span {color: #12858f;}
.headreserve_imb {width: 900px; margin: 0 auto 3rem;}
.headreserve_link {width: 900px; margin: 0 auto; text-align: center;}
.headreserve_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; font-weight: 700; border-radius: 3rem;}
.fixed {width: 900px; margin: 0 auto; position: fixed; left: 50%; bottom: 3%; z-index: 9999; transform: translate(-50%, 0);}

.news_wrap {width: 100%; margin: 7rem auto;}
.news_ttl {margin: 0 auto .5rem; font-weight: 700; font-size: 24px; text-align: center;}
.news_list {width: 900px; margin: 0 auto; border: 1px solid #cccccc; border-radius: 1rem;}
.news_list li {width: 90%; margin: 0 auto; border-bottom: 1px dotted #cccccc; padding: 1.5rem 0; font-size: 16px;}
.news_list li:last-child {border-bottom: none;}
.news_day {font-size: 14px; margin-bottom: 1rem;}
.news_txt {line-height: 1.5em;}
.news_link {margin: .5rem auto 0;}
.news_link a {background: #dddddd; color: #121212f; font-size: 12px; padding: .5rem 1rem;}

.sdr_wrap {width: 100%; margin: 0 auto 10rem; background: #f2f2f2; padding: 5rem 0;}
.sdr_head {text-align: center; margin: 0 auto 2rem; font-weight: 700;}
.sdr_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.sdr_head p:nth-child(2) {font-size: 46px;}
.sdr_video {width: 900px; margin: 0 auto;}
.sdr_headtxt {width: 900px; margin: 2rem auto 3rem; line-height: 1.7em;}
.sdr_box {width: 900px; margin: 0 auto 3rem; display: flex; flex-wrap: wrap; gap: 2rem;}
.sdr_box li {width: calc(33.333% - 1.5rem);}
.sdr_ttl {text-align: center; font-weight: 700; margin: 1.5rem auto;}
.sdr_txt {font-size: 16px; line-height: 1.5em;}
.sdr_link {width: 900px; margin: 0 auto; text-align: center;}
.sdr_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; border-radius: 3rem;}

.room_wrap {width: 100%; margin: 0 auto 10rem;}
.room_head {text-align: center; margin: 0 auto 2rem; font-weight: 700;}
.room_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.room_head p:nth-child(2) {font-size: 46px;}
.room_headimb {width: 900px; margin: 0 auto; display: flex;}
.room_headimb p {width: 100%;}
.room_headtxt {width: 900px; margin: 2rem auto 3rem; line-height: 1.7em;}
.room_name {text-align: center; font-weight: 700; font-size: 50px; color: #8a8a65; margin: 4rem auto 0;}
.room_sname {width: 900px; margin: 1rem auto 1rem; text-align: center; font-size: 26px; font-weight: 700; border-bottom: 2px solid #8a8a65; padding-bottom: 1rem;}
.room_txt {width: 900px; margin: 1rem auto 0; line-height: 1.7em;}
.mainimb {width: 900px; margin: 0 auto;}
.subimb {width: 700px; margin: 0 auto; margin-top: 1em; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.subimb li {list-style: none; width: 30%; margin-bottom: 1em;}
.subimb img {width: 100%; height: 100%; object-fit: cover;}

.room_subpv {width: 900px; margin: 0 auto 3rem; display: flex;}
.room_subpv li {width: 100%;}
.room_subpv li:nth-child(1) {margin-right: 2rem;}
.room_subpv div:nth-child(2) {line-height: 1.5em; margin: 1rem auto;}
.room_subpv div:nth-child(3) {font-size: 14px; color: #666666;}

.room_sub {width: 100%; background: #f2f2f2; padding: 3rem 0; margin: 5rem auto 0;}
.room_subbox {width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem;}
.room_subbox li {width: calc(33.333% - 1.5rem);}
.room_subbox p:nth-child(2) {margin: 1rem auto 0; font-size: 16px; line-height: 1.5em;}
.room_subbox2 {width: 900px; margin: 3rem auto 5rem; display: flex; flex-wrap: wrap; gap: 0 3rem;}
.room_subbox2 li {width: calc(50% - 1.5rem); display: table; border-bottom: 1px solid #121212; padding: 1.5rem 0;}
.room_subbox2 li:nth-child(-n + 2) {border-top: 1px solid #121212;}
.room_subbox2 li p {display: table-cell; vertical-align: middle;}
.room_subbox2 li p:nth-child(1) {width: 20%;}
.room_subbox2 li p:nth-child(2) {padding-left: 1.5rem; font-size: 16px; line-height: 1.5em;}

.room_servicettl {text-align: center; font-weight: 700; font-size: 30px; color: #8a8a65; margin: 1rem auto 1.5rem;}
.room_servicelist {width: 900px; margin: 0 auto 5rem;}
.room_servicelist li {width: 100%; margin: 0 auto 2rem; display: table;}
.room_servicelist div {display: table-cell; vertical-align: middle;}
.room_servicelist div:nth-child(1) {width: 40%;}
.room_servicelist div:nth-child(2) {padding-left: 2rem;}
.room_servicelist p:nth-child(1) {color: #8a8a65; font-weight: 700; margin-bottom: 1rem; font-size: 20px;}
.room_servicelist p:nth-child(2) {line-height: 1.5em;}
.room_servicelist p:nth-child(3) {font-size: 14px; color: #666666; margin-top: 1rem; line-height: 1.5em;}

.room_parkttl {text-align: center; font-weight: 700; font-size: 30px; color: #8a8a65; margin: 3rem auto 1.5rem;}
.room_park {width: 900px; margin: 0 auto; display: table;}
.room_park div {display: table-cell; vertical-align: middle;}
.room_parkimb {width: 60%; margin: 0 auto;}
.room_parktxt {padding-left: 2rem;}
.room_parktxt p:nth-child(1) {line-height: 1.5em; margin-bottom: 1rem;}
.room_parktxt p:nth-child(2) a {display: block; padding: .5rem 0; background: #121212; color: #ffffff; border-radius: 3rem; font-size: 16px; text-align: center;}

.event_wrap {width: 100%; margin: 0 auto 10rem;}
.event_head {text-align: center; margin: 0 auto 3rem; font-weight: 700;}
.event_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.event_head p:nth-child(2) {font-size: 46px;}
.event_txt {width: 900px; margin: 0 auto; line-height: 1.7em;}

.plan_wrap {width: 100%; margin: 0 auto 10rem;}
.plan_head {text-align: center; margin: 0 auto 2rem; font-weight: 700;}
.plan_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.plan_head p:nth-child(2) {font-size: 46px;}
.plan_box {width: 900px; margin: 0 auto;}
.plan_ttl {width: 100%; margin: 0 auto 1rem; border-left: 4px solid #8a8a65; color: #8a8a65; padding: 1rem 0 1rem 1rem; font-size: 26px; font-weight: 700;}

.plan_table {width: 100%; margin: 0 auto 5rem; overflow-x: auto;}
.plan_table table {width: 100%; white-space: nowrap; text-align: center;}
.plan_table .wf {font-size: 30px;}
.plan_table .zei {font-size: 10px;}
.plan_table .fx {background: #E8E8E8; position: sticky; left: 0; z-index: 1;}
.plan_table thead th {padding: 1rem 0; background: #8a8a65; color: #FFFFFF;}
.plan_table thead th:first-child {background: #FFFFFF;}
.plan_table thead th:nth-child(2n) {background: #7A7A7A;}
.plan_table tbody td {padding: 1rem 1.5rem;}
.plan_table td {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

.plan_pay {width: 900px; margin: 2rem auto 0; border: 3px dashed #dddddd; padding: 2rem 0;}
.plan_pay p:nth-child(1) {width: 80%; margin: 0 auto 1rem;}
.plan_pay p:nth-child(2) {width: 80%; margin: 0 auto; line-height: 1.5em;}
.plan_ently {width: 900px; margin: 2rem auto 0; border: 3px dashed #dddddd; padding: 2rem 0; font-weight: 700; text-align: center;}
.plan_ently .nprc {font-size: 20px; margin-bottom: .5rem; position: relative;}
.plan_ently .nprc:before {position: absolute; content: ""; display: block; transform: translate(-50%, -50%); background-color: #121212; width: 25%; height: 2px; top: 50%; left: 50%;}
.plan_ently .nprc .wf {font-size: 30px;}
.plan_ently .prc {font-size: 30px;}
.plan_ently .prc .wf {font-size: 60px;}
.plan_ate {width: 900px; margin: 2rem auto; font-size: 16px;}
.plan_ate li {margin-bottom: 1rem;}
.plan_link {width: 900px; margin: 0 auto; text-align: center; display: flex;}
.plan_link li {width: 100%;}
.plan_link li:nth-child(1) {margin-right: .5rem;}
.plan_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; border-radius: 3rem;}

.lady_wrap {width: 100%; margin: 0 auto 10rem; background: #f2f2f2; padding: 5rem 0;}
.lady_head {text-align: center; margin: 0 auto 3rem; font-weight: 700;}
.lady_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.lady_head p:nth-child(2) {font-size: 46px;}
.lady_txt {width: 900px; margin: 0 auto 3rem; line-height: 1.5em;}
.ladymain {width: 900px; margin: 0 auto;}
.ladysub {width: 700px; margin: 0 auto; margin-top: 1em; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ladysub li {list-style: none; width: 24%; margin-bottom: 1em;}
.ladysub img {width: 100%; height: 100%; object-fit: cover;}

.lesson_wrap {width: 100%; margin: 0 auto 10rem;}
.lesson_head {text-align: center; margin: 0 auto 3rem; font-weight: 700;}
.lesson_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.lesson_head p:nth-child(2) {font-size: 46px;}
.lesson_txt {width: 900px; margin: 0 auto 3rem; line-height: 1.5em;}
.lesson_box {width: 900px; margin: 0 auto;}
.lesson_teacher {width: 100%; margin: 0 auto 3rem;}
.lesson_teacher li {width: 100%; display: table; margin-bottom: 2rem;}
.lesson_teacher li .teach_imb, .lesson_teacher li .teach_txt {display: table-cell; vertical-align: middle;}
.lesson_teacher li .teach_imb {width: 20%;}
.lesson_teacher li div {margin-bottom: 1rem; line-height: 1.5em;}
.lesson_teacher li .teach_name {font-size: 22px; color: #8a8a65; font-weight: 700;}
.lesson_teacher li .teach_license {font-size: 14px;}
.lesson_ate {width: 100%; margin: 0 auto; font-size: 14px;}
.lesson_ate li {margin-bottom: .5rem;}

.insta_wrap {width: 900px; margin: 0 auto; padding: 4rem 0; position: relative; background: #ffffff; border: 1px solid #8a8a65;}
.insta_wrap:after, .insta_wrap:before {bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.insta_wrap:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 20px; margin-left: -20px;}
.insta_wrap:before {border-color: rgba(138, 138, 101, 0); border-bottom-color: #8a8a65; border-width: 21px; margin-left: -21px;}
.insta_box {width: 700px; margin: 0 auto; display: table;}
.insta_box div {display: table-cell; vertical-align: middle;}
.insta_box .insta_imb {width: 15%; text-align: center;}
.insta_box .insta_imb p:nth-child(1) {font-size: 12px; margin-bottom: .5rem;}
.insta_box .insta_txtbox {padding-left: 4rem;}
.insta_box .insta_ttl {font-size: 24px; color: #8a8a65; font-weight: 700; margin-bottom: 1rem;}
.insta_box .insta_txt {line-height: 1.5em; margin-bottom: 1rem;}
.insta_box .insta_link a {display: block; padding: .5rem 0; text-align: center; font-size: 14px; background: #8a8a65; color: #FFFFFF; border-radius: 2rem;}

.access_wrap {width: 100%; margin: 0 auto 10rem; background: #f2f2f2; padding: 5rem 0;}
.access_head {text-align: center; margin: 0 auto 2rem; font-weight: 700;}
.access_head p:nth-child(1) {font-size: 46px; margin-bottom: 1.5rem;}
.access_head p:nth-child(2) {font-size: 20px;}
.access_view {width: 900px; height: 500px; margin: 2rem auto 0;}
table.access_box {width: 900px; margin: 0 auto; font-size: 16px;}
table.access_box td {border-bottom: 1px solid #cccccc;}
table.access_box tr td:nth-child(1) {background: #f2f2f2; padding-left: 1rem; width: 30%;}
table.access_box tr td:nth-child(2) {padding: .7rem 0 .7rem 1rem; line-height: 1.7em;}
.access_parking {width: 900px; margin: 3rem auto 0; display: flex;}
.access_parking div {width: 100%;}
.access_parking div:nth-child(1) {margin-right: 2rem;}
.access_parkttl {font-weight: 700; margin: 0 auto 1rem; font-size: 20px;}
.parling_view {height: 400px;}
.access_imb {position: relative; background: #ffffff; border: 1px solid #dddddd; padding: 1rem; margin: 1.5rem auto 0;}
.access_imb:after, .access_imb:before {bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.access_imb:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 20px; margin-left: -20px;}
.access_imb:before {border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 21px; margin-left: -21px;}
.access_txt {margin: 1rem auto 0; text-align: center;}

.ate_wrap {width: 100%; margin: 0 auto 10rem;}
.ate_ttl {text-align: center; font-weight: 700; font-size: 46px; margin: 0 auto 2rem;}
.ate_list {width: 900px; margin: 0 auto; font-size: 16px;}
.ate_list li {margin-bottom: 1rem; line-height: 1.5em;}

.qa_wrap {width: 100%; margin: 0 auto 10rem;}
.qa_ttl {text-align: center; font-weight: 700; font-size: 46px; margin: 0 auto 2rem;}
.qa_list {width: 900px; margin: 0 auto; font-size: 18px;}
.qalist_ttl {font-size: 20px; position: relative; padding: 2rem 0 2rem 2rem; border-top: 1px solid #8a8a65;}
.qalist_ttl:after {content:"\025bc"; position: absolute; top: 50%; left: 0; margin-top: -10px; color: #8a8a65; font-size: 16px;}
.qalist_txt {margin: 0 auto 2rem; line-height: 1.5em;}
#acMenu dd {display:none;}

.footer_wrap {width: 100%; background: #8a8a65; padding: 5rem 0;}
.footer_ttl {text-align: center; margin-bottom: 2rem; color: #ffffff;}
.footer_infolist {width: 900px; margin: 0 auto 2rem; text-align: center; display: flex;}
.footer_infolist li {width: 100%;}
.footer_infolist li a {display: block; padding: 1rem 0; color: #ffffff; border: 1px solid #ffffff;}
.footer_infolist li:nth-child(1) {margin-right: 1rem;}
.footer_infotime {text-align: center; font-size: 14px; color: #ffffff;}
.footer_list {width: 900px; margin: 4rem auto; display: flex; flex-wrap: wrap; gap: 1rem;}
.footer_list li {width: calc(25% - .8rem); font-size: 14px; text-align: center;}
.footer_list li a {display: block; padding: .5rem 0; border-bottom: 1px dotted #ffffff; color: #ffffff;}
.copy {text-align: center; font-size: 12px; color: #ffffff;}
}


/* SP */
@media screen and (max-width:768px) {
main {font-size: 16px;}
.pc {display: none!important;}
.snsList li:nth-child(1) {width: 70%;}

.headbox {width: 100%; margin: 0 auto; color: #ffffff; padding: 5rem 0 5rem; background: #8a8a65 url("../img/ggg/head_bgimage.jpg"); background-position: center top; background-repeat: no-repeat; background-size: auto 100%;}
.headlogo {width: 600px; margin: 0 auto 15rem; text-align: center;}
.headlogo {width: 300px; margin: 0 auto 4rem;}
.head_catch {text-align: center;}
.head_catch.catch1 {font-size: 44px;}
.head_catch.catch2 {font-size: 24px; margin: 2rem auto;}
.head_catch.catch2 p:nth-child(1) {margin-bottom: 1rem;}
.head_catch.catch3 {width: 95%; margin: 0 auto 2rem;}
.head_catch.catch4 {width: 90%; margin: 3rem auto 3rem; line-height: 1.5em; font-size: 20px;}
.head_qa {width: 100%; margin: 0 auto; background: #797954; padding: 2rem 0;}
.head_qa div:nth-child(1) {width: 50%; margin: 0 auto 2rem; background: #292c2c; text-align: center; line-height: 1.5em; padding: 2rem 0;}
.head_qa div:nth-child(2) {width: 85%; margin: 0 auto;}
.head_qa div:nth-child(2) li {margin-bottom: 1rem;}
.head_qa div:nth-child(2) li:last-child {margin-bottom: 0;}
.head_link {width: 90%; margin: 2rem auto 0; text-align: center; font-weight: 700;}
.head_link a {display: block; padding: 1.5rem 0; color: #292c2c; background: #ffffff; border-radius: 3rem;}

.headplan_wrap {width: 100%; margin: 5rem auto;}
.headplan_txt {width: 90%; margin: 0 auto 2rem; font-weight: 700; line-height: 1.5em;}
.headplan_txt p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.headplan_txt p:nth-child(1) .scrollborder {position: relative; z-index: 1; line-height:1.5em;}
.headplan_txt p:nth-child(1) .scrollborder:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0%; height: 10px; background: #ffe785; z-index: -1; transition: all 0.8s;}
.headplan_txt p:nth-child(1) .scrollborder.isActive:after {width: 100%;}
.headplan_txt p:nth-child(2) {font-size: 24px; color: #CF0003; margin-bottom: 1.5rem;}
.headplan_txt p:nth-child(2) span {font-size: 34px;}
.headplan_txt p:nth-child(3) {font-size: 20px; line-height: 1.5em;}

.headplan_time, .headplan_day, .headplan_full {width: 90%; margin: 1rem auto;}
.headplan_time div:nth-child(1) {text-align: center; background: #AEB175; color: #ffffff; padding: 1rem 0; font-size: 18px;}
.headplan_day div:nth-child(1) {text-align: center; background: #c3abc5; color: #ffffff; padding: 1rem 0; font-size: 18px;}
.headplan_full div:nth-child(1) {text-align: center; background: #999999; color: #ffffff; padding: 1rem 0; font-size: 18px;}
.headplan_time div:nth-child(2),.headplan_day div:nth-child(2), .headplan_full div:nth-child(2) {text-align: center; margin: 1rem auto 2rem;}
.headplan_wrap .prc {font-size: 20px; font-weight: 700;}
.headplan_wrap .prc .wf {font-size: 36px;}
.headplan_link {width: 90%; margin: 2rem auto 0; border: 1px solid #121212; border-radius: 3rem; text-align: center;}
.headplan_link a {display: block; color: #121212; padding: 1.5rem 0;}
.headplan_ate {text-align: center; font-size: 12px; margin-top: 1rem;}

.headreserve_wrap {margin-bottom: 5rem;}
.headreserve_wrap ul {width: 90%; margin: 0 auto 2rem; text-align: center;}
.headreserve_wrap ul li {width: 100%;}
.headreserve_wrap ul li a {display: block; padding: 1.5rem 0; border-radius: 5rem; color: #ffffff;}
.headreserve_wrap ul li:nth-child(1) {margin-bottom: 1rem;}
.headreserve_wrap ul li:nth-child(1) a {background: #8a8a65;}
.headreserve_wrap ul li:nth-child(2) a {background: #666666;}
.headreserve_wrap ul li p:nth-child(2) {font-size: 20px; margin-top: 1rem}
.headreserve_ttl {text-align: center; font-weight: 700; font-size: 20px; margin-bottom: 2rem;}
.headreserve_ttl span {color: #12858f;}
.headreserve_imb {width: 100%; margin: 0 auto 2rem;}
.headreserve_link {width: 90%; margin: 0 auto; text-align: center;}
.headreserve_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; font-weight: 700; border-radius: 3rem;}
.fixed {width: 90%; margin: 0 auto; position: fixed; left: 50%; bottom: 3%; z-index: 9999; transform: translate(-50%, 0);}

.news_wrap {width: 90%; margin: 5rem auto;}
.news_ttl {margin: 0 auto .5rem; font-weight: 700; font-size: 24px; text-align: center;}
.news_list {width: 100%; margin: 0 auto; border: 1px solid #cccccc; border-radius: 1rem;}
.news_list li {width: 90%; margin: 0 auto; border-bottom: 1px dotted #cccccc; padding: 1.5rem 0; font-size: 14px;}
.news_list li:last-child {border-bottom: none;}
.news_day {font-size: 12px; margin-bottom: .5rem;}
.news_txt {line-height: 1.5em;}
.news_link {margin: .5rem auto 0;}
.news_link a {background: #dddddd; color: #121212f; font-size: 12px; padding: .5rem 1rem;}

.sdr_wrap {width: 100%; margin: 0 auto 5rem; background: #f2f2f2; padding: 5rem 0;}
.sdr_head {width: 90%; margin: 0 auto 1rem; font-weight: 700;}
.sdr_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.sdr_head p:nth-child(2) {font-size: 30px; line-height: 1.3em;}
.sdr_video {width: 100%; margin: 0 auto;}
.sdr_headtxt {width: 90%; margin: 2rem auto 3rem; line-height: 1.7em;}
.sdr_box {width: 90%; margin: 0 auto 3rem; display: flex; flex-wrap: wrap; gap: 1rem;}
.sdr_box li {width: calc(50% - .5rem); margin-bottom: 1rem;}
.sdr_ttl {font-weight: 700; margin: 1.5rem auto; line-height: 1.5em; height: 2rem;}
.sdr_txt {line-height: 1.5em;}
.sdr_link {width: 90%; margin: 0 auto; text-align: center;}
.sdr_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; border-radius: 3rem;}

.room_wrap {width: 100%; margin: 0 auto 5rem;}
.room_head {width: 90%; margin: 0 auto 1rem; font-weight: 700;}
.room_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.room_head p:nth-child(2) {font-size: 30px; line-height: 1.5em;}
.room_headimb {width: 90%; margin: 0 auto;}
.room_headimb p {width: 100%;}
.room_headtxt {width: 90%; margin: 2rem auto; line-height: 1.7em;}
.room_name {text-align: center; font-weight: 700; font-size: 30px; color: #8a8a65; margin: 4rem auto 0;}
.room_sname {width: 90%; margin: 1rem auto 1rem; text-align: center; font-size: 20px; font-weight: 700;}
.room_txt {width: 90%; margin: 1rem auto 0; line-height: 1.7em;}
.mainimb {width: 100%; margin: 0 auto;}
.subimb {width: 90%; margin: 0 auto; margin-top: 1em; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.subimb li {list-style: none; width: 30%; margin-bottom: 1em;}
.subimb img {width: 100%; height: 100%; object-fit: cover;}

.room_subpv {width: 90%; margin: 0 auto 3rem;}
.room_subpv li {width: 100%;}
.room_subpv li:nth-child(1) {margin-bottom: 2rem;}
.room_subpv div:nth-child(2) {line-height: 1.5em; margin: 1rem auto;}
.room_subpv div:nth-child(3) {font-size: 14px; color: #666666;}
.room_sub {width: 100%; background: #f2f2f2; padding: 3rem 0; margin: 3rem auto 0;}
.room_subbox {width: 90%; margin: 0 auto;}
.room_subbox li {width: 100%; display: table; margin-bottom: .5rem;}
.room_subbox li p {display: table-cell; vertical-align: middle;}
.room_subbox li p:nth-child(1) {width: 50%;}
.room_subbox li p:nth-child(2) {padding-left: 1rem; font-size: 16px; line-height: 1.5em;}
.room_subbox2 {width: 90%; margin: 2rem auto 5rem; border-top: 1px solid #121212;}
.room_subbox2 li {border-bottom: 1px solid #121212; padding: 1.5rem 0;}
.room_subbox2 li p {display: table-cell; vertical-align: middle;}
.room_subbox2 li p:nth-child(1) {width: 20%;}
.room_subbox2 li p:nth-child(2) {padding-left: 1.5rem; font-size: 16px; line-height: 1.5em;}

.room_servicettl {text-align: center; font-weight: 700; font-size: 30px; color: #8a8a65; margin: 1rem auto 1.5rem;}
.room_servicelist {width: 90%; margin: 0 auto 5rem;}
.room_servicelist li {width: 100%; margin: 0 auto 2rem;}
.room_servicelist div:nth-child(2) {margin-top: 1rem;}
.room_servicelist p:nth-child(1) {color: #8a8a65; font-weight: 700; margin-bottom: 1rem; font-size: 24px;}
.room_servicelist p:nth-child(2) {line-height: 1.5em;}
.room_servicelist p:nth-child(3) {font-size: 14px; color: #666666; margin-top: 1rem; line-height: 1.5em;}

.room_parkttl {text-align: center; font-weight: 700; font-size: 30px; color: #8a8a65; margin: 4rem auto 1.5rem;}
.room_park {width: 90%; margin: 0 auto;}
.room_parkimb {display: table;}
.room_parkimb p {display: table-cell;}
.room_parktxt {width: 90%; margin: 0 auto;}
.room_parktxt p:nth-child(1) {line-height: 1.5em; margin: 1rem auto;}
.room_parktxt p:nth-child(2) a {display: block; padding: .5rem 0; background: #121212; color: #ffffff; border-radius: 3rem; text-align: center;}

.event_wrap {width: 100%; margin: 0 auto 5rem;}
.event_head {width: 90%; margin: 0 auto 2rem; font-weight: 700;}
.event_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.event_head p:nth-child(2) {font-size: 30px;}
.event_txt {width: 90%; margin: 0 auto; line-height: 1.7em;}

.plan_wrap {width: 100%; margin: 0 auto 5rem;}
.plan_head {width: 90%; margin: 0 auto 3rem; font-weight: 700;}
.plan_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.plan_head p:nth-child(2) {font-size: 30px;}
.plan_ttl {width: 100%; margin: 0 auto 1rem; color: #8a8a65;  font-size: 26px; font-weight: 700; text-align: center;}
.plan_ttl:nth-child(1) {margin-top: 2rem;}

.plan_table {width: 100%; margin: 0 auto 3rem; overflow-x: auto; position: relative;}
.plan_table table {width: 100%; white-space: nowrap; text-align: center;}
.plan_table .wf {font-size: 26px;}
.plan_table .zei {font-size: 10px;}
.plan_table .fx {background: #E8E8E8; position: sticky; left: 0; z-index: 1;}
.plan_table thead th {padding: 1rem 0; background: #8a8a65; color: #FFFFFF;}
.plan_table thead th:first-child {background: #FFFFFF;}
.plan_table thead th:nth-child(2n) {background: #7A7A7A;}
.plan_table tbody td {padding: 1rem;}
.plan_table td {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

.plan_pay {width: 95%; margin: 2rem auto 0; border: 3px dashed #dddddd; padding: 2rem 0;}
.plan_pay p:nth-child(1) {width: 90%; margin: 0 auto 1rem; font-size: 14px;}
.plan_pay p:nth-child(2) {width: 90%; margin: 0 auto; line-height: 1.5em;}
.plan_ently {width: 95%; margin: 2rem auto 0; border: 3px dashed #dddddd; padding: 1.5rem 0; font-weight: 700; text-align: center;}
.plan_ently .nprc {font-size: 20px; margin-bottom: .5rem; position: relative;}
.plan_ently .nprc:before {position: absolute; content: ""; display: block; transform: translate(-50%, -50%); background-color: #121212; width: 25%; height: 2px; top: 50%; left: 50%;}
.plan_ently .nprc .wf {font-size: 26px;}
.plan_ently .prc {font-size: 26px;}
.plan_ently .prc .wf {font-size: 40px;}
.plan_ate {width: 90%; margin: 2rem auto;}
.plan_ate li {margin-bottom: 1rem; line-height: 1.5em;}
.plan_link {width: 90%; margin: 0 auto; text-align: center;}
.plan_link li {width: 100%;}
.plan_link li:nth-child(1) {margin-bottom: 1rem;}
.plan_link a {display: block; padding: 1rem 0; background: #121212; color: #ffffff; border-radius: 3rem;}

.lady_wrap {width: 100%; margin: 0 auto 5rem; background: #f2f2f2; padding: 5rem 0;}
.lady_head {width: 90%; margin: 0 auto 1rem; font-weight: 700;}
.lady_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.lady_head p:nth-child(2) {font-size: 30px;}
.lady_txt {width: 90%; margin: 0 auto 3rem; line-height: 1.5em;}
.ladymain {width: 90%; margin: 0 auto;}
.ladysub {width: 90%; margin: 0 auto; margin-top: 1em; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ladysub li {list-style: none; width: 24%; margin-bottom: 1em;}
.ladysub img {width: 100%; height: 100%; object-fit: cover;}

.lesson_wrap {width: 100%; margin: 0 auto 5rem;}
.lesson_head {width: 90%; margin: 0 auto 1rem; font-weight: 700;}
.lesson_head p:nth-child(1) {font-size: 20px; margin-bottom: 1.5rem;}
.lesson_head p:nth-child(2) {font-size: 30px;}
.lesson_txt {width: 90%; margin: 0 auto 3rem; line-height: 1.5em;}
.lesson_box {width: 90%; margin: 0 auto;}
.lesson_teacher {width: 80%; margin: 0 auto 3rem;}
.lesson_teacher li {width: 100%; margin-bottom: 2rem;}
.lesson_teacher li .teach_imb {display: none;}
.lesson_teacher li div {margin-bottom: 1rem; line-height: 1.5em;}
.lesson_teacher li .teach_name {font-size: 22px; color: #8a8a65; font-weight: 700;}
.lesson_teacher li .teach_license {font-size: 14px;}
.lesson_ate {width: 100%; margin: 0 auto; font-size: 14px;}
.lesson_ate li {margin-bottom: .5rem;}

.insta_wrap {width: 90%; margin: 0 auto; padding: 4rem 0; position: relative; background: #ffffff; border: 1px solid #8a8a65;}
.insta_wrap:after, .insta_wrap:before {bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.insta_wrap:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 20px; margin-left: -20px;}
.insta_wrap:before {border-color: rgba(138, 138, 101, 0); border-bottom-color: #8a8a65; border-width: 21px; margin-left: -21px;}
.insta_box {width: 70%; margin: 0 auto;}
.insta_box .insta_imb {width: 50%; margin: 0 auto; text-align: center;}
.insta_box .insta_imb p:nth-child(1) {font-size: 12px; margin-bottom: .5rem;}
.insta_box .insta_txtbox {margin-top: 2rem;}
.insta_box .insta_ttl {font-size: 24px; color: #8a8a65; font-weight: 700; margin-bottom: 1rem; text-align: center;}
.insta_box .insta_txt {line-height: 1.5em; margin-bottom: 1rem;}
.insta_box .insta_link a {display: block; padding: .5rem 0; text-align: center; font-size: 14px; background: #8a8a65; color: #FFFFFF; border-radius: 2rem;}

.access_wrap {width: 100%; margin: 0 auto 5rem; background: #f2f2f2; padding: 5rem 0;}
.access_head {width: 90%; margin: 0 auto 2rem; font-weight: 700;}
.access_head p:nth-child(1) {font-size: 30px; margin-bottom: 1.5rem;}
.access_head p:nth-child(2) {font-size: 20px; line-height: 1.5em;}
.access_view {width: 90%; height: 400px; margin: 2rem auto 0;}
table.access_box {width: 90%; margin: 0 auto; font-size: 14px;}
table.access_box td {border-bottom: 1px solid #cccccc;}
table.access_box tr td:nth-child(1) {background: #f2f2f2; text-align: center; width: 30%; line-height: 1.5em;}
table.access_box tr td:nth-child(2) {padding: .7rem 0 .7rem 1rem; line-height: 1.5em;}
.access_parking {width: 90%; margin: 3rem auto 0;}
.access_parking div {width: 100%;}
.access_parking div:nth-child(1) {margin-bottom: 3rem;}
.access_parkttl {font-weight: 700; margin: 0 auto 1rem; font-size: 20px;}
.parling_view {height: 300px;}
.access_imb {position: relative; background: #ffffff; border: 1px solid #dddddd; padding: 1rem; margin: 1.5rem auto 0;}
.access_imb:after, .access_imb:before {bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.access_imb:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 20px; margin-left: -20px;}
.access_imb:before {border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 21px; margin-left: -21px;}
.access_txt {margin: 1rem auto 0; text-align: center;}

.ate_wrap {width: 100%; margin: 0 auto 5rem;}
.ate_ttl {text-align: center; font-weight: 700; font-size: 30px; margin: 0 auto 2rem;}
.ate_list {width: 90%; margin: 0 auto; font-size: 16px;}
.ate_list li {margin-bottom: 1rem; line-height: 1.5em;}

.qa_wrap {width: 100%; margin: 0 auto 5rem;}
.qa_ttl {text-align: center; font-weight: 700; font-size: 30px; margin: 0 auto 2rem;}
.qa_list {width: 90%; margin: 0 auto; font-size: 16px;}
.qalist_ttl {font-size: 16px; position: relative; padding: 2rem 0 2rem 2rem; border-top: 1px solid #8a8a65;}
.qalist_ttl:after {content:"\025bc"; position: absolute; top: 50%; left: 0; margin-top: -10px; color: #8a8a65; font-size: 12px;}
.qalist_txt {margin: 0 auto 2rem; line-height: 1.5em;}
#acMenu dd {display:none;}

.footer_wrap {width: 100%; background: #8a8a65; padding: 5rem 0;}
.footer_ttl {text-align: center; margin-bottom: 2rem; color: #ffffff;}
.footer_infolist {width: 90%; margin: 0 auto 2rem; text-align: center;}
.footer_infolist li {width: 100%;}
.footer_infolist li a {display: block; padding: 1rem 0; color: #ffffff; border: 1px solid #ffffff;}
.footer_infolist li:nth-child(1) {margin-bottom: 1rem;}
.footer_infotime {text-align: center; font-size: 14px; color: #ffffff;}
.footer_list {width: 90%; margin: 3rem auto; display: flex; flex-wrap: wrap; gap: 1rem;}
.footer_list li {width: calc(50% - .5rem); font-size: 14px; text-align: center;}
.footer_list li a {display: block; padding: .5rem 0; border-bottom: 1px dotted #ffffff; color: #ffffff;}
.copy {text-align: center; font-size: 12px; color: #ffffff;}
}