@charset "UTF-8";.contact{width:clamp(340px,92%,1300px);margin:30px auto 0;padding-bottom:40px}.contact__page-heading{margin-bottom:20px;font-size:24px;font-weight:500}@media(max-width:767px){.contact__page-heading{font-size:16px;font-weight:700}}.contact__description{margin-bottom:20px}.contact__faq{background-color:#fff;border-radius:6px;padding:20px 40px;max-width:900px;margin:0 auto 20px}.contact__faq__selection{display:flex;justify-content:space-between;align-items:center;gap:60px;position:relative}.contact__faq__selection:after{font-family:FontAwesome;content:"";position:absolute;width:12px;height:12px;bottom:50%;right:10px;transform:translateY(50%);font-size:12px;z-index:100;color:#828282}.contact__faq__title{font-weight:700}.contact__faq__selection--kind{margin-bottom:30px}.contact__faq__dropdown{background-color:#f5f5f5;padding:12px 14px;border-radius:6px;border:none;flex:1;max-width:600px}.contact__faq__dropdown:disabled{opacity:1;color:#828282}.contact__faq__answer{margin-top:40px;line-height:1.7}.contact__faq__answer dt{font-weight:700}.contact__faq__answer ul li:before{content:"・"}.contact__faq__answer ol{counter-reset:item}.contact__faq__answer ol>li{position:relative;counter-increment:item;display:flex}.contact__faq__answer ol>li:before{content:counter(item) ". ";font-weight:600;margin-right:6px}.hidden{display:none}.contact__faq__supplement{margin-bottom:20px}.contact__form{max-width:900px;margin:0 auto}.contact__form__content{background-color:#fff;border-radius:6px;padding:20px 40px;margin-bottom:20px}.contact__form__content--confirm{padding:40px;margin-bottom:25px}.contact__form__row{margin-bottom:20px}.contact__form__row:last-of-type{margin-bottom:0}.contact__form__row label,.contact__form__row__name__outer{display:flex}.contact__form__row--order-number{margin-bottom:30px}.contact__form__row--confirm{margin-bottom:15px}.contact__form__heading{width:180px;font-weight:700;padding-top:12px;flex-shrink:0}.contact__form__heading--confirm{padding:0}.contact__form__row__wrapper{display:flex}.contact__form__required{background-color:#de43431a;color:#de4343;font-size:10px;padding:0 5px;margin-left:10px}.contact__form__supplement{margin:6px 0 0 180px}.contact__form__input{flex:1;background-color:#f5f5f5;border-radius:6px;border:none;padding:12px 14px}.contact__form__input::-moz-placeholder{color:#828282}.contact__form__input::placeholder{color:#828282}.contact__form__input--textarea{height:300px}.contact__form__input--sei,.contact__form__input--mei{width:calc(100% - 10px)}.contact__form__input--select.initial-select{color:#828282}.contact__form__item{display:flex;gap:20px;flex:1}.contact__form__error{background-color:#de43431a;color:#de4343;padding:10px;margin:10px 0 0 180px;width:-moz-max-content;width:max-content}.contact__form__agree{text-align:center;margin-bottom:20px}.contact__form__agree a{margin:0 2px}.contact__checkbox{display:none}.contact__custom-checkbox{width:20px;height:20px;border-radius:4px;border:solid 1px #D1D1D1;display:inline-block;margin-right:6px;margin-bottom:-5px;position:relative}.contact__checkbox:checked+.contact__custom-checkbox{background-color:#877da4;border:none}.contact__checkbox:checked+.contact__custom-checkbox:after{content:"";position:absolute;top:2px;left:7px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.contact__form__buttons{display:flex;flex-direction:column;gap:20px}.contact__form__submit-button{display:block;width:240px;margin:0 auto;background-color:#877da4;color:#fff;border-radius:6px;text-align:center;cursor:pointer;box-sizing:border-box;font-weight:500}.contact__form__submit-button>*{display:inline-block;width:100%;height:100%;color:#fff}.contact__form__submit-button>*:hover{opacity:.6}.contact__form__submit-button span{padding:11px 0 13px}.contact__form__submit-button--agree:disabled{opacity:.5;cursor:default}.contact__form__submit-button--agree:disabled span:hover{opacity:1}.contact__form__back-button{width:240px;margin:0 auto;background-color:#fff!important;border:solid 1px #877DA4!important;background-color:#877da4;color:#fff;border-radius:6px;text-align:center;cursor:pointer;box-sizing:border-box;font-weight:500}.contact__form__back-button>*{display:inline-block;width:100%;height:100%;color:#fff}.contact__form__back-button>*:hover{opacity:.6}.contact__form__back-button a{padding:11px 0 13px;color:#877da4}@media(max-width:767px){.contact{margin-top:20px}.contact__page-heading,.contact__description{margin-bottom:10px}.contact__faq{padding:20px 15px;margin:0 auto 10px}.contact__faq__selection{flex-direction:column;align-items:flex-start;gap:6px}.contact__faq__selection:after{bottom:18px;right:14px;transform:none}.contact__faq__selection--kind{margin-bottom:20px}.contact__faq__dropdown{flex:1;max-width:100%;width:100%}.contact__faq__dropdown:disabled{opacity:1;color:#828282}.contact__faq__answer{margin-top:20px}.contact__faq__answer .paragraph{margin-bottom:1rem}.contact__faq__supplement{margin-bottom:10px}.contact__form__content{padding:20px 15px;margin-bottom:10px}.contact__form__row label{flex-direction:column;gap:6px}.contact__form__row--order-number{margin-bottom:20px}.contact__form__row__wrapper{flex-direction:column;gap:3px}.contact__form__heading{width:100%;padding-top:0}.contact__form__supplement{margin:4px 0 0;font-size:12px}.contact__form__input{padding:11px 14px 10px}.contact__form__input--textarea{height:260px;flex:none}option{display:inline-block;width:100%}.contact__form__input--sei,.contact__form__input--mei{width:calc(100% - 7.5px)}.contact__form__item{gap:15px}.contact__form__error{margin:10px 0 0;max-width:100%;font-size:12px}.contact__custom-checkbox{width:18px;height:18px;margin-bottom:-3px}.contact__checkbox:checked+.contact__custom-checkbox{background-color:#877da4;border:none}.contact__checkbox:checked+.contact__custom-checkbox:after{left:6px;width:6px;height:11px}.contact__form__buttons{gap:14px}.contact__form__submit-button{width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important;margin:0 20px}.contact__form__submit-button span{padding:15px 0 14px}.contact__form__back-button{width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important;margin:0 20px}.contact__form__back-button a{padding:11px 0 10px}}
