@import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Noto+Sans+TC&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial}:root{--light_grey: #ccc;--grey: #999;--deep_grey: #444;--major-color: #f2edf0;--major-color2: #e6ece5;--major-color3: #ecf0f4;--lesser-color1: #bf9899}img{display:block;width:100%}a{display:block;color:var(--deep_grey);text-decoration:none}section{opacity:0;transform:translateY(20px);transition:all .8s ease-out}section.visible{opacity:1;transform:translateY(0)}header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:8%;left:50%;transform:translate(-50%, 0%);width:85vw;height:1vh;z-index:100}header .nav{display:flex;justify-content:space-between;align-items:center;width:100vw;padding:.8vw 4vw;background-color:rgba(237,181,11,.5);border-radius:90px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}header .nav__logo img{width:8vw;max-height:6vh}header .nav__menu{display:flex}header .nav__menu .nav__item{margin:0 6vw}header .nav__menu .nav__item .nav__link{font-size:1.2vw;letter-spacing:.2vw;color:rgba(100,100,100,.8);transition:color .3s ease-in-out}header .nav__menu .nav__item .nav__link:hover{color:rgba(255,255,255,.9)}header .nav__toggle{display:flex;flex-direction:column;justify-content:center;height:10vh;margin-left:5vw;width:12vh;border:none;background-color:rgba(237,181,11,0)}header .nav__toggle .nav__line{height:.4rem;margin:6% auto;width:100%;background-color:#f8f8f8;box-shadow:2px 3px 2px rgba(237,181,11,.6)}.breadcrumb{display:flex;margin-top:16vh;margin-bottom:4vh;margin-left:8vw;width:24vw}.breadcrumb-item{color:#949494;font-size:.8vw;font-weight:300;letter-spacing:1px;margin:0 2%}.footer{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:#444}.footer a{color:#f8f8f8}.footer__info{height:100%;width:100%;display:flex;justify-content:space-around;align-items:center;color:#f8f8f8}.footer__nav{width:20vw}.footer__nav ul{display:flex;flex-direction:column;justify-content:center}.footer__nav ul li{margin:4vh auto;font-size:1.5vw}.footer__nav ul li img{width:10vw}.footer__contact{display:flex;flex-direction:column;padding:0 10vw;border-left:.25vw #f8f8f8 solid}.footer__company{margin:3vh 0 20vh}.footer__company--ch{font-size:2.8vw;margin:0 0 4vh;letter-spacing:5px}.footer__company--en{font-size:2.8vw;letter-spacing:8px}.footer__address{margin:1vh 0;font-size:1.3vw;letter-spacing:2px}.footer__address p{margin:2vh 0}.Yuuhakuchi{display:flex;justify-content:center;align-items:center;width:100vw;height:10vh;text-align:center;letter-spacing:2px;background-color:#f8f8f8}body.no-scroll{z-index:100}.navigation{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(248,248,248,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-around;padding:6vw 10vw;z-index:100;overflow-y:hidden}.navigation--hidden{display:none;opacity:0}.navigation__buttons{width:40vw;display:flex;flex-direction:column}.navigation__link{width:100%;display:flex;flex-direction:column;margin:6vh 0vh}.navigation__text--ch{font-size:2.2vw;letter-spacing:2px;margin-bottom:1vh}.navigation__text--en{font-size:1.2vw;letter-spacing:4px;margin-bottom:1vh}.navigation__content{width:60vw;display:flex;flex-direction:column;padding-left:10%;margin-top:5vh;border-left:3px solid rgba(47,47,47,.8)}.navigation__banner img{height:300px;-o-object-fit:cover;object-fit:cover;width:510px;border-radius:8px}.navigation__info{margin-top:10vh}.navigation__title{font-size:2.2vw;letter-spacing:4px}.navigation__contact{font-size:1.2vw;letter-spacing:2px;margin:2vh 0}.cleaning-tutorial{display:flex;flex-direction:column}.cleaning-tutorial__header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5vh 0 10vh}.cleaning-tutorial__title{position:relative;margin:2vh 0 2vh 3vw;font-size:2.5vw;letter-spacing:3vw}.cleaning-tutorial__subtitle{position:relative;margin:0vh auto;font-size:1.8vw;letter-spacing:.4vw}.cleaning-tutorial__articles{display:flex;justify-content:space-between;width:85vw;margin:0 auto 5vh}.cleaning-tutorial__article{width:39vw;display:flex;flex-direction:column}.cleaning-tutorial__article img{margin:2vh auto;height:35vh;-o-object-fit:cover;object-fit:cover;box-shadow:1px 1px 3px rgba(68,68,68,.3);border-radius:24px}.cleaning-tutorial__article-title{font-size:1.8vw;line-height:1.6;letter-spacing:1px;margin:1vh 0}.cleaning-tutorial__description{font-size:1vw;margin:2vh 0 4vh;line-height:1.6}.cleaning-tutorial__hashtag{font-size:.8vw;display:flex;justify-content:space-between;letter-spacing:.6px}.cleaning-tutorial__tags{display:flex}.cleaning-tutorial__tag{margin-right:.6vw}