/*!
 * Mixin
 */:root{--komase-color-primary-1: #ffd200;--komase-color-secondary: #f5f1eb;--komase-color-action: #007bff;--komase-color-action-on: #1577e1;--komase-color-link-visited: #666;--komase-color-text-1: #27384e;--komase-color-border-1: #dfe3ef;--komase-color-input-border: #d8dfe8;--komase-color-input-bg: #fafbfd;--komase-color-line: #06c755;--komase-color-twitter: #41a1f2;--komase-color-facebook: #1a77f2}@media screen and (max-width: 991px){#react-root,.loading-container{min-height:2175px}}@media screen and (min-width: 992px){#react-root,.loading-container{min-height:1924px}}@media screen and (max-width: 991px){.container{margin-bottom:2rem}}.input-container{overflow:hidden;border:1px solid #ddd}@media screen and (max-width: 991px){.input-container{padding:2rem;margin-bottom:1rem;border-radius:15px}.input-container h3{margin:0 0 1rem}}@media screen and (min-width: 992px){.input-container{padding:3rem;margin-bottom:2rem;border-radius:20px}.input-container h3{margin:0 0 2rem;padding-left:2rem;font-size:2.4rem}}.form-input{text-align:right}@media screen and (max-width: 991px){.form-input{width:100px}}@media screen and (min-width: 992px){.form-input{width:150px}}.form-label,.entry-content .form-label{display:block;width:auto}@media screen and (min-width: 992px){.form-label,.entry-content .form-label{margin:0;font-size:1.8rem}}@media screen and (max-width: 991px){.form-unit__unit{margin-left:5px;font-size:1.6rem}}.form-range-slider{margin:0}@media screen and (min-width: 992px){.form-range-slider{width:auto}}.form-range-slider-label{margin-right:1rem;margin-bottom:0;display:flex;align-items:center;flex-direction:row-reverse}.form-range-slider-label span{margin-left:5px}.range-slider{flex-direction:row}@media screen and (max-width: 991px){.range-slider input{width:150px}}@media screen and (min-width: 992px){.range-slider{display:flex}.range-slider input{width:150px}}@media screen and (max-width: 991px){.future-rent{margin-bottom:2rem}}.input-box{display:inline-block}.input-box--b{display:block}@media screen and (max-width: 991px){.input-box{margin-right:1.5rem}}@media screen and (min-width: 992px){.input-box{margin-top:2rem;margin-right:3rem}}.hikkoshi{border:1px solid #ddd;background:#fcfcfc}@media screen and (max-width: 991px){.hikkoshi{padding:2rem 2rem 0;margin-top:2rem;border-radius:15px}.hikkoshi .form-label{margin-top:0}.hikkoshi .input-box{margin-right:1rem;margin-bottom:2rem}.hikkoshi .form-input{width:120px}}@media screen and (min-width: 992px){.hikkoshi{padding:1rem 2rem;margin-top:2rem;border-radius:20px}.hikkoshi .input-box{margin-bottom:1.5rem}}.loan{display:flex;align-items:center;font-weight:700;color:var(--komase-color-action)}@media screen and (max-width: 991px){.loan{font-size:2rem}}@media screen and (min-width: 992px){.loan{font-size:2.2rem;height:48px}}.entry-content p.error{margin:0;padding:0;color:#db0000}@media screen and (min-width: 992px){.entry-content p.error{font-size:14px}}.cal{overflow-y:auto;line-height:1.4;background:#f8f8f8;box-shadow:inset 1px 2px 4px rgba(169,173,182,.2)}@media screen and (max-width: 991px){.cal{margin-top:2rem;margin-left:-2rem;margin-right:-2rem;margin-bottom:-2rem;padding:2rem;font-size:1.1rem;max-height:120px}}@media screen and (min-width: 992px){.cal{margin-top:2rem;margin-left:-3rem;margin-right:-3rem;margin-bottom:-3rem;padding:2rem 3rem;font-size:1.2rem;max-height:120px}}.building-ratio .form-unit{display:flex}.building-ratio .lb{font-weight:700}.building-ratio .lb--l{margin-right:10px}.building-ratio .lb--r{margin-left:10px}@media screen and (max-width: 991px){.building-ratio{display:block;width:100%}.building-ratio .form-label{margin-bottom:2rem}.building-ratio .form-unit{margin:0 auto;width:280px}.building-ratio .lb{width:40px}}@media screen and (min-width: 992px){.building-ratio .form-label{margin-bottom:20px}}.range-slider-ratio .form-range-slider-label{display:none}@media screen and (max-width: 991px){.range-slider-ratio{width:180px}.range-slider-ratio input{width:180px}}@media screen and (min-width: 992px){.range-slider-ratio input{width:200px}}.ratio-display em{color:var(--komase-color-action)}.ratio-display span{color:var(--komase-color-text-1)}.ratio-display__l{margin-right:2rem}@media screen and (max-width: 991px){.ratio-display{margin:1.5rem auto 0;line-height:1.5;width:200px}.ratio-display em{font-size:2rem}}@media screen and (min-width: 992px){.ratio-display{display:flex}.ratio-display em{font-size:2rem}.ratio-display span{font-size:1.5rem}}.button-wrap .form-button{margin:0 auto}.arrow{text-align:center}@media screen and (max-width: 991px){.arrow{font-size:26px}}@media screen and (min-width: 992px){.arrow{font-size:28px}}.form-result{background:var(--komase-color-secondary)}.form-result.is-hide::before,.form-result.is-hide::after{position:absolute;bottom:0}.form-result.is-hide::before{left:0;width:100%;height:30px;background:#000;background:linear-gradient(to bottom, transparent, #fff);content:""}.form-result.is-hide::after{z-index:10;left:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 30'%3E%3Cpath d='M0,15 Q37.5,0 75,15 T150,15' fill='none' stroke='%23000' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") repeat-x;background-size:100px 30px;height:30px;width:calc(100% + 20px);content:""}@media screen and (max-width: 991px){.form-result{padding:1rem;border-radius:15px}.form-result.is-hide::before{height:20px}.form-result.is-hide::after{height:20px;background-size:60px 20px}}@media screen and (min-width: 992px){.form-result{padding:3rem 2rem;border-radius:20px}}.result-hl{font-weight:700;text-align:center}.result-hl::before,.result-hl::after{font-weight:300;color:#ccbfb9}.result-hl::before{margin-right:1rem;content:"＼"}.result-hl::after{margin-left:1rem;content:"／"}@media screen and (max-width: 991px){.result-hl{margin-bottom:1rem;font-size:2rem}}@media screen and (min-width: 992px){.result-hl{margin:0 0 2rem;font-size:2.8rem}}.result-hl{font-weight:700;text-align:center}@media screen and (max-width: 991px){.result-hl{font-size:2.2rem}}@media screen and (min-width: 992px){.result-hl{font-size:2.8rem}}.result-after{margin-bottom:1rem;font-weight:700;text-align:center}@media screen and (max-width: 991px){.result-after{font-size:2rem}}@media screen and (min-width: 992px){.result-after{font-size:2.4rem}}@media screen and (min-width: 992px){.form-result-cont-wrap{display:flex}}.form-result-cont{background:#fff}@media screen and (max-width: 991px){.form-result-cont{border-radius:15px;margin-bottom:1rem}}@media screen and (min-width: 992px){.form-result-cont{border-radius:20px;width:49.5%}.form-result-cont.cont-no-sell{margin-right:1%}}.form-result-cont-hl{font-weight:700;text-align:center;border-bottom:2px dashed #eee}.form-result-cont-hl.cont-no-sell em{color:#000}.form-result-cont-hl.cont-sell em{color:#000}@media screen and (max-width: 991px){.form-result-cont-hl{padding:.6rem 0;font-size:1.8rem}}@media screen and (min-width: 992px){.form-result-cont-hl{padding:1rem 0;font-size:2.2rem}}.form-result-body{text-align:center}.form-result-body span{font-weight:700}.form-result-body .sagaku em{color:#000}@media screen and (max-width: 991px){.form-result-body{padding:1rem}.form-result-body em{font-size:2rem}.form-result-body .sagaku em{font-size:2.3rem}}@media screen and (min-width: 992px){.form-result-body{padding:2rem 1rem;line-height:1.6}.form-result-body em{font-size:1.9rem}.form-result-body .sagaku em{font-size:2.6rem}}.form-result-title{font-weight:700}@media screen and (max-width: 991px){.form-result-title{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:1rem;font-size:1.7rem}}@media screen and (min-width: 992px){.form-result-title{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:2rem;font-size:1.9rem;text-align:center}}@media screen and (max-width: 991px){.result-detail{margin-top:1rem;line-height:1.1}}@media screen and (min-width: 992px){.result-detail{margin-top:1rem;line-height:1.1}}.vs-container{display:flex;align-items:center}.vs-container .vs{margin:0 3px;font-weight:700}.vs-container em{color:#000}@media screen and (min-width: 992px){.vs-container{margin-bottom:10px}}.vs-cont{overflow:hidden;flex:1;border-radius:10px}.vs-cont.is-win,.vs-cont.is-lose{position:relative}.vs-cont.is-win::before,.vs-cont.is-lose::before{position:absolute;color:#fff;font-weight:700}.vs-cont.is-win{background:#f8fef8;border:2px solid #43ac36}.vs-cont.is-win span{color:#2f9521}.vs-cont.is-win::before{background:#2f9521;content:"WIN！"}.vs-cont.is-lose{background:#fff7f6;border:2px solid #debcb6}.vs-cont.is-lose span{color:#d54731}.vs-cont.is-lose::before{background:#d79186;content:"LOSE⋯"}.vs-cont .cost{font-weight:700}@media screen and (max-width: 991px){.vs-cont{padding-top:35px;height:120px;line-height:1.4;font-size:1.3rem}.vs-cont.is-win span,.vs-cont.is-lose span{font-size:1.7rem}.vs-cont.is-win::before,.vs-cont.is-lose::before{position:absolute;top:5px;left:5%;width:90%;height:22px;line-height:22px;border-radius:5px;font-size:1.6rem}.vs-cont .cost{font-size:1.5rem}.vs-cont .cost span{font-size:1.9rem}}@media screen and (min-width: 992px){.vs-cont{padding-top:40px;height:130px;line-height:1.5;font-size:1.4rem}.vs-cont.is-win span,.vs-cont.is-lose span{font-size:1.7rem}.vs-cont.is-win::before,.vs-cont.is-lose::before{position:absolute;top:5px;left:5%;width:90%;height:26px;line-height:26px;border-radius:5px;font-size:1.7rem}.vs-cont .cost{font-size:1.5rem}.vs-cont .cost span{font-size:1.9rem}}.input-detail+span::before{content:"｜"}@media screen and (max-width: 991px){.input-detail{font-size:10px}}@media screen and (min-width: 992px){.input-detail{font-size:11px}}.break-even{padding:1rem;background:#fff;text-align:center}.break-even span{font-weight:700;font-size:120%}@media screen and (max-width: 991px){.break-even{border-radius:10px}}@media screen and (min-width: 992px){.break-even{margin-top:2rem;border-radius:10px}}@media screen and (max-width: 991px){.entry-content .form-result-share{margin-top:3rem}}
