.navigationBar{margin:0 auto;height:auto;width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navigationBar h1{font-family:"Great Vibes",cursive;font-size:36px;letter-spacing:5px;font-weight:500;color:#000;margin-left:1.5em}.navigationBar ul{display:flex;margin-right:3em}.navigationBar ul li{display:flex;margin-left:1.5em;font-family:"Roboto",sans-serif;font-weight:700}.navigationBar ul li a{font-size:14px;color:#000}.navigationBar ul li a::after{background-color:#000;border-bottom:solid #000 1px;bottom:0;content:"";display:flex;transition:all .3s ease;-webkit-transition:all .3s ease;width:0}.navigationBar ul li a:hover::after{width:100%}.reserve{position:fixed;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;top:25%;right:0;z-index:1000;background-color:#000;padding:2em 0;transition:.3s}.reserve P{font-size:14px;font-family:"Noto Serif JP",serif;letter-spacing:.35em}.reserve P a{color:#fff}.reserve:hover{box-shadow:0 0 16px gray;background-color:#666}header{margin:0 auto;position:relative;overflow:hidden;width:100%;height:100vh}header .headerContents{position:absolute;top:50%;left:10%}header .headerContents h2{letter-spacing:6px;color:#fff;font-size:22px;font-weight:500;font-family:"Noto Serif JP",serif}header video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:177.78vh;height:56.25vw;z-index:-1}header .scrolldown2{position:absolute;bottom:10px;left:50%}header .scrolldown2 span{position:absolute;left:10px;bottom:10px;color:#eee;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}header .scrolldown2::before{content:"";position:absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius:50%;background:#eee;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite}header .scrolldown2::after{content:"";position:absolute;bottom:0;left:0;width:2px;height:50px;background:#eee}@keyframes circlemove{0%{bottom:45px}100%{bottom:-5px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}.main{margin:0 auto;width:100vw;height:100vh;position:relative}.main .mainBg1{background-image:url(../img/hygiene-870763_1920.jpg);margin:0 auto;width:70%;height:70%;background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:18%;left:0;z-index:-1;box-shadow:#26394d 0px 20px 30px -10px}.main .mainContents{margin:0 auto;width:45%;height:auto;position:absolute;top:55%;right:0;background-color:rgba(255,255,255,.6235294118);backdrop-filter:blur(10px)}.main .mainContents .maintitle{margin:0 auto}.main .mainContents .maintitle h2{margin-top:3em;text-align:center;font-size:22px;font-weight:500;letter-spacing:2px;font-family:"Noto Serif JP",serif;color:#333}.main .mainContents .mainComment{margin:0 auto;width:55%;margin-top:2em}.main .mainContents .mainComment p{text-align:center;font-size:14px;letter-spacing:1px;font-family:"Noto Serif JP",serif;line-height:2.3em}.main .mainContents .mainIntroduction{margin:3em auto}.main .mainContents .mainIntroduction p{text-align:center;font-size:14px;font-family:"Noto Serif JP",serif}.main .mainContents .mainIntroduction p a{border:solid #000 1px;padding:1em 3.5em;transition:.5s}.main .mainContents .mainIntroduction p a:hover{background-color:#000;color:#fff}#page-top{position:fixed;right:10px;bottom:10px;z-index:1000;opacity:0;transform:translateY(100px)}#page-top a{font-family:"Roboto",sans-serif;font-weight:600;display:flex;justify-content:center;align-items:center;background:#000;width:60px;height:60px;color:#fff;text-align:center;text-transform:uppercase;font-size:.6rem;transition:all .3s}#page-top a:hover{box-shadow:0 0 16px gray;background:#666}#page-top.UpMove{animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}#page-top.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(100px)}}.menuContents{height:auto;width:100%;margin:0 auto;margin-top:12em}.menuContents h2{font-family:"Great Vibes",cursive;font-size:32px;text-align:center;margin:1.5em auto;letter-spacing:5px;font-weight:500}.menuContents .slider{height:auto;width:85%;margin:0 auto}.menuContents .slider li img{width:auto;height:45vh}.menuContents .slider .slick-slide{transform:scale(0.7);transition:all .5s;opacity:.5}.menuContents .slider .slick-slide.slick-center{transform:scale(1);opacity:1}.menuContents .slick-prev,.menuContents .slick-next{position:absolute;top:42%;cursor:pointer;outline:none;border-top:2px solid #666;border-right:2px solid #666;height:15px;width:15px}.menuContents .slick-prev{left:1%;transform:rotate(-135deg)}.menuContents .slick-next{right:-2%;transform:rotate(45deg)}.menuContents .slick-dots{margin:0 auto;text-align:center;margin-right:4.5em;margin-top:2em}.menuContents .slick-dots li{display:inline-block;margin:0 5px}.menuContents .slick-dots button{margin:0 auto;color:rgba(0,0,0,0);outline:none;width:8px;height:8px;display:block;border-radius:50%;background:#ccc;cursor:pointer}.menuContents .slick-dots .slick-active button{background:#333}.menuContents .menuIntroduction{margin-top:3em}.menuContents .menuIntroduction p{text-align:center;font-family:"Noto Serif JP",serif;font-size:14px}.menuContents .menuIntroduction p a{border:solid #000 1px;padding:1em 3em;transition:.5s}.menuContents .menuIntroduction p a:hover{background-color:#000;color:#fff}.subContents{width:100vw;height:100vh;position:relative}.subContents .subBg{background-image:url(../img/background-2941794_1920.jpg);margin:0 auto;width:80%;height:80%;background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:20%;right:0;z-index:-1;box-shadow:#26394d 0px 20px 30px -10px}.subContents .sub{margin:0 auto;width:50%;height:auto;position:absolute;top:45%;left:0;background-color:rgba(255,255,255,.6235294118);backdrop-filter:blur(10px)}.subContents .sub h3{margin-top:3em;text-align:center;font-family:"Noto Serif JP",serif;font-size:24px;letter-spacing:3px;font-weight:500}.subContents .sub p{text-align:center;font-family:"Noto Serif JP",serif}.subContents .sub .TEL{font-size:20px;letter-spacing:2px;margin-top:1.5em}.subContents .sub .time{font-size:14px;letter-spacing:1px}.subContents .sub .subIntroduction{margin:4em auto}.subContents .sub .subIntroduction p{text-align:center;font-family:"Noto Serif JP",serif;font-size:14px}.subContents .sub .subIntroduction p a{border:solid #000 1px;padding:1em 5em;transition:.5s}.subContents .sub .subIntroduction p a:hover{background-color:#000;color:#fff}.Blog{width:100%;height:auto;margin:10em auto}.Blog h2{font-family:"Great Vibes",cursive;font-size:32px;text-align:center;margin:1.5em auto;letter-spacing:5px;font-weight:500}.Blog .BlogContents{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;width:100%;height:auto}.Blog .BlogContents .BlogIntroduction{margin:0 auto;height:auto;width:25%;height:auto;margin:2em}.Blog .BlogContents .BlogIntroduction img{margin:0 auto;width:100%;height:auto;transition:.3s}.Blog .BlogContents .BlogIntroduction img:hover{opacity:.5}.Blog .BlogContents .BlogIntroduction p{font-family:"Noto Serif JP",serif;letter-spacing:1px;margin:0 auto}.Blog .BlogContents .BlogIntroduction .uptime{font-size:12px;font-weight:600;color:#666;margin:.5em auto;border-left:solid #666 2px;padding-left:.5em}.Blog .BlogContents .BlogIntroduction .text{font-size:14px;margin-left:.5em}.Blog .Bloglink span:first-child{position:relative;transition:color 600ms cubic-bezier(0.48, 0, 0.12, 1);z-index:10}.Blog .Bloglink span:last-child{color:#fff;display:block;position:absolute;bottom:0;transition:all 500ms cubic-bezier(0.48, 0, 0.12, 1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translateX(-50%);height:14px;line-height:13px}.Blog .Bloglink:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#000;transform-origin:bottom center;transition:transform 600ms cubic-bezier(0.48, 0, 0.12, 1);transform:skewY(9.3deg) scaleY(0);z-index:50}.Blog .Bloglink:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.Blog .Bloglink:hover span:last-child{transform:translateX(-50%) translateY(-100%);opacity:1;transition:all 900ms cubic-bezier(0.48, 0, 0.12, 1)}footer{height:auto;margin:0 auto;position:absolute;width:100%;z-index:999}footer h1{text-align:center;font-family:"Great Vibes",cursive;font-size:28px;letter-spacing:3px;font-weight:500;color:#333}footer .footer_Top{margin:0 auto;width:80%;border-top:solid #eee;display:flex;justify-content:space-between;align-items:center;padding:.3em 0}footer .footer_Top .footer_nav{display:flex}footer .footer_Top .footer_nav p{margin-right:1em;font-size:12px;border-left:solid #cecece 1px;padding-left:1em}footer .footer_Top .footer_nav p a{color:#6d6d6f;transition:.5s}footer .footer_Top .footer_nav p a:hover{opacity:.5}footer .footer_Top ul{display:flex;width:auto}footer .footer_Top ul li{margin-left:1.5em;font-size:12px}footer .footer_Top ul a{color:#6d6d6f;transition:.5s}footer .footer_Top ul a:hover{opacity:.5}footer .footer_bottom{background-color:#f5f5f5;margin:0 auto;padding:.3em 0}footer .footer_bottom .footer_contents{margin:0 auto;width:80%;display:flex;justify-content:space-between;align-items:center}footer .footer_bottom .footer_contents .footer_list{display:flex;align-items:center}footer .footer_bottom .footer_contents .footer_list p{margin-right:1em;font-size:12px}footer .footer_bottom .footer_contents .footer_list p a{color:#6d6d6f;transition:.5s}footer .footer_bottom .footer_contents .footer_list p a:hover{opacity:.5}footer .footer_bottom .footer_contents p{color:#6d6d6f;font-size:12px}button{margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,0);color:inherit;vertical-align:middle;text-align:inherit;font:inherit;-webkit-appearance:none;appearance:none}li{list-style:none}a{text-decoration:none;color:#000}.link{margin:2em auto;text-align:center;position:relative;overflow:hidden;border:1px solid #18181a;color:#18181a;display:inline-block;font-size:14px;line-height:15px;padding:1em 3em;text-decoration:none;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;justify-content:center;align-items:center}.link span{font-size:14px}.link .text{font-family:"Noto Serif JP",serif}.link .text_more{font-family:"Roboto",sans-serif;font-weight:600}.link span:first-child{position:relative;transition:color 600ms cubic-bezier(0.48, 0, 0.12, 1);z-index:10}.link span:last-child{color:#fff;display:block;position:absolute;bottom:0;transition:all 500ms cubic-bezier(0.48, 0, 0.12, 1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translateX(-50%);height:14px;line-height:13px}.link:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#000;transform-origin:bottom center;transition:transform 600ms cubic-bezier(0.48, 0, 0.12, 1);transform:skewY(9.3deg) scaleY(0);z-index:50}.link:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.link:hover span:last-child{transform:translateX(-50%) translateY(-100%);opacity:1;transition:all 900ms cubic-bezier(0.48, 0, 0.12, 1)}