*{box-sizing:border-box}::selection{background:#CEAB37;color:#fff}::-moz-selection{background:#CEAB37;color:#fff}button{cursor:pointer}li{list-style:none}a:link,a:visited,a:hover,a:active{color:#271638;text-decoration:none}body{background-color:#271638;color:#fff;font-family:'Noto Serif JP', serif;font-size:14px;line-height:25px;letter-spacing:10px}.container{width:80vw;max-width:1400px;margin:0 auto;display:block}.container-pc{width:80vw;max-width:1400px;margin:0 auto;display:block}@media screen and (max-width: 767px){.container-pc{width:95vw}}.pc{display:block !important}.sp{display:none !important}.tablet{display:none !important}@media screen and (max-width: 767px){.pc{display:none !important}.sp{display:block !important}.tablet{display:none !important}}@media screen and (max-width: 1024px) and (min-width: 768px){.tablet{display:block !important}}.rowReverce{flex-direction:row-reverse}.header-rotate{height:90%;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;text-orientation:sideways;display:flex;position:fixed;top:5vh;left:30px;font-size:0.8rem;letter-spacing:0.1rem;justify-content:center;align-items:center}.header-rotate .pr08{padding-right:8px}.header-rotate .toOffice{border:1px solid #fff;padding:20px 20px;margin-bottom:50px;letter-spacing:0.5rem}.header-rotate .toOffice a:link,.header-rotate .toOffice a:visited,.header-rotate .toOffice a:hover,.header-rotate .toOffice a:active{color:#fff}.header-rotate .toOffice span{display:-ms-inline-flexbox;vertical-align:middle}.header-rotate .toOffice img{height:0.8rem;margin-top:3px}.header-rotate a p{color:#fff}.header-rotate ul{display:flex;align-items:end;padding-right:14px}.header-rotate ul li{margin-bottom:20px;display:-ms-inline-flexbox}@media screen and (max-width: 850px){.header-rotate{display:none}}main::before{content:'';display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background:url(../img/black_bg_50.png),url(../img/topimage.jpg);background-size:cover;background-position:center}main{padding-bottom:120px}main #top-fiestView{width:100%;height:85vh;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:200px}@media screen and (max-width: 767px){main #top-fiestView{justify-content:flex-end;height:700px;padding:10%}main #top-fiestView p{box-sizing:border-box}}main #top-fiestView .top-fiestView-sub{letter-spacing:0.2rem;margin:0 0 50px 20px;font-size:0.8rem}main #top-fiestView .top-fiestView-sub .top-fiestView-sub2{display:inline-block;margin:20px 0 0 10px;font-size:1rem;letter-spacing:0.6rem}@media screen and (max-width: 767px){main #top-fiestView .top-fiestView-sub{font-size:0.8rem;margin:0 auto 20px;letter-spacing:0.1rem;width:100%}}main #top-fiestView .top-fiestView-title{font-size:5.0rem;letter-spacing:2.0rem;margin:0 0 60px 55px}@media screen and (max-width: 767px){main #top-fiestView .top-fiestView-title{font-size:3rem;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;margin:0 auto;padding:0 45%}}main #top-fiestView .top-fiestView-english{margin:40px 0 0 30px;letter-spacing:0.7rem}@media screen and (max-width: 767px){main #top-fiestView .top-fiestView-english{font-size:0.8rem;letter-spacing:0.1rem;margin:0}}main #top-fiestView h1{letter-spacing:0.4rem;margin-top:30px;font-weight:normal}@media screen and (max-width: 767px){main #top-fiestView h1{margin:10px auto;font-size:0.7rem}}.scrollMouse{margin-top:100px;z-index:2;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-top:47px;letter-spacing:0.4rem;font-size:0.7rem}@media screen and (max-width: 767px){.scrollMouse{font-size:0.7rem;letter-spacing:0.3rem;left:42%;right:40%;bottom:40px}}.scrollMouse span{position:absolute;top:0;left:50%;width:23px;height:37px;margin-left:-15px;border:1px solid #fff;border-radius:50px;box-sizing:border-box}@media screen and (max-width: 767px){.scrollMouse span{width:20px;height:35px}}.scrollMouse span::before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:sdb 2s infinite;animation:sdb 2s infinite;box-sizing:border-box}@-webkit-keyframes sdb{0%{-webkit-transform:translate(0, 0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0, 20px);opacity:0}100%{opacity:0}}@keyframes sdb{0%{transform:translate(0, 0);opacity:0}40%{opacity:1}80%{transform:translate(0, 20px);opacity:0}100%{opacity:0}}#traffic-info,#disaster-info{background-color:#fff;width:80vw;padding:2% 5%;margin:100px auto 0 auto;color:#202020}@media screen and (max-width: 767px){#traffic-info,#disaster-info{padding:10% 5%}}#traffic-info h2,#disaster-info h2{color:#271638;font-size:1.2rem;font-weight:normal}#tourism,#syugendou{margin-top:120px}#tourism h2,#syugendou h2{font-size:3.0rem;line-height:4rem;font-weight:normal;letter-spacing:0.9rem}@media screen and (max-width: 1024px) and (min-width: 768px){#tourism h2,#syugendou h2{width:40%;font-size:2.2rem}}@media screen and (max-width: 767px){#tourism h2,#syugendou h2{font-size:2.4rem;letter-spacing:1rem}}#tourism .category-top,#syugendou .category-top{display:flex;justify-content:space-between;padding:1%;align-items:center}@media screen and (max-width: 767px){#tourism .category-top,#syugendou .category-top{display:block}}@media screen and (max-width: 1024px) and (min-width: 768px){#tourism .category-top p,#syugendou .category-top p{width:60%}}#tourism .category-top img,#syugendou .category-top img{width:510px;height:274px;object-fit:cover}@media screen and (max-width: 1024px) and (min-width: 768px){#tourism .category-top img,#syugendou .category-top img{width:100%;height:auto}}@media screen and (max-width: 767px){#tourism .category-top img,#syugendou .category-top img{width:95vw;margin:0 calc(50% - 47vw)}}#tourism .category-bottom-inner,#syugendou .category-bottom-inner{display:flex;justify-content:space-between}@media screen and (max-width: 1024px){#tourism .category-bottom-inner,#syugendou .category-bottom-inner{display:block;letter-spacing:0.2rem;text-align:center}#tourism .category-bottom-inner .category-bottom-imgs,#syugendou .category-bottom-inner .category-bottom-imgs{justify-content:center}}@media screen and (max-width: 767px){#tourism .category-bottom-sentence,#syugendou .category-bottom-sentence{padding:5%;line-height:2.6rem}}#tourism .category-top h2,#tourism .category-top p{flex-grow:1;text-align:right}@media screen and (max-width: 767px){#tourism .category-top h2,#tourism .category-top p{text-align:left}}#tourism .category-top h2{padding:50px 30px}@media screen and (max-width: 767px){#tourism .category-top h2{letter-spacing:0.8rem;padding:30px}}#tourism .category-bottom{background-color:#B9DBD7;padding-bottom:30px;color:#202020}@media screen and (max-width: 767px){#tourism .category-bottom{margin-top:30px}}#tourism .category-bottom .category-bottom-sentence{padding:5% 1% 5% 5%;width:50%;letter-spacing:0.2rem;margin:0 auto}@media screen and (max-width: 1200px) and (min-width: 1025px){#tourism .category-bottom .category-bottom-sentence{width:40%}}@media screen and (max-width: 1024px){#tourism .category-bottom .category-bottom-sentence{width:100%;text-align:left;padding:5% 10%;line-height:2rem}}@media screen and (max-width: 767px){#tourism .category-bottom .category-bottom-sentence{letter-spacing:0.1rem}}@media screen and (min-width: 1025px){#tourism .category-bottom .category-bottom-imgs-wrap{width:520px}}#tourism .category-bottom .category-bottom-imgs{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}@media screen and (max-width: 767px){#tourism .category-bottom .category-bottom-imgs{margin:0;display:inline-block;width:100%;text-align:center;padding:0 3%}}@media screen and (max-width: 1024px) and (min-width: 768px){#tourism .category-bottom .category-bottom-imgs{width:80%;margin:0 auto;justify-content:space-around}}#tourism .category-bottom .category-bottom-imgs img{width:48%;height:240px;object-fit:cover;margin-right:2%}@media screen and (max-width: 1024px) and (min-width: 768px){#tourism .category-bottom .category-bottom-imgs img{margin:0 0 30px 0;width:45%;height:190px}}@media screen and (max-width: 767px){#tourism .category-bottom .category-bottom-imgs img{width:100%;height:260px;margin:auto}}#tourism button:hover{background-color:#CEAB37;color:#271638;transition:0.3s}#syugendou .category-top h2,#syugendou .category-top p{flex-grow:1;text-align:left}#syugendou h2{padding:50px 30px}@media screen and (max-width: 767px){#syugendou h2{padding:30px;letter-spacing:0.8rem}}#syugendou .category-bottom{background-color:#271638;padding-bottom:30px}#syugendou .category-bottom .category-bottom-sentence{padding:5% 5% 5% 0;width:50%;letter-spacing:0.2rem}@media screen and (max-width: 1024px){#syugendou .category-bottom .category-bottom-sentence{width:80%;text-align:left;margin:0 auto;line-height:2rem;padding:0}}#syugendou .category-bottom .category-bottom-imgs{display:flex;padding-left:1%}@media screen and (max-width: 1024px) and (min-width: 768px){#syugendou .category-bottom .category-bottom-imgs{padding:5% 1% 0}}@media screen and (max-width: 767px){#syugendou .category-bottom .category-bottom-imgs{display:block;text-align:center;padding:10% 3%}}#syugendou .category-bottom .category-bottom-imgs img{width:240px;height:194px;object-fit:cover;margin-right:30px}@media screen and (max-width: 767px){#syugendou .category-bottom .category-bottom-imgs img{width:100%;height:200px;margin:auto}}#syugendou .category-bottom .annotation{text-align:center;margin-bottom:30px}@media screen and (max-width: 767px){#syugendou .category-bottom .annotation{letter-spacing:0.2rem}}button{font-family:'Noto Serif JP', serif;font-size:1.0rem;letter-spacing:0.9rem;display:block;width:50%;padding:30px 60px;margin:10px auto 30px;border:1px solid #CEAB37;border-radius:50px;background-color:#fff}button:hover{background-color:#CEAB37;transition:0.3s}@media screen and (max-width: 767px){button{width:90%;letter-spacing:0.2rem;margin:30px auto 60px;padding:20px 40px}}#officeSite{background:url(../img/black_bg_60.png),url(../img/office.jpg) no-repeat;background-size:cover;width:100%;height:300px;margin:60px auto;padding:2%;cursor:pointer}#officeSite a:link,#officeSite a:visited,#officeSite a:hover,#officeSite a:active{color:#fff}#officeSite .officeSite-inner{width:90%;height:200px;border:1px solid #fff;padding:50px 20%;margin:30px auto;text-align:center}@media screen and (max-width: 767px){#officeSite .officeSite-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 3%;letter-spacing:0.2rem}}#officeSite .officeSite-inner .forVillagers{font-size:1.6rem;margin-top:10px;line-height:2rem}@media screen and (max-width: 767px){#officeSite .officeSite-inner .forVillagers{font-size:1.2rem}}#bannerArea{text-align:center}#bannerArea img{width:70%;height:auto}@media screen and (max-width: 767px){#bannerArea img{width:100%}}footer{background-color:#202545;padding:60px 0;letter-spacing:0.2rem}footer .footer-banner{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 1024px) and (min-width: 768px){footer .footer-banner{justify-content:end}}@media screen and (max-width: 767px){footer .footer-banner{display:block}}@media screen and (max-width: 1024px) and (min-width: 768px){footer .footer-banner a p{margin:0 30px 30px 0}}footer .footer-banner img{height:60px;width:auto}@media screen and (max-width: 767px){footer .footer-banner img{width:100%;height:auto}}footer .footer-link{display:flex;letter-spacing:0.2rem;margin-top:60px}@media screen and (max-width: 767px){footer .footer-link{display:block;margin-top:60px}}footer .footer-link li{border-right:1px solid #fff;flex-grow:1;text-align:center}@media screen and (max-width: 767px){footer .footer-link li{border:none;text-align:left;padding-bottom:30px;font-size:1rem}}footer .footer-link li a:link,footer .footer-link li a:visited,footer .footer-link li a:hover,footer .footer-link li a:active{color:#fff}footer .footer-officeInfo{margin-top:60px;letter-spacing:0.2rem}@media screen and (max-width: 767px){footer .footer-officeInfo{margin-top:60px}}footer .footer-officeInfo .footer-officeInfo-title{font-size:2.6rem;margin-bottom:30px}footer .footer-officeInfo .footer-officeInfo-title img{margin-right:10px}footer .sp-sns{margin:60px 0}footer .sp-sns ul{display:flex;width:60%;margin:0 auto;justify-content:space-between}footer .sp-sns p{margin-top:30px;font-size:0.6rem;text-align:center}#start{background:#fff;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:9000;text-align:center}#start p{color:#202020;position:fixed;left:50%;top:55%;transform:translate(-50%, -50%);display:none;z-index:9999;width:280px}@media screen and (max-width: 1024px) and (min-width: 768px){#start p{left:50vw;top:55vh}}#start p img{width:50px;height:auto;display:inline-block;margin-bottom:120px}.fadein{opacity:0.1;transform:translate(0, 50px);transition:all 500ms}.fadein.scrollin{opacity:1;transform:translate(0, 0)}.fade{animation:fadeIn 0.2s ease 0.3s 1 normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}