*{width:100%;margin:0;box-sizing:border-box}body{background-color:#f7f6f0;color:#383f45;font-family:"Noto Serif JP",serif}header{position:absolute}header ul{display:flex}header ul li{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:80px 30px}header ul li a{text-decoration:none;color:#383f45;padding:20px 0}header ul .contact{background-color:#829fb7;color:#f7f6f0;display:flex;padding:15px;border-radius:10px}header ul .contact img{width:25px;margin-right:20px}header ul .contactButton{margin:65px 30px}.lang{width:150px;position:absolute;top:7%;right:3%}#top{display:flex;justify-content:end}#top img{width:75%;position:absolute;left:0;top:20vh}.titleBox{width:38%;height:100vh;background-color:#829fb7;display:flex;justify-content:end;color:#f7f6f0;padding:100px 50px}.titleBox p{font-size:125%;padding:10px 5px}.titleBox span{width:20px}.titleBox h2{font-size:250%;letter-spacing:.3em;padding:10px 8px}.titleBox h2,.titleBox p{writing-mode:vertical-rl;width:auto}.text-combine{-webkit-text-combine:horizontal;-ms-text-combine-horizontal:all;text-combine-upright:all}.ldk{padding-bottom:15px}.first{padding:250px 0 150px 0;text-align:center;line-height:3em;letter-spacing:.1em}.first h1{padding-bottom:20px;font-size:25px}.reservation{text-align:center;line-height:3em;letter-spacing:.1em;background-color:#efede4;padding:100px;margin-bottom:200px}.reservation h2{padding-bottom:30px}.reservation .reserveButton{display:flex;justify-content:center}.reservation .reserveButton a{text-decoration:none;background-color:#e3c149;border-radius:15px;color:#fff;display:inline-block;width:300px;padding:15px;margin:40px}.introduction{display:flex;justify-content:space-between;color:#fff;margin:100px 0;font-weight:200}.introduction div{display:block;width:50%;padding-left:15%;line-height:1.8em}.intro_2 div,.intro_4 div{padding-right:15%;padding-left:0}.introduction h3{padding:60px 0 40px 0;font-size:25px;font-weight:200}.introduction img{width:40%}.intro_1{background-color:#6a7e91}.intro_2{background-color:#85a8a6}.intro_3{background-color:#aa9c90}.intro_4{background-color:#c3b57e}.intro_1 a{text-decoration:none;color:#fff;background-color:#8d9ba8;padding:10px 50px;border-radius:10px;margin-top:20px;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.access h3{text-align:center;font-size:30px}.access{background-color:#e8ebe7;padding:100px 0 50px 0;margin:200px 0}.access div{display:flex;align-items:center;width:70%;margin:80px auto 100px}.access div p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:100px;line-height:2em}.access div iframe{width:600px}footer{background-color:#4a5967}footer ul{display:flex;justify-content:center}footer ul li{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:80px 30px;color:#f7f6f0}footer ul li a{text-decoration:none;color:#f7f6f0}.pcOFF{display:none}@media screen and (max-width:1600px){.titleBox{width:35%}.introduction{display:flex;justify-content:space-between;color:#fff;margin:100px 0;font-weight:200}.introduction div{display:block;width:50%;padding-left:15%;padding-right:2%;line-height:1.8em}.intro_2 div,.intro_4 div{padding-right:15%;padding-left:2%}.introduction h3{padding:60px 0 40px 0;font-size:25px;font-weight:200}.introduction img{width:40%;min-width:640px}}@media screen and (max-width:1480px){.titleBox p{font-size:150%;padding:10px 5px}.titleBox span{width:20px}.titleBox h2{font-size:200%;letter-spacing:.3em;padding:10px 8px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.spOFF{display:none}.pcOFF{display:block}#top img,.titleBox{width:70%}#top img{position:absolute;left:0;top:20vh}header{display:none}.menu-btn{position:fixed;top:10px;left:10px;display:flex;height:60px;width:60px;justify-content:center;align-items:center;z-index:90;background-color:#829fb7}.menu-btn span,.menu-btn span:after,.menu-btn span:before{content:"";display:block;height:3px;width:25px;border-radius:3px;background-color:#fff;position:absolute}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked~.menu-btn span{background-color:hsla(0,0%,100%,0)}#menu-btn-check:checked~.menu-btn span:before{bottom:0;transform:rotate(45deg)}#menu-btn-check:checked~.menu-btn span:after{top:0;transform:rotate(-45deg)}#menu-btn-check{display:none}.menu-content{right:0;font-family:"Noto Serif JP",serif}.menu-content ul{padding:70px 30px 0}.menu-content ul li{border-bottom:1px solid #f7f6f0;list-style:none;padding:30px 0}.menu-content ul li a{display:block;width:100%;font-size:15px;box-sizing:border-box;color:#f7f6f0;text-decoration:none;padding:9px 15px 10px 0;position:relative}.menu-content ul li a:before{content:"";width:7px;height:7px;border-top:2px solid #f7f6f0;border-right:2px solid #f7f6f0;transform:rotate(45deg);position:absolute;right:11px;top:16px}.menu-content{width:100%;height:100%;position:fixed;top:0;right:100%;z-index:80;background-color:#829fb7;transition:all .5s}#menu-btn-check:checked~.menu-content{right:0}.introduction{display:block;margin:100px 0;font-weight:200}.introduction div{display:block;margin:auto;width:100%;padding-bottom:60px}.intro_2 div,.intro_4 div,.introduction div{padding-left:0;padding-right:0}.introduction h3{padding:60px 0 40px 0;font-size:18px;text-align:center}.introduction p{font-size:15px;width:80%;margin:50px auto 30px}.introduction img{width:100%;min-width:auto}.intro_1 a{padding:10px 50px;border-radius:10px;margin:auto;display:block;width:80%;text-align:center}.access div iframe{width:100%;height:550px}}@media screen and (max-width:1000px){.lang{width:150px;position:absolute;top:1%;right:5%}.titleBox{width:70%;height:60vh;padding:40px 40px}.titleBox p{font-size:90%;padding:0 5px}.titleBox span{width:8px}.titleBox h2{font-size:120%;letter-spacing:.3em;padding:0 4px}.ldk{padding-bottom:7px}}@media screen and (max-width:800px){#top img{width:100%;top:45vh}.titleBox{width:70%;height:60vh;padding:40px 40px}.titleBox p{font-size:80%;padding:0 5px}.titleBox span{width:8px}.titleBox h2{font-size:110%;letter-spacing:.3em;padding:0 4px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.ldk{padding-bottom:7px}.first{margin-top:30vw}.introduction{display:block;margin:100px 0;font-weight:200}.introduction div{display:block;margin:auto;width:100%;padding-left:0;padding-bottom:60px}.intro_2 div,.intro_4 div{padding-right:0;padding-left:0}.introduction h3{padding:60px 0 40px 0;font-size:18px;text-align:center}.introduction p{font-size:15px;width:80%;margin:50px auto 30px}.introduction img{width:100%}.intro_1 a{padding:10px 50px;border-radius:10px;margin:auto;display:block;width:80%;text-align:center}}@media screen and (max-width:480px){.spOFF{display:none}.pcOFF{display:block}header{display:none}#top img{width:100%;top:45vh}.lang{width:150px;position:absolute;top:1%;right:5%}.titleBox{width:70%;height:60vh;padding:40px 40px}.titleBox p{font-size:30%;padding:0 5px}.titleBox span{width:8px}.titleBox h2{font-size:80%;letter-spacing:.3em;padding:0 4px}.ldk{padding-bottom:7px}.first{padding:200px 0 80px 0;width:80%;margin:auto}.first h1{padding-bottom:20px;font-size:18px}.first p{font-size:15px}.reservation{padding:80px 10%;margin-bottom:100px}.reservation h2{padding-bottom:30px;font-size:18px}.reservation p{font-size:15px;margin-bottom:30px}.reservation .reserveButton{display:block;margin:auto}.reservation .reserveButton a{text-decoration:none;width:100%;padding:10px;margin:20px 0}.introduction{display:block;margin:100px 0;font-weight:200}.introduction div{display:block;margin:auto;width:100%;padding-left:0;padding-bottom:60px}.intro_2 div,.intro_4 div{padding-right:0;padding-left:0}.introduction h3{padding:60px 0 40px 0;font-size:18px;text-align:center}.introduction p{font-size:15px;width:80%;margin:50px auto 30px}.introduction img{width:100%}.intro_1 a{padding:10px 50px;border-radius:10px;margin:auto;display:block;width:80%;text-align:center}.access h3{font-size:25px}.access{padding:80px 0;margin:100px 0}.access div{display:block;width:80%;margin:50px auto 0}.access div p{padding-top:50px;margin-left:0;font-size:15px}.access div iframe{width:100%;height:350px}footer ul,footer ul li{display:block;padding:20px 0}footer ul li{margin:auto}footer ul li a{font-size:15px}}