.top-image{transform:scale(1.1);transition:transform 8s}.top-image.show-img{transform:scale(1)}.top-title{opacity:0;transform:translate(-50%, calc(-50% - 20px));transition:opacity 1s,transform 1s}.top-title .en:after{opacity:0;bottom:-5px;transition:opacity 1s,bottom 1s}.top-title.show-text{opacity:1;transform:translate(-50%, -50%)}.top-title.show-text .en:after{opacity:1;bottom:-25px;transition-delay:.4s}.contact-inner{position:relative}.contact-title{padding:0 50px;max-width:1600px;margin-left:auto;margin-right:auto}.contact-line{position:absolute;left:0;width:100vw;height:1px;background:#ccc;z-index:-1}.contact-wrap{max-width:1600px;margin:0 auto;padding:30px 50px 0;display:flex;align-items:center}.contact-img{width:58%}.contact-img img{width:100%}.contact-content{margin:0 auto;padding-left:50px}.contact-list li{font-size:.875rem;margin-bottom:10px}.contact-list li span:nth-child(1){margin-right:10px;display:inline-block;color:#999}.contact-list li a{transition:color .4s}.contact-list li a:hover{color:#000}.contact-social{padding-top:10px}.contact-social a{font-size:.875rem;color:#999;margin-right:5px;border:1px solid #ccc;padding:2px 0 1px 1px;width:23px;display:inline-block;text-align:center;transition:color .4s,background .4s}.contact-social a:hover{color:#fff;background:#999}.contact-code{display:flex;flex-wrap:wrap;gap:15px;padding-top:30px}.contact-code-link{width:88px;height:88px;text-align:center;border:1px solid #e6e1de;display:flex;flex-flow:column;justify-content:center;color:#000;background:#e6e1de;transition:color .4s,background .4s}.contact-code-link:hover{color:#666;background:#f8f8f8}.contact-code-link p{font-size:.875rem;padding-top:7px}.contact-code-img{width:90px}.contact-code-img img{width:100%}@media screen and (max-width: 1100px){.contact-title{max-width:800px}.contact-wrap{display:block;max-width:800px}.contact-img{width:auto}.contact-content{padding-left:unset;margin-top:35px}.contact-list{display:flex;flex-wrap:wrap}.contact-list li{width:50%}.contact-social{padding-top:15px}}@media screen and (max-width: 900px){.contact-list{display:block}.contact-list li{width:auto}}@media screen and (max-width: 640px){.contact-title{padding:0 30px}.contact-wrap{padding:30px 30px 0}.contact-list li span:nth-child(1){display:block;font-size:.75rem;margin-right:unset;margin-bottom:2px}.contact-social a{margin-right:3px}}