@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK&family=Noto+Sans+SC&family=Noto+Sans+TC&display=swap');@media screen and (max-width:750px){body{font-family:"Yu Gothic Medium" sans-serif;width:100%;margin:0 auto;line-height:1.5;color:#000;font-size:80%}a{color:#926821;text-decoration:none;transition:all .3s}img{height:auto}button{border:1px solid #926821;color:#926821;display:block;transition:all .3s;width:90%;height:60px;line-height:60px;background:0 0;position:relative;font-size:110%;text-align:left;padding-left:20px;margin:20px auto 0 auto}button i{position:absolute;right:20px}.newstitle{font-size:100%;margin-bottom:10px}.entrydate{display:flex;font-size:70%}.entrydate time:after{content:'/';margin:0 5px}header{padding:20px 0}header img{width:60%;height:auto;display:block;margin-left:20px}.language{display:flex;justify-content:center;font-size:80%;margin-top:20px;li{&:after{content:'|';margin:0 10px}&:last-child{&:after{content:none;margin:0}}}}.language li:after{content:"|";margin:0 10px}.icon:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.menu-btn{position:fixed;top:20px;right:20px;z-index:2;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#926821;color:#fff}.menu-btn:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0c9"}.menu-btn.on:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00d"}.gnav{position:fixed;top:0;right:0;z-index:1;width:70vw;height:100vh;display:flex;flex-direction:column;background:#f4f0e9}.gnav li{width:100%;height:auto;box-sizing:border-box}.gnav>li>a,.gnav>li>span{color:#926821;display:block;width:100%;padding:10px 20px;font-size:80%;border-top:1px solid #ccc4b5;position:relative}.gnav{transform:translateX(100vw);transition:all .3s linear}.gnav.is-active{transform:translateX(0)}.gnav.is-close{transform:translateX(100vw);transition:all .3s linear}.catch{width:100%}.catch figure{position:relative;width:100%}.catch figure picture{width:100%;vertical-align:top}.catch figure figcaption{font-size:130%;color:#fff;text-shadow:0 4px 5px #000;position:absolute;top:25%;width:100%;height:100%;margin:0;padding:10px;text-align:center}.catch figure figcaption span{display:block}.top h2,#courselist h2{font-size:150%;position:relative;text-align:center;margin-bottom:40px}.top h2:before,#courselist h2:before{position:absolute;bottom:-10px;left:calc(50% - 25px);width:50px;height:2px;content:'';background:#926821}#message{margin:20px}#message p{margin-bottom:20px;line-height:200%}#message p:last-child{margin-bottom:0}#news{padding:20px;background:#f8f8f8}#news>article article{padding:20px}#news>article article:first-child{padding-top:0}#news img{display:block;width:100%;height:auto;margin-bottom:20px}.map{text-align:center;margin-bottom:20px}#area{margin:20px}.top .arealist{width:100%}.top .arealist li a{width:100%;display:block;text-align:center;padding:5px 10px;border-radius:200px;background:#9b8e76;margin-bottom:10px;color:#fff}#area archive archive:last-child{margin-bottom:0}#area archive archive{margin-bottom:10px;display:block;border:1px solid #926821;padding:20px}#area archive archive img{display:block;margin-bottom:20px}#area archive archive button{display:block;width:100%}.top .area{width:100%;font-size:80%;display:block;padding:5px 10px;background:#9b8e76;color:#fff;margin-bottom:10px}#area h3{font-size:110%}#area h3 span{display:block;margin-bottom:10px;font-size:50%}.singlecatch{text-align:center}.singlecatch figure{width:100%;display:block}.singlecatch figure figcaption>span{width:100%;font-size:80%;display:block;padding:5px 10px;background:#9b8e76;color:#fff;margin-bottom:10px}.singlecatch figure figcaption h1{font-size:130%;color:#926821;font-weight:700}.singlecatch figure figcaption h1 span{font-size:70%;display:block}.single p{margin-bottom:20px;line-height:200%}.single p:last-child{margin-bottom:0}.single{margin:20px}.point{border-left:3px solid #926821;padding:10px;margin:20px 0}.point strong{display:block;color:#926821;margin-bottom:10px;font-size:130%;font-weight:700}.contents>li{border:1px solid #926821;margin-bottom:20px}.contents li figure{position:relative;width:100%;height:auto;padding:20px 20px 0}.contents li figure img{display:block;margin-bottom:10px}.contents li figure figcaption h2{font-size:130%;margin-bottom:10px;color:#926821;font-weight:700}.contents li .txt{padding:0 20px}.contents li .access{padding:20px;background:#e8e5df;margin:20px;font-size:80%}.itemlist .imgleft{border-top:1px dotted #926821;padding:20px}.itemlist .imgleft:last-child{margin-bottom:0}.itemlist .imgleft img{width:100%;display:block;margin-bottom:10px}.itemlist .imgleft div h3{font-size:120%;color:#926821;margin-bottom:10px;font-weight:700}.itemlist .imgleft div button{width:100%}#courselist ul{margin-bottom:20px}#courselist ul li{width:100%;margin-bottom:20px}#courselist ul li button{width:100%}#courselist picture{display:block;margin-bottom:20px}#courselist .area{width:100%;display:block;text-align:center;padding:0 5px;border-radius:200px;background:#9b8e76;color:#fff;margin-bottom:10px}#courselist h3{font-size:130%;margin-bottom:10px;color:#926821}#courselist h3 span{display:block;font-size:50%;margin-bottom:10px;color:#000}footer{background:#f4f0e9;font-size:80%}footer small{display:block;background:#926821;padding:10px;text-align:center;color:#fff;font-size:60%}.fnav li a{display:block;padding:10px;border-bottom:1px solid #ccc4b5}.fnav li:first-child a{border-top:1px solid #ccc4b5}.nav02 li:first-child a{border-top:none}.sns{display:grid;grid-template-columns:repeat(2,50%);row-gap:40px;padding:40px 0}.sns li a{display:block;margin:0 auto;text-align:center}.sns li a i{border-radius:50%;background:#926821;color:#fff;width:50px;height:50px;font-size:150%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.snscol2 li p{background:#9b8e76;padding:10px;text-align:center;color:#fff;margin-bottom:20px}.snscol2 li>ul{display:grid;grid-template-columns:repeat(3,50px);gap:50px;text-align:center;justify-content:center;margin-bottom:20px}.snscol2 li>ul>li a{display:block;margin:0 auto}.snscol2 li>ul>li a i{margin:0 auto 10px auto;border-radius:50%;background:#926821;color:#fff;width:50px;height:50px;font-size:150%;display:flex;flex-direction:column;align-items:center;justify-content:center}.partner{display:grid;grid-template-columns:repeat(2,1fr)}.partner li a{width:100%;display:block;padding:10px;text-align:center;background:#cb9b4a;color:#fff}.partner li:first-child a{border-right:1px solid #fff}.pconly{display:none}}