.calculate-box{background-color:#2b3a49;border-radius:4px;margin-bottom:30px;padding:20px}.calculate-box .calculate-title span{color:#fff;display:inline-block;font-size:16px;font-weight:700;padding-right:20px;position:relative}.calculate-box .input-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:4px;height:48px;margin-bottom:15px;padding:0 12px}.calculate-box .input-area input{color:#000;font-size:18px;font-weight:700;line-height:1.3;width:100%}.calculate-box .input-area input:focus:-ms-input-placeholder{color:#fff}.calculate-box .input-area input:focus::-ms-input-placeholder{color:#fff}.calculate-box .input-area input:focus:-ms-input-placeholder,.calculate-box .input-area input:focus::-moz-placeholder,.calculate-box .input-area input:focus::-ms-input-placeholder,.calculate-box .input-area input:focus::-webkit-input-placeholder,.calculate-box .input-area input:focus::placeholder{color:#fff}.calculate-box .input-area span{-ms-flex-negative:0;flex-shrink:0;font-size:18px;font-weight:700;margin-left:10px}.calculate-box .select-area{padding-right:64px;position:relative}.calculate-box .select-area select{background:#fff;border-radius:4px;font-size:16px;height:48px;margin-bottom:15px;padding:0 16px;text-overflow:ellipsis;width:100%}.calculate-box .change-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:4px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}.calculate-box .result-area span{color:#fff;font-size:20px}.calculate-box .result-area span strong{font-weight:700}.calculate-box.type-03 .select-area{margin-bottom:0!important;padding-right:0}@media (min-width:767px){.calculate-box .input-area{padding:0 16px}}@media (min-width:768px){.calculate-box.type-02{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.calculate-box.type-02 .calculate-title{width:100%}.calculate-box.type-02 .input-area{margin-bottom:0!important;max-width:180px}.calculate-box.type-02 .select-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding-left:20px;padding-right:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.calculate-box.type-02 .select-area select{margin-bottom:0!important;padding:0 30px 0 16px}.calculate-box.type-02 .select-area select:last-of-type{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative}.calculate-box.type-02 .change-button{-ms-flex-negative:0;flex-shrink:0;position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.calculate-box.type-02 .result-area,.calculate-box.type-03 .result-area{padding-top:10px;width:100%}.calculate-box.type-03{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px}.calculate-box.type-03 .calculate-title{width:100%}.calculate-box.type-03 .input-area{margin-bottom:0!important;max-width:180px}.calculate-box.type-03 .select-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:0!important;padding-left:20px;padding-right:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.calculate-box.type-03 .select-area select{margin-bottom:0;padding:0 30px 0 16px}}@media (min-width:1440px){.calculate-box.type-02 .input-area,.calculate-box.type-03 .input-area{max-width:232px}}