@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Oswald:wght@500&display=swap";.pc-hidden{display:none}.custom-contact .header-section{background:#569cac;text-align:center;padding:70px 0}.custom-contact .header-section h1{color:#fff;font-family:Lato,sans-serif!important;font-weight:700;font-size:5rem;letter-spacing:4px;margin:0}.custom-contact .header-section p{color:#fff;font-size:2.2rem;margin:14px 0 0}.custom-contact .form-section{width:90%;max-width:650px;margin:0 auto;padding:100px 0}.custom-contact .form-section h2{font-size:2.6rem;margin:0}.custom-contact .form-section .form-content-text{margin:10px 0 0}.custom-contact .form-section .faq-url a{color:#569cac;text-decoration:none;position:relative}.custom-contact .form-section .faq-url a:after{content:"";display:inline-block;width:10px;height:10px;margin:0 10px;border-top:2px solid #569CAC;border-right:2px solid #569CAC;position:absolute;top:calc(50% - 5px);right:-22px;transform:rotate(45deg);transition:all .1s ease-out}.custom-contact .form-section .faq-url a:hover:after{right:-27px}.custom-contact .attention-section{background:#f9fcfc;padding:80px 0 100px}.custom-contact .attention-section h2{font-size:1.8rem;margin:0}.custom-contact .attention-section .container{margin:30px auto 0;width:90%;max-width:900px}.custom-contact .attention-section .container .not-receive-case{background:#fff;margin-top:40px;padding:45px 40px}.custom-contact .attention-section .container .not-receive-case p{font-size:1.3rem;margin:0}.custom-contact .attention-section .container .not-receive-case p:nth-of-type(n+2){margin:1em 0 0}.custom-contact .faq-section{padding:100px 0 160px}.custom-contact .faq-section h2{font-size:2.6rem}.custom-contact .faq-section .container{width:90%;max-width:900px;margin:40px auto 0}.custom-contact .faq-section dl{border:1px solid #BBC6CC;margin-top:20px}.custom-contact .faq-section dl dt{font-size:1.8rem;margin:0;padding:20px 80px 20px 60px;position:relative}.custom-contact .faq-section dl dt:before{font-family:Oswald,sans-serif;font-size:2.6rem;line-height:1;position:absolute;top:20px;left:20px;display:block;content:"Q.";color:#bbc6cc}.custom-contact .faq-section dl dt:after{content:"";display:inline-block;width:16px;height:16px;margin:0 10px;border-top:2px solid #BBC6CC;border-right:2px solid #BBC6CC;position:absolute;top:calc(50% - 10px);right:30px;transform:rotate(135deg);transition:all .3s ease-out}.custom-contact .faq-section dl dt.is-open:after{transform:rotate(-45deg)}.custom-contact .faq-section dl dd{font-size:1.6rem;margin:0;max-height:0;overflow:hidden;padding:0 20px 0 60px;position:relative;transition:all .8s cubic-bezier(.19,1,.22,1)}.custom-contact .faq-section dl dd.is-open{max-height:none;padding:20px 20px 20px 60px}.custom-contact .faq-section dl dd:before{font-family:Oswald,sans-serif;font-size:2.6rem;line-height:1;position:absolute;top:0;left:20px;display:block;content:"A.";color:#fcb8b8;transition:all .8s cubic-bezier(.19,1,.22,1)}.custom-contact .faq-section dl dd.is-open:before{top:20px}.custom-contact .faq-section dl dd p{margin:0}@media only screen and (max-width: 768px){.pc-hidden{display:block}.custom-contact .header-section{padding:50px 0}.custom-contact .header-section h1{font-size:4rem}.custom-contact .header-section p{display:inline-block;font-size:1.4rem;text-align:center}.custom-contact .form-section{padding:50px 0 90px}.custom-contact .form-section h2{font-size:2.2rem}.custom-contact .form-section .form-content-text{margin:11px 0 0}.custom-contact .attention-section{padding:50px 0 55px}.custom-contact .attention-section .container{margin:20px auto 0}.custom-contact .attention-section .container p{font-size:1.4rem}.custom-contact .attention-section .container .not-receive-case p{font-size:1.3rem}.custom-contact .attention-section .container .not-receive-case{margin:20px 0 0;padding:25px}.custom-contact .faq-section{padding:60px 0 80px}.custom-contact .faq-section h2{font-size:2.2rem}.custom-contact .faq-section .container{margin-top:20px}.custom-contact .faq-section dl dt{padding:15px 50px}.custom-contact .faq-section dl dt:before{font-size:2.4rem;top:13px;left:16px}.custom-contact .faq-section dl dt:after{width:14px;height:14px;right:10px}.custom-contact .faq-section dl dt{font-size:1.4rem}.custom-contact .faq-section dl dd{font-size:1.4rem;padding:0 20px 0 50px}.custom-contact .faq-section dl dd.is-open{padding:5px 20px 15px 50px}.custom-contact .faq-section dl dd:before{left:16px}.custom-contact .faq-section dl dd.is-open:before{top:3px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-page-contact.css.map */