@import"https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Kiwi+Maru&family=M+PLUS+Rounded+1c&family=Zen+Maru+Gothic&display=swap";html{height:100%;width:100%;background-color:var(--white, #fff);scroll-behavior:smooth}body{min-width:100%;min-height:100%;margin:0 auto;overflow:hidden;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";background:#ede5da}@font-face{font-family:"Armonioso";src:url("../font/Armonioso-trial.eot") format("eot"),url("../font/Armonioso-trial.woff") format("woff"),url("../font/Armonioso-trial.ttf") format("truetype"),url("../font/Armonioso-trial.svg#Armonioso") format("svg");font-weight:normal;font-style:normal}ul{list-style:none;margin-inline:0;padding-inline:0;margin-block-start:0;margin-block-end:0}a{list-style:none}a:-webkit-any-link{text-decoration:none}img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}h1{font-family:"Armonioso",sans-serif;margin-top:auto;font-size:3rem}@media(max-width: 768px){h1{font-size:2rem}}p{font-size:1.2rem;letter-spacing:.4rem;line-height:2rem;font-family:"Zen Maru Gothic",sans-serif;font-weight:400;font-style:normal}@media(max-width: 768px){p{font-size:1rem}}header .menu-bg{position:fixed;top:-150px;right:-150px;width:300px;height:300px;background-color:#253759;border-radius:50%;z-index:20;transform-origin:center center;transform:scale(0);transition:transform 1s ease}header.open .menu-bg{transform:scale(30)}header .humb-menu{position:fixed;top:-20px;right:-20px;z-index:100;cursor:pointer;width:120px;height:120px;border-radius:50%;background-color:#253759;display:flex;justify-content:center;align-items:center}@media(max-width: 768px){header .humb-menu{top:-15px;right:-15px;width:100px;height:100px}}header .text-wrap{display:flex;gap:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}header .humb-menu:hover .letter{animation-name:sway;animation-duration:.4s;animation-fill-mode:forwards;animation-delay:calc(.04s*var(--index));text-shadow:0 0 0 #d9b88f,0 1.5em 0 #d9b88f}header .letter{display:inline-block;color:#fff;overflow:hidden;color:rgba(0,0,0,0);text-shadow:0 -1.5em 0 #ede5da,0 0 0 #ede5da;transition:text-shadow .2s;font-size:1rem}@media(max-width: 768px){header .letter{font-size:.6rem}}header #global-nav{position:fixed;top:100px;width:100%;z-index:101;background:rgba(0,0,0,0);pointer-events:none}header #global-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:2rem}header #global-nav ul li{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}header #global-nav ul li a{color:#fff;font-size:2rem;line-height:4rem;font-family:"Kiwi Maru",serif;font-weight:500;font-style:normal}@media(max-width: 768px){header #global-nav ul li a{font-size:1.2rem;line-height:2rem}}header.open #global-nav{pointer-events:all}header.open #global-nav li{opacity:1;transform:translateY(0)}header.open #global-nav li:nth-child(1){transition-delay:.1s}header.open #global-nav li:nth-child(2){transition-delay:.3s}header.open #global-nav li:nth-child(3){transition-delay:.5s}header.open #global-nav li:nth-child(4){transition-delay:.7s}header.open #global-nav li:nth-child(5){transition-delay:.9s}header.open #global-nav li:nth-child(6){transition-delay:1.1s}@keyframes sway{0%{transform:rotateX(0)}25%{transform:rotateX(-0.2em)}50%{transform:rotateX(0.5em);color:rgba(0,0,0,0)}100%{transform:rotateX(0)}}footer{background:linear-gradient(#253759, #657BA0);color:#ede5da;padding-top:100px;padding-bottom:100px;text-align:center;display:flex;flex-direction:column;align-items:center}footer div{margin:auto}footer h1{margin-bottom:1rem}footer p{margin-bottom:80px}section:not(.top,.modalArea){margin:auto;max-width:1200px;display:flex}section:not(.top,.modalArea) .content{max-height:800px;display:flex;flex-direction:column;position:relative;margin:auto}.modalArea{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%}.modalBg{width:100%;height:100%;background-color:rgba(30,30,30,.9)}.modalWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;max-width:500px;padding:30px;background-color:#ede5da;border-radius:16px}.closeModal{position:absolute;top:.5rem;right:1rem;cursor:pointer}button{padding:0 5rem;border:1px solid;border-radius:2px;cursor:pointer;font-size:1.5rem;letter-spacing:.5rem;line-height:5rem}@media(max-width: 768px){button{padding:0 1rem;font-size:1.2rem;line-height:3rem}}form{width:100%;max-width:600px;margin:0 auto}form label:not(.contact){display:block;font-size:1rem}.area{padding:.5rem;width:100%;border:.5px solid #253759}.area::-moz-placeholder{color:#253759;font-size:1.1rem}.area::placeholder{color:#253759;font-size:1.1rem}textarea{min-height:100px}.form-btn{background:#253759;border:1px solid #253759;font-size:1.5rem;padding:5px 2rem;display:block;width:100%;max-width:100%;min-width:100%;margin:0 auto;color:#ede5da}.form-btn:hover{background:#d9b88f;color:#253759}input[type=checkbox]{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]{position:relative;width:16px;height:16px;border:1px solid #000;vertical-align:-5px}input[type=checkbox]:checked:before{position:absolute;top:1px;left:4px;transform:rotate(50deg);width:4px;height:8px;border-right:2px solid #000;border-bottom:2px solid #000;content:""}.dot-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:9}@media(max-width: 768px){.dot-nav{display:none}}.dot{width:12px;height:12px;border-radius:50%;background:#bbb;cursor:pointer;transition:background .3s;position:relative}.dot::after{content:attr(data-label);position:absolute;right:150%;top:50%;transform:translateY(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.dot:hover::after{opacity:1;transform:translateY(-50%) translateX(-5px)}.dot.active{background:#000}main>section,footer{min-height:80vh;scroll-snap-align:start}@media(max-width: 768px){main>section,footer{min-height:100vh}}