.page-frame-700{width:700px;margin:0 auto}.simulator{color:#0f91bf;border:1px solid #47c1eb;padding:1.5em;margin:1em 0;font-size:100%;position:relative}.simulator h1{text-align:center;color:#0f91bf;margin-top:1.5em;margin-bottom:1.5em;font-size:1.7em}.simulator .header-grid{display:grid;grid-template-columns:1fr 5fr 1fr;grid-gap:10px;margin:-1em -1em 0 -1em;align-items:center;justify-content:center}.simulator form{background-color:#f4f4f4;border-radius:10px;padding:1em;position:relative}.simulator select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:50px;padding:0 1em;border:0;border-radius:10px;background:#c9e7ed;background-size:20px,100%;color:#0f91bf;width:100%;font-size:1.2em;font-weight:700;text-align:center}.simulator option{appearance:none;color:#0f91bf;width:100%;font-size:1em;font-weight:700}input[type=radio]{display:none}.radio-label{box-sizing:border-box;transition:background-color 0.2s linear;position:relative;display:inline-block;margin:0 20px 8px 0;padding:12px 12px 12px 27px;border-radius:4px;vertical-align:middle;cursor:pointer;font-size:1.2em}.radio-label:after{transition:border-color 0.2s linear;position:absolute;top:50%;left:0;display:block;margin-top:-10px;width:20px;height:20px;border:2px solid #bbb;content:'';border-radius:50%}.radio-label:before{transition:opacity 0.2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-5px;width:10px;height:10px;background-color:#0f91bf;border-radius:50%;content:'';opacity:0}input[type=radio]+.radio-label{color:#999}input[type=radio]:checked+.radio-label{color:#0f91bf}input[type=radio]:checked+.radio-label:before{opacity:1}.simulator label.normal{display:inline-block;margin:0;text-align:center;font-size:1.2em;color:#000}.people-count{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.5em;align-items:center}.input-row{display:grid;grid-template-columns:1fr 4fr;grid-gap:1em;align-items:center;margin-bottom:1em}.input-text-row{display:flex;align-items:center;justify-center:center;border:0 dotted #7cc2de;border-bottom-width:6px;padding-bottom:.5em;flex-wrap:multiple}.input-text-row>div{width:100%;font-size:1.2em;font-weight:700;text-align:center;color:#000}.input-text-row .arrow-container{width:35%;display:inline-block}.form-label{display:block;background-color:#878787;color:#fff;line-height:50px;height:50px;width:100%;text-align:center;font-size:1.2em;font-weight:700;padding:0 1em;margin:0}.arrow-container{width:100%;position:relative}.arrow-container:after{display:block;content:" ";position:absolute;right:10px;width:20px;height:20px;border:10px solid #fff0;border-top:12px solid #47c1eb;border-bottom:10px solid #fff0;pointer-events:none;top:18px}h2{width:100%;font-size:1.4em;font-weight:700;background-color:#878787;color:#fff;text-align:center;padding:.5em 0}.maker{display:grid;grid-template-columns:1fr 3fr;grid-gap:1em;align-items:center;justify-content:center}.maker .logo{position:relative;height:130px}.maker .logo>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:contain;object-position:center center}.maker .info>.title{margin-bottom:1em}.maker .info>.title>span{background-color:#0f91bf;border-radius:4px;color:#fff;font-weight:700;font-size:1em;padding:.2em .5em}.maker .info>.title>a{font-weight:700;font-size:1.4em;color:#0f91bf;text-decoration:underline}.maker .info>.title>a:hover{text-decoration:none}.maker .info>.description{color:#222;font-size:1em}.server{border:2px solid #c9e7ed;padding:1em;width:100%;display:none;margin-bottom:1.5em}.server-row{display:grid;grid-template-columns:5fr 4fr;grid-gap:1em}.server-row-title{display:grid;grid-template-columns:1fr 2fr;grid-gap:1em}.server .visual{width:140px;height:80px}.server .visual>img{object-fit:contain;position:center center}.server .title h3{background-color:#fff0;font-weight:700;font-size:1.3em;text-align:left word-wrap:break-word}.server .title a{color:#2e99c3;word-wrap:break-word}.server .info{color:#000}.detail-flow{display:grid;align-items:center;grid-template-columns:2fr 4fr}.monthly-price-detail{display:none;width:100%}.detail-1,.detail-2,.detail-3{border:1px solid #88c4dc;border-radius:10px;overflow:hidden;width:30%}.detail-1{width:100%}.detail-2,.detail-3{width:45%}.detail-1>h5,.detail-2>h5,.detail-3>h5{background-color:#88c4dc;margin:0;padding:.3em;text-align:center;color:#fff;font-size:.9em}.detail-1 h5>small,.detail-2 h5>small,.detail-3 h5>small{color:#fff;font-weight:700}small{font-size:.75em}.detail-plus,.detail-mult{font-weight:700;font-size:2em;margin:0 .5em}.detail-box{display:grid;grid-template-columns:1fr 5fr;justify-content:center;align-items:center;padding:.2em .5em;font-size:1.6em;background-color:#fff}.detail-box>.data{font-weight:700;text-align:center;color:red}.monthly-price{display:grid;grid-template-columns:1fr 1fr}.monthly-price .price{color:red;font-weight:700;font-size:.9em;text-align:center;padding:.7em 0}.monthly-price .price>span{font-size:1.6em}.monthly-price .include-electric-bill{font-size:.9em;color:#000;text-align:center}.monthly-price>h4{font-weight:700;color:#000;font-size:1.15em;margin:0;display:flex;align-items:center;justify-content:center;background-color:#fff5ce;border:2px solid #ffe787}.monthly-price>h4>span.yen{display:inline-block;background-color:#ff8a00;color:#ffce46;border:2px solid #ffaf00;border-radius:50%;margin-right:.5em;text-align:center;width:1.5em;height:1.5em}.monthly-price>h4>span{vertical-align:middle}.water-price{background-color:#eff6f7;border-radius:10px;padding:0 .5em .5em .5em}.water-price.dummy{background-color:#fff0;padding-top:2em}.water-price>.label{color:#88c4dc;font-weight:700}.water-price-detail{display:flex;align-items:center}.notice{color:#000;margin-top:1em}.attension{color:#000;font-size:.9em}.monthly-price>div{background-color:#fff5ce;border:2px solid #ffe787;border-width:2px 2px 2px 0}.monthly-price>div:nth-child(2){background-color:#fff}.to-official-button{background-color:#f44;display:block;width:100%;padding:1em 0;border-radius:10px;text-align:center;font-weight:700;font-size:1em;color:#fff;text-decoration:none;margin:15px 0 0 0;box-shadow:0 5px 0 #b70f0f;cursor:pointer}.to-official-button:hover{color:#fff;text-decoration:none;box-shadow:0 1px 0 #b70f0f;margin-top:19px}.to-official-button>.fa-angle-right{font-size:1em;font-weight:700;padding-left:1em}.show-detail{display:grid;grid-template-columns:10fr 1fr;background-color:#c9e7ed;color:#2e99c3;font-weight:700;font-size:1.2em;width:100%;border-radius:6px;padding:.3em;text-align:center;align-items:center;margin:0 0 .5em 0;cursor:pointer}.usefor-help{cursor:pointer}#usefor-help-dialog{display:none;background-color:#fff;border-radius:10px;width:360px;height:360px;position:absolute;top:50%;left:50%;margin-left:-180px;margin-top:-180px;z-index:100;border:1px solid #47c1eb;overflow:hidden;padding:1em;font-size:1.2em}#usefor-help-dialog-close{text-align:right;font-size:2em;color:#2e99c3;cursor:pointer}#usefor-help-dialog dd{margin-bottom:1em}select::-ms-expand{display:none}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.header-grid{display:flex}.input-row{display:flex;width:100%}.form-label{width:140px;margin:0 10px 0 0}.people-count{display:flex;width:100%}.usefor{display:flex;width:100%}.people-count .arrow-container{width:25%}.people-count .normal{width:25%}.maker{display:flex;width:100%}.maker .logo{width:30%}.maker .logo>img{height:auto}.maker .info{width:70%;padding-left:1em}.server-row{display:flex;width:100%:}.server-row>.server-col:nth-child(1){width:50%;margin-right:10px}.server-row>.server-col:nth-child(2){width:50%}.server-row-title{display:flex}.server-row-title>.visual{width:50%}.server-row-title>.title{width:50%;word-break:break-all}.info{padding-top:.5em}.monthly-price{display:flex;width:100%}.monthly-price>h4{width:50%}.monthly-price>div{width:50%}.monthly-price-detail{width:100%}.monthly-price-detail>.inner{width:100%}.detail-flow{display:flex;width:100%}.water-price.dummy{width:38%}.water-price{width:62%}.detail-1,.detail-2,.detail-3{width:160px}.detail-plus{text-align:center}.detail-box{display:flex}}@supports (-ms-ime-align:auto){.header-grid{display:flex}.input-row{display:flex;width:100%}.form-label{width:140px;margin:0 10px 0 0}.people-count{display:flex;width:100%}.usefor{display:flex;width:100%}.people-count .arrow-container{width:25%}.people-count .normal{width:25%}.maker{display:flex;width:100%}.maker .logo{width:30%}.maker .logo>img{height:auto}.maker .info{width:70%;padding-left:1em}.server-row{display:flex;width:100%:}.server-row>.server-col:nth-child(1){width:50%;margin-right:10px}.server-row>.server-col:nth-child(2){width:50%}.server-row-title{display:flex}.server-row-title>.visual{width:50%}.server-row-title>.title{width:50%;word-break:break-all}.info{padding-top:.5em}.monthly-price{display:flex;width:100%}.monthly-price>h4{width:50%}.monthly-price>div{width:50%}.monthly-price-detail{width:100%}.monthly-price-detail>.inner{width:100%}.detail-flow{display:flex;width:100%}.water-price.dummy{width:38%}.water-price{width:62%}.detail-1,.detail-2,.detail-3{width:160px}.detail-plus{text-align:center}.detail-box{display:flex}}@media only screen and (max-device-width:480px){.page-frame-700{width:100%;margin:0 auto;padding:.4em}.server{padding:1em}.simulator{padding:1em}.simulator h1{font-size:1.2em}.simulator .header-grid{margin:-.4em -.4em 0 -.4em}.form-label{height:30px;line-height:30px}.input-row{display:grid;grid-template-columns:1fr;grid-template-rows:2fr;grid-gap:1em}.input-text-row .arrow-container{width:80%}.radio-label{width:100%;margin:0 20px 0 0;padding:6px 12px 6px 27px}.simulator label.normal{font-size:1em;font-weight:700}.server-row{display:grid;grid-template-columns:1fr;grid-template-rows:2fr;grid-gap:.5em}.detail-1,.detail-2,.detail-3{display:flex;height:3em;line-height:3em;align-items:center;justify-content:center}.water-price-detail h5{width:50%;height:100%;line-height:3em}.detail-flow{display:block}.detail-row{align-items:center;justify-content:center;text-align:center;width:100%}.detail-box{font-size:1.2em;width:50%}.notice li{margin-bottom:1em}.detail-1,.detail-2,.detail-3{width:100%;margin:0 auto}.detail-1>h5,.detail-2>h5,.detail-3>h5{font-size:.85em}.detail-plus,.detail-mult{text-align:center}.maker{display:grid;grid-template-columns:1fr 2fr;grid-gap:.5em;margin-bottom:.5em}.maker .logo{width:100%;height:auto}.maker .logo>img{width:100%;height:auto}.maker .info .title>span{display:none}.show-detail{margin-top:1em}.water-price-detail{display:block}.water-price{padding:.2em}.water-price.dummy{padding-top:0}.notice{font-size:.85em}}.side-float-btn{display:none}#page-top{bottom:30px}