.contact .contact-wrap{opacity:0;transition:opacity .5s}.contact .contact-wrap.active{opacity:1}.contact .contact-wrap .keyvisualContainer{background-image:url(/build/assets/contact_keyvisual-z_81WrpM.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:50vw;position:relative;top:0;left:0}@media (width>=1024px){.contact .contact-wrap .keyvisualContainer{height:35vw;max-height:500px}}.contact .contact-wrap .keyvisualContainer .title{color:#fff;text-shadow:0 0 30px #000;font-weight:600;transition:all .5s ease-out;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.contact .contact-wrap .keyvisualContainer .title span{display:block}.contact .contact-wrap .keyvisualContainer .title .en{letter-spacing:.08em;margin-bottom:2px;font-family:roboto,sans-serif,ui-sans-serif,system-ui,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:25px}@media (width>=360px){.contact .contact-wrap .keyvisualContainer .title .en{font-size:26px}}@media (width>=640px){.contact .contact-wrap .keyvisualContainer .title .en{margin-bottom:3px;font-size:34px}}@media (width>=768px){.contact .contact-wrap .keyvisualContainer .title .en{margin-bottom:4px;font-size:42px}}@media (width>=1024px){.contact .contact-wrap .keyvisualContainer .title .en{margin-bottom:5px;font-size:46px}}.contact .contact-wrap .keyvisualContainer .title .en{letter-spacing:.04em}.contact .contact-wrap .keyvisualContainer .title .ja{letter-spacing:.04em;font-family:Noto Sans JP,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,游ゴシック,YuGothic,メイリオ,Meiryo,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:13px}@media (width>=640px){.contact .contact-wrap .keyvisualContainer .title .ja{font-size:17px}}@media (width>=768px){.contact .contact-wrap .keyvisualContainer .title .ja{font-size:18px}}@media (width>=1024px){.contact .contact-wrap .keyvisualContainer .title .ja{font-size:20px}}.contact .contact-wrap .leadContainer{margin-bottom:20px;padding:60px 30px 0}@media (width>=360px){.contact .contact-wrap .leadContainer{margin-bottom:30px;padding:70px 30px 0}}@media (width>=640px){.contact .contact-wrap .leadContainer{margin-bottom:40px}}@media (width>=768px){.contact .contact-wrap .leadContainer{margin-bottom:50px}}@media (width>=1024px){.contact .contact-wrap .leadContainer{margin-bottom:50px;padding:80px 30px 0}}.contact .contact-wrap .leadContainer .lead{text-align:left;font-size:13px;line-height:1.8}@media (width>=360px){.contact .contact-wrap .leadContainer .lead{font-size:14px;line-height:1.9}}@media (width>=640px){.contact .contact-wrap .leadContainer .lead{font-size:16px;line-height:2}}@media (width>=768px){.contact .contact-wrap .leadContainer .lead{text-align:center;font-size:17px}}@media (width>=1024px){.contact .contact-wrap .leadContainer .lead{font-size:18px}}@media (width<=420px){.contact .contact-wrap .leadContainer .lead br{display:none}}.contact .contact-wrap .leadContainer .lead a{cursor:pointer;font-weight:600;text-decoration:underline}.contact .contact-wrap .navContainer{padding:5px 30px}@media (width>=1024px){.contact .contact-wrap .navContainer .navBtns{flex-wrap:nowrap;justify-content:center;max-width:720px;margin:0 auto;display:flex}}.contact .contact-wrap .navContainer .navBtns li{padding:10px 0}@media (width>=1024px){.contact .contact-wrap .navContainer .navBtns li{width:calc(33% - 40px);margin:0 20px}}.contact .contact-wrap .navContainer .navBtns li a{border:1px solid var(--color-brandPrimary);text-align:center;color:var(--color-brandPrimary);padding:12px;font-size:14px;font-weight:500;transition:all .1s ease-out;display:block;top:0;left:0}.contact .contact-wrap .navContainer .navBtns li a:hover{color:#fff;background-color:var(--color-brandPrimary)}@media (width>=1024px){.contact .contact-wrap .navContainer .navBtns li a{padding:15px 20px;font-size:15px}}.contact .contact-wrap .formContainer{margin:40px auto 0;padding:5px 30px;font-size:11px}@media (width>=1024px){.contact .contact-wrap .formContainer{max-width:780px;margin:80px auto 0;font-size:14px}}.contact .contact-wrap .formContainer .formBlock{margin-bottom:200px;padding:50px 0 0}.contact .contact-wrap .formContainer .formBlock h2{margin-bottom:20px;font-size:26px}@media (width>=768px){.contact .contact-wrap .formContainer .formBlock h2{margin-bottom:25px;font-size:30px}}@media (width>=1024px){.contact .contact-wrap .formContainer .formBlock h2{font-size:32px}}.contact .contact-wrap .formContainer .formBlock p{text-align:left}.contact .contact-wrap .formContainer .formBlock .inputGroup{z-index:1;padding:10px 0;font-size:14px;position:relative}@media (width>=768px){.contact .contact-wrap .formContainer .formBlock .inputGroup{display:flex}}.contact .contact-wrap .formContainer .formBlock .inputGroup.purchasedate{z-index:100}.contact .contact-wrap .formContainer .formBlock .inputGroup .label{vertical-align:middle;align-items:center;display:flex}@media (width>=768px){.contact .contact-wrap .formContainer .formBlock .inputGroup .label{width:120px}}.contact .contact-wrap .formContainer .formBlock .inputGroup .input input,.contact .contact-wrap .formContainer .formBlock .inputGroup .input input:focus{outline:none}.contact .contact-wrap .formContainer .formBlock .inputGroup .input input[type=text],.contact .contact-wrap .formContainer .formBlock .inputGroup .input select{font-size:13px}.contact .contact-wrap .formContainer .formBlock .inputGroup .input textarea{border:1px solid #ccc;border-radius:5px;outline:none;width:100%;font-size:13px}@media (width>=768px){.contact .contact-wrap .formContainer .formBlock .inputGroup .input{width:calc(100% - 120px)}}.contact .contact-wrap .formContainer .formBlock h3.subtitle{margin-bottom:25px;font-size:21px}.contact .contact-wrap .formContainer .formBlock p{margin-bottom:15px;font-size:13px;line-height:1.8}.contact .contact-wrap .formContainer .formBlock.thankyou p{margin-bottom:15px;font-size:13px;line-height:1.9}
