body{overflow-x:hidden;}

.pc{display:block;}
.sp{display:none;}

img{width:100%;}

a{color:#000;text-decoration:underline;transition:0.5s;}

.block{max-width:1200px;margin:0 auto;}
.block800{max-width:800px;margin:0 auto;}

.flex{display:flex;justify-content:space-between;align-items:center;}
.center{text-align:center;}

.tl{font-size:180%;font-weight:700;margin-bottom:50px;text-align:center;}
.tl_copy{margin:-35px 0 50px;text-align:center;letter-spacing:0;line-height:160%;}

#head{position:absolute;top:0;left:0;z-index:9999;width:100%;padding:40px;box-sizing:border-box;}
#head #logo{width:221px;}

#nav{padding:0 20px 0 0;}
#nav li a{position:relative;display:inline-block;padding:20px;color:inherit;text-decoration:none;}
#nav li a::after{content:"";position:absolute;left:20px;bottom:10px;width:26px;height:2px;background:linear-gradient(60deg,#00bc8b 0%,#ff8fef 100%);transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease;}
#nav li a:hover::after,#nav li a:focus-visible::after{transform:scaleX(1);}

.btn{margin:0;}
.btn a{display:flex;align-items:center;justify-content:center;width:156px;height:35px;box-sizing:border-box;color:#000;text-decoration:none;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(0deg,#00bc8b 0%,#ff8fef 100%) border-box;border:1px solid transparent;box-shadow:-2px -2px 4px rgba(0,188,139,0.25),2px 2px 4px rgba(255,143,239,0.25);transition:box-shadow 0.3s ease;}
.btn a:hover,.btn a:focus-visible{box-shadow:3px 3px 4px rgba(0,188,139,0.25),-3px -3px 4px rgba(255,143,239,0.25);}
.btn a:focus-visible{outline:2px solid #00bc8b;outline-offset:3px;}