a{text-decoration:none;color:#000}header{position:sticky;top:0;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.08);background-color:var(--header-background-color);border-bottom:2px solid #d3d3d3}@media(max-width: 767px){header{display:none}}.pc-header{padding:10px 20px;box-sizing:border-box}.pc-header .header-content{width:90%;display:flex;justify-content:space-between}.logo-area{display:flex;width:fit-content;align-items:center}.logo-icon{border-radius:50%;object-fit:cover;border:2px solid #d3d3d3;transition:border-color .2s ease}.logo-icon:hover{border-color:orange}.logo-area p{font-size:1.3rem;margin-left:15px}nav{display:flex}nav a{padding:0 10px;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.3rem;position:relative}nav a::after{content:"";position:absolute;bottom:-4px;left:0;width:95%;height:2px;background:#f0c419;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav a:hover::after{transform:scaleX(1);transition:transform .3s ease}footer{margin-top:30px}.footer-content{background-color:#000;color:#fff;height:60px;display:flex;justify-content:center;align-items:center}.footer-content p{width:fit-content;font-size:1.1rem}:root{--header-height: 0px;--header-background-color: #F8F5E9;--main-background-color: #000000}html{font-size:16px}body{cursor:default;font-family:Arial,"Noto Sans JP",sans-serif;color:#000;margin:0;white-space:nowrap;box-sizing:border-box;background-color:#fff0b3;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6,p{margin:0}.container{width:70%;margin:0 auto;margin-top:8px}@media(max-width: 767px){.container{width:95%;margin-top:16px}}