| | |
| | | .at-input__title--required { |
| | | position: relative; |
| | | &::before { |
| | | @include position(absolute, 50% -0.5rem n n); |
| | | @include position(absolute, 50% -23px n n); |
| | | transform: translateY(-50%); |
| | | } |
| | | } |
| | | } |
| | | .c-form-agreement { |
| | | padding: 0.512rem 0.68267rem; |
| | | padding: 24px 32px; |
| | | .title { |
| | | display: inline; |
| | | .icon { |
| | | @include flexbox(inline, center center); |
| | | margin-top: 0.08533rem; |
| | | margin-right: 0.3rem; |
| | | width: 0.85333rem; |
| | | min-width: 0.85333rem; |
| | | height: 0.85333rem; |
| | | margin-top: 4px; |
| | | margin-right: 14px; |
| | | width: 40px; |
| | | min-width: 40px; |
| | | height: 40px; |
| | | color: transparent; |
| | | font-size: 0.512rem; |
| | | font-size: 24px; |
| | | line-height: 1; |
| | | border: 0.04267rem solid rgba(97, 144, 232, .2); |
| | | border: 2px solid rgba(97, 144, 232, .2); |
| | | border-radius: 50%; |
| | | background-color: #fff; |
| | | box-sizing: border-box; |
| | |
| | | .protocol { |
| | | display: inline; |
| | | color: #2b69de; |
| | | font-size: 0.65rem; |
| | | font-size: 30px; |
| | | } |
| | | } |
| | | .c-form-submit { |
| | | margin-top: 0.8rem; |
| | | padding: 0 0.42667rem; |
| | | margin-top: 37px; |
| | | padding: 0 20px; |
| | | [type=primary] { |
| | | font-size: 0.7rem; |
| | | font-size: 33px; |
| | | line-height: 2.2; |
| | | border: 1PX solid #2093df; |
| | | background: #2093df; |