@import url(destyle.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap");::selection{background:#f9f9fa;color:#262626}::-moz-selection{background:#f9f9fa;color:#262626}a:link,a:visited,a:hover,a:active{text-decoration:none}html,body{margin:0;background-color:#262626;font-family:"Inter","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN",sans-serif;font-size:12px;color:#f9f9fa}.scrollbehavior{scroll-behavior:smooth}#wrap{position:relative}#name{z-index:0;opacity:.2;transition:.4s;position:relative}#name div{transform:rotate(-90deg);position:fixed;top:28vh;left:-42vh;font-size:38vh;font-weight:700;background-image:url("img_feddlabo_name_bg.jpg");-webkit-background-clip:text;color:transparent;background-size:cover}nav{z-index:2;position:fixed;height:100%;top:0;right:0;display:flex;align-items:center}nav ul li a{padding:0.5rem 2rem 1rem;display:block;text-align:right;letter-spacing:0.2rem;font-weight:700;transition:.2s;color:#9aa9be}nav ul li a:hover{color:#57606a}section{z-index:1;position:relative;scroll-margin-top:5rem}h1{color:#57606a;font-size:2rem;font-weight:300;letter-spacing:0.4rem;text-align:center;margin:12rem 0 6rem}h1:before{content:"";display:block;margin:0 auto 1rem;width:1px;height:30px;background-color:#57606a}#about div{text-align:center;font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.8rem}#product img{height:auto}#member ul{display:flex;justify-content:center}#member ul li{margin:0 4vw;text-align:center}#member ul li img{width:35vw;height:35vw;max-width:130px;max-height:130px;border-radius:50%}#member ul li div:nth-of-type(1){color:#f9f9fa;font-size:1.4rem;font-weight:700;letter-spacing:.2rem;margin:1.5rem 0}#member ul li div:nth-of-type(2){line-height:1.5rem;letter-spacing:.1rem;color:#9aa9be}#member ul li div:nth-of-type(2)::first-line{font-weight:700}#contact img{margin:0 auto;display:block;max-width:250px;width:80vw}footer{padding:12rem 0 6rem;text-align:center;color:#57606a;letter-spacing:0.2rem}@media screen and (min-width: 861px){#product ul{display:flex;justify-content:center}#product ul li{margin:0 1rem}#product ul li a{position:relative;display:block}#product ul li a::before{content:"";display:block;position:relative;transition:.2s;z-index:1}#product ul li a::after{content:"";display:block;position:absolute;bottom:0;right:0;left:0;margin:auto;height:100%;background-color:rgba(38,38,38,0.8);transition:.2s;width:0;z-index:0}#product ul li a:hover::after{width:100%}#product ul li a:hover h2{opacity:1}#product ul li a img{width:20vw;max-width:360px;border-radius:0.5vw}#product ul li a h2{position:absolute;top:0;display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;border-radius:0.5vw;opacity:0;transition:.2s;z-index:1}#product ul li a h2 div:nth-of-type(1){font-size:.8rem;letter-spacing:0.2rem;color:#9aa9be}#product ul li a h2 div:nth-of-type(2){font-size:1.6rem;font-weight:700;letter-spacing:0.2rem;margin:0.2rem 0 0 0}}@media screen and (min-width: 481px) and (max-width: 860px){#product ul{display:flex;flex-direction:column;align-items:center}#product ul li{margin:1.5rem 0}#product ul li a{position:relative;display:block}#product ul li a::before{content:"";display:block;position:relative;transition:.2s;z-index:1}#product ul li a::after{content:"";display:block;position:absolute;bottom:0;right:0;left:0;margin:auto;height:100%;background-color:rgba(38,38,38,0.8);transition:.2s;width:0;z-index:0}#product ul li a:hover::after{width:100%}#product ul li a:hover h2{opacity:1}#product ul li a img{width:80vw;max-width:380px;border-radius:1vw}#product ul li a h2{position:absolute;top:0;display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;border-radius:0.5vw;opacity:0;transition:.2s;z-index:1}#product ul li a h2 div:nth-of-type(1){font-size:.8rem;letter-spacing:0.2rem;color:#9aa9be}#product ul li a h2 div:nth-of-type(2){font-size:1.6rem;font-weight:700;letter-spacing:0.2rem;margin:0.2rem 0 0 0}}@media screen and (max-width: 480px){#name{opacity:.1;transition:.4s}#product ul{display:flex;flex-direction:column;align-items:center}#product ul li{margin:1.5rem 0}#product ul li a{position:relative;display:block}#product ul li a img{width:80vw;border-radius:1.5vw}#product ul li a h2{display:none}}@media screen and (max-width: 680px){nav{display:none}}