.floating-field{display:block;position:relative}
.floating-field__input{padding-bottom:.6rem;padding-top:1.8rem}
.floating-field__label{background-color:#fff;color:#8f8f9e;font-size:1.6rem;left:2.4rem;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s linear,font-size .2s linear,color .2s linear,top .2s linear}
.floating-field__input:focus+.floating-field__label,.floating-field__input:not(:placeholder-shown)+.floating-field__label{color:#adadb7;font-size:1.2rem;top:.6rem;transform:translateY(0)}
.calculation-form .floating-field__input,.subscription .floating-field__input{height:5.6rem;line-height:2.4rem}
.calculation-form .button--form,.subscription__button{min-height:5.6rem}
.subscription__item-column--wide{grid-column:1/-1}
.subscription .input--checkbox span::before{background:#71CE46;border-color:#71CE46}
.subscription .input--checkbox span::after{opacity:0}
.subscription .input--checkbox input:checked+span::after{opacity:1}
.calculation-form-wrapper .notice-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:1000}
.calculation-form-wrapper .notice-modal[hidden]{display:none}
.calculation-form-wrapper .notice-modal__content{background:#fff;border-radius:2.4rem;text-align:center;max-width:48rem;width:100%;padding:3rem 3rem 3.2rem;position:relative}
.calculation-form-wrapper .notice-modal__title{color:#71CE46;text-align:center;font-size:2.4rem}
.calculation-form-wrapper .notice-modal__body{text-align:center;font-size:1.6rem;margin-top:1.2rem}
.calculation-form-wrapper .notice-modal__close{position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer}
.calculation-form-wrapper .notice-modal__close-line{position:absolute;left:50%;top:50%;width:1.6rem;height:.2rem;background:#32314a;transform-origin:center}
.calculation-form-wrapper .notice-modal__close-line:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.calculation-form-wrapper .notice-modal__close-line:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.calculation-form-wrapper .notice-modal--error .notice-modal__title{color:#DB2B3D}
.calculation-form-wrapper .input--checkbox span::before{background:#71CE46;border-color:#71CE46}
.calculation-form-wrapper .input--checkbox span::after{opacity:0}
.calculation-form-wrapper .input--checkbox input:checked+span::after{opacity:1}