@charset "utf-8";.howmuchtitle{margin:20px 0 20px}.box{background:#ea5f5f;color:#fff;position:relative;padding:10px;margin:5px;font-weight:700;border:solid 1px #828282;display:flex;justify-content:center;align-items:center}.box:before,.box:after{content:"";display:block;width:calc(100% - 20px);position:absolute;left:0}.box:before{border-bottom:solid 5px #ea3c3c;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-6px;z-index:1}.box:after{border-bottom:solid 7px #828282;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-8px;z-index:0}.box .baloon{background:#fff;color:#555;display:block;width:5.5em;text-align:center;line-height:1.3em;padding:5px;font-size:.8em;position:relative;border:solid 1px #828282;float:left;margin-right:23px}.box .baloon:before,.box .baloon:after{content:"";display:block;width:0;height:0;position:absolute;bottom:0}.box .baloon:before{right:-19px;border-top:solid 7px transparent;border-left:solid 10px #fff;border-right:solid 10px transparent;z-index:2}.box .baloon:after{right:-20px;border-top:solid 7px transparent;border-left:solid 10px #828282;border-right:solid 10px transparent;z-index:0}.subject .small{line-height:1em;margin-bottom:5px;font-size:.9em}.subject h1{font-weight:700;font-size:1.7em}.subject h1 .happily{display:none}.howmuchtitle p{text-align:center;line-height:1.2em;font-size:.8em;margin:5px 10px}#howmuch{margin:10px}.step{margin-bottom:10px}.step2,.step3{display:none}.step h2{font-size:1.1em;background:#7d726e;color:#fff;padding:3px 10px;font-weight:700;border-radius:3px}.step h2 .num{background:#fff;color:#7d726e;width:2em;display:block;float:left;text-align:center;margin-right:10px;line-height:1em;border-radius:3px;padding:2px 0;margin-top:.25em}.step h2 .yellow{color:#faed7c}.step>p{margin:5px 10px 10px;line-height:1.5em;font-size:.9em}.step>ul{display:flex;flex-wrap:wrap;background-image:linear-gradient(129deg,#fff 25%,#f1f1f1 25%,#f1f1f1 50%,#fff 50%,#fff 75%,#f1f1f1 75%,#f1f1f1 100%);background-size:5.15px 6.36px;padding:10px;overflow:hidden}.step ul li{width:calc(50% - 10px);margin-bottom:10px}.step>ul li{margin-right:10px;margin:5px}.radio:after,.radio:before{content:none}.radio{padding:6px 0;width:100%;text-align:center;border:solid 1px #ddd;background:#1e5799;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 94%,rgba(229,229,229,1) 100%);background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 94%,rgba(229,229,229,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0%,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 94%,rgba(229,229,229,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#e5e5e5',GradientType=0)}input[type=radio]:checked+.radio{background:#ffea84}.step .type{margin-bottom:10px}.step .type p{margin:5px 10px 10px;line-height:1.5em;font-size:.9em}.step .type1{margin-bottom:0}.step .type1 ul{display:flex}.step .type1 ul li:not(:nth-child(2n)){margin-right:10px}.step .type2 ul li{margin:5px}.step .type2{background-image:linear-gradient(129deg,#fff 25%,#f1f1f1 25%,#f1f1f1 50%,#fff 50%,#fff 75%,#f1f1f1 75%,#f1f1f1 100%);background-size:5.15px 6.36px;padding:5px 10px;position:relative}.step .type2 ul{margin-bottom:10px;display:flex;flex-wrap:wrap}.step .type2:before{content:"";display:block;position:absolute;top:-7px;left:50%;border-bottom:solid 10px #f5f5f5;border-left:solid 10px transparent;border-right:solid 10px transparent;margin-left:-5px}.step .type2 ul li{width:calc(33% - 9px)}.step .type2 .exp{background:#fff;border:solid 1px #ccc;text-align:center;line-height:1.5em;padding:5px;margin-bottom:10px;position:relative}.step .type2 .exp:before,.step .type2 .exp:after{content:"";display:block;width:0;height:0;position:absolute;margin-left:-10px;left:50%}.step .type2 .exp:before{top:-8px;z-index:2;border-bottom:solid 10px #fff;border-left:solid 7px transparent;border-right:solid 7px transparent;z-index:2}.step .type2 .exp:after{top:-10px;z-index:2;border-bottom:solid 10px #ccc;border-left:solid 7px transparent;border-right:solid 7px transparent;z-index:0}.step .type.type2 p{font-weight:400}.step .type.type2 .exp p:first-child{font-weight:700;color:#4195bd;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #bee0f1}.step .type.type2 .exp p:last-child{font-size:.9em;line-height:1.4em}.step .type2 .exp .bold{font-weight:700}.step .type2 .maker{clear:both;line-height:1.5em;font-weight:700;font-size:.9em;margin:5px;border-top:solid 1px #ddd;padding-top:10px}.step .type2 .maker .red{color:#ef3030}.step .type2 .maker .blue{color:#4195bd}input[type=submit]{margin:auto;display:block;width:auto;background:#f12828;line-height:2em;height:46px;border-radius:5px;border:solid 1px #d20a0a;color:#fff;margin-bottom:10px;font-weight:700;font-size:18px;letter-spacing:0px;text-indent:5px;font-family:'Sawarabi Gothic','Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;padding:5px 30px;display:none}.comment{border:dotted 2px #ddd;padding:10px;margin:10px;border-radius:8px;line-height:1.5em;text-align:center;color:#989898;font-weight:700}.result{display:none;margin-bottom:20px}.result .priceWrap{padding:30px 10px;flex-direction:column;justify-content:center;align-items:center;display:flex;background:#fff7f0;border:3px solid #ffb17d;border-radius:5px;font-size:5vw}.result p{font-weight:700;text-align:center}.result .price{font-size:1.3em;line-height:1.8em;color:#ec1d1d}.step2 .type2{display:none}.steps ol{overflow:hidden;display:flex;flex-wrap:wrap;padding:2vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.steps ol li{float:left;background:#e2f0f5;color:#fff;width:23vw;margin:0 10px;position:relative;list-style-type:none;height:100px;height:60px}.steps ol li:last-child{margin-right:4%}.steps ol li:before{content:"";display:block;position:absolute;top:0;left:-15px;border-top:solid 30px #e2f0f5;border-left:solid 15px transparent;border-bottom:solid 30px #e2f0f5}.steps ol li:after{content:"";display:block;position:absolute;top:0;right:-15px;border-top:solid 30px transparent;border-left:solid 15px #e2f0f5;border-bottom:solid 30px transparent}.steps ol li:first-child{background:#5ca0b7;color:#fff}.steps ol li:first-child:before{border-top:solid 30px #5ca0b7;border-left:solid 15px transparent;border-bottom:solid 30px #5ca0b7}.steps ol li:first-child:after{border-top:solid 30px transparent;border-left:solid 15px #5ca0b7;border-bottom:solid 30px transparent}.steps ol li:nth-child(2){background:#3385a0;color:#fff}.steps ol li:nth-child(2):before{border-top:solid 30px #3385a0;border-left:solid 15px transparent;border-bottom:solid 30px #3385a0}.steps ol li:nth-child(2):after{border-top:solid 30px transparent;border-left:solid 15px #3385a0;border-bottom:solid 30px transparent}.steps ol li:last-child{background:#116986;color:#fff}.steps ol li:last-child:before{border-top:solid 30px #116986;border-left:solid 15px transparent;border-bottom:solid 30px #116986}.steps ol li:last-child:after{border-top:solid 30px transparent;border-left:solid 15px #116986;border-bottom:solid 30px transparent}.steps ol li:first-child{margin-left:4%}.steps .step{background:#fff;border-radius:3px;width:3em;color:#5ca0b7;line-height:1em;font-size:10px;font-weight:700;padding:2px 5px;margin-bottom:4px;display:block;margin-top:5px}.steps .stepName{display:block;line-height:1.3em;font-size:1em;font-weight:700;letter-spacing:0em;text-align:center;margin-right:0;margin:auto}.steps .stepName:not(:first-child){margin-right:5px}.steps ol li p{line-height:1.5em;padding:2px 0;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:45px;display:flex;align-items:center}@media screen and (min-width:440px){.steps ol li{width:25vw}}@media screen and (min-width:540px){.box{padding:20px 10px;margin-bottom:10px}.step{margin-bottom:30px}.step>ul{padding:15px;margin:0 10px}.step>ul li{width:calc(33% - 9px)}.subject h1 .happily{display:inline-block}.step .type2 ul li{width:calc(25% - 10px)}.step .type2{padding:15px 15px 5px}.steps .stepName{font-size:1.2em}}@media screen and (min-width:640px){.comment{width:80%;margin:auto}.step .type2 .maker{padding-top:15px;margin-top:15px}.steps ol li{width:27.5%}.result .priceWrap{font-size:4vw}}@media screen and (min-width:760px){.howmuchtitle{margin:10px 0 20px}.result .priceWrap{font-size:25px}}@media screen and (min-width:1200px){.subject h1{font-weight:400;font-size:2.5em;line-height:1.4em}.box .baloon{font-size:1em;padding:10px}.subject .small{font-size:1.5em;font-weight:400}.step>ul li{width:calc(25% - 8px)}.step>ul li:not(:nth-child(3n)){margin-right:0}.step>ul li:not(:nth-child(4n)){margin-right:10px}.step h2{padding:5px 10px}.step>ul li{width:calc(16.6% - 13px)}.step>ul{margin:0}.step>ul li:not(:nth-child(4n)){margin-right:0}.step>ul li:not(:nth-child(6n)){margin-right:10px}.step .type2 .exp{width:calc(30% - 15px);float:right}.step .type2 ul{float:left;width:calc(70% - 5px)}.steps .stepName{font-size:1.5em;line-height:1em}.steps ol li{width:28%}.step .type2 .exp:before,.step .type2 .exp:after{left:-3px;transform:rotate(-90deg);top:calc(50% - 3px)}.step .type2 .exp:before{left:-2px}}