@charset "utf-8";#diff h2{}#diff .title_dashed{margin-bottom:0}#diff h3{line-height:1.2;text-align:center}#diff #diff_plan h3{background:-webkit-linear-gradient(bottom,#EDE8CA 0,#E6DDB6 100%);background:linear-gradient(0deg,#EDE8CA 0,#E6DDB6 100%);color:#FFF;font-weight:400;letter-spacing:.1em;margin-left:auto;margin-right:auto;text-shadow:1px 1px 1px #CBB38F,-1px 1px 1px #CBB38F,1px -1px 1px #CBB38F,-1px -1px 1px #CBB38F,1px 0 1px #CBB38F,0 1px 1px #CBB38F,-1px 0 1px #CBB38F,0 -1px 1px #CBB38F}#diff p{font-size:87.5%;line-height:1.8}#diff .tbl_com{position:relative}#diff .tbl_com tr th{background-color:#FFF5D7}#diff .tbl_com caption{position:absolute;top:50%;right:0}#diff #diff_guidance{background-color:#FFF5D7;line-height:1.8}#diff #diff_guidance h4{font-weight:400}#diff #diff_guidance .list_circle>li{color:#FF5A00;display:inline-block}#diff table:not(.tbl_com){background-color:#E6E6E6;border-collapse:separate;border-spacing:1px;line-height:1.6;margin-left:auto;margin-right:auto;width:93.75%;max-width:660px}#diff table:not(.tbl_com) tr th,#diff table:not(.tbl_com) tr td{background-color:#FFF;padding:.5em 1em}#diff table:not(.tbl_com) thead tr th{background-color:#323232;color:#FFF;text-align:center}@media screen and (max-width:767px){#diff{margin-bottom:6.25%}#diff h2{margin-bottom:3.125%}#diff h3{font-size:125%;margin-top:6.25%;margin-bottom:1.5625%;padding:1.5625% 3.125%}#diff>p{padding:0 3.125%}#diff .tbl_com{margin-bottom:1.5625%}#diff .tbl_com tr th,#diff .tbl_com tr td{margin-right:-webkit-calc(32px + 3.125%);margin-right:calc(32px + 3.125%);margin-left:3.125%;width:-webkit-calc(100% - 32px - (3.125% * 2) + (1px * 2));width:calc(100% - 32px - (3.125% * 2) + (1px * 2))}#diff .tbl_com caption{margin-right:1.5625%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#diff .tbl_com caption img{width:32px}#diff #diff_plan{margin-bottom:3.125%}#diff #diff_plan h3{margin-bottom:0;padding:-webkit-1.5625% 3.125% 1.5625% calc(3.125% + 0.1em);padding:1.5625% 3.125% 1.5625% calc(3.125% + 0.1em);width:93.75%}#diff #diff_plan img{width:93.75%}#diff #diff_guidance{margin:0 auto;padding:1.5625% 3.125%;width:93.75%}#diff #diff_guidance .list_circle>li{margin-right:1em}#diff picture img:nth-child(n+3){margin-top:3.125%}}@media screen and (min-width:768px){#diff{margin-bottom:50px}#diff h2{margin-bottom:30px}#diff h3{font-size:150%;margin-top:50px;margin-bottom:20px}#diff *:not(h2) img{width:auto}#diff>p{margin-left:auto;margin-right:auto;width:680px}#diff .tbl_com{margin-left:-webkit-calc((100% - 560px - 40px - 10px) / 2);margin-left:calc((100% - 560px - 40px - 10px) / 2);margin-bottom:30px;width:560px}#diff .tbl_com tr th{width:12em}#diff .tbl_com caption{margin-right:-10px;-ms-transform:translate(100%,-50%);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}#diff .tbl_com caption img{width:40px}#diff #diff_plan{margin-bottom:30px}#diff #diff_plan h3{font-size:175%;height:42px;line-height:42px;padding-left:.1em;max-width:750px}#diff #diff_guidance{padding:10px 20px;text-align:center}#diff #diff_guidance .list_circle>li{margin:0 .5em}#diff table:not(.tbl_com){font-size:125%}#diff table:not(.tbl_com) tr th,#diff table:not(.tbl_com) tr td{text-align:center}#diff picture img:nth-child(n+3){margin-top:20px}}#simulation figure picture{position:relative}#simulation figure picture:before{content:"";display:block;padding-top:75%}#simulation figure picture.lazyloaded:before{background:url(https://crayon-paint.net/images/user/simulation/back.webp) center center no-repeat;background-size:contain}#simulation figure picture img{position:absolute;top:0;left:0}#simulation input[type="image"]{cursor:pointer;display:inline-block;outline:none;vertical-align:top}#simulation .color_btn{border:1px solid #E6E6E6;cursor:pointer;display:inline-block;height:33px;outline:none;vertical-align:top;width:33px}#simulation .color_btn:not(.active){display:none}#simulation .color_btn[data-color="01"][data-parts="gutter"],#simulation .color_btn[data-color="01"][data-parts="gable"],#simulation .color_btn[data-color="01"][data-parts="sash"]{background-color:#FFF}#simulation .color_btn[data-color="02"][data-parts="gutter"],#simulation .color_btn[data-color="02"][data-parts="gable"],#simulation .color_btn[data-color="02"][data-parts="sash"]{background-color:#000}#simulation .color_btn[data-color="03"][data-parts="gutter"],#simulation .color_btn[data-color="03"][data-parts="gable"],#simulation .color_btn[data-color="03"][data-parts="sash"]{background-color:#410101}#simulation .color_btn[data-color="01"][data-parts="1f"],#simulation .color_btn[data-color="01"][data-parts="2f"]{background-color:#FFF}#simulation .color_btn[data-color="02"][data-parts="1f"],#simulation .color_btn[data-color="02"][data-parts="2f"]{background-color:#DADADA}#simulation .color_btn[data-color="03"][data-parts="1f"],#simulation .color_btn[data-color="03"][data-parts="2f"]{background-color:#989898}#simulation .color_btn[data-color="04"][data-parts="1f"],#simulation .color_btn[data-color="04"][data-parts="2f"]{background-color:#585B58}#simulation .color_btn[data-color="05"][data-parts="1f"],#simulation .color_btn[data-color="05"][data-parts="2f"]{background-color:#282828}#simulation .color_btn[data-color="06"][data-parts="1f"],#simulation .color_btn[data-color="06"][data-parts="2f"]{background-color:#4F351C}#simulation .color_btn[data-color="07"][data-parts="1f"],#simulation .color_btn[data-color="07"][data-parts="2f"]{background-color:#273400}#simulation .color_btn[data-color="08"][data-parts="1f"],#simulation .color_btn[data-color="08"][data-parts="2f"]{background-color:#2B2E56}#simulation .color_btn[data-color="09"][data-parts="1f"],#simulation .color_btn[data-color="09"][data-parts="2f"]{background-color:#596187}#simulation .color_btn[data-color="10"][data-parts="1f"],#simulation .color_btn[data-color="10"][data-parts="2f"]{background-color:#628298}#simulation .color_btn[data-color="11"][data-parts="1f"],#simulation .color_btn[data-color="11"][data-parts="2f"]{background-color:#B8CAD2}#simulation .color_btn[data-color="12"][data-parts="1f"],#simulation .color_btn[data-color="12"][data-parts="2f"]{background-color:#B8D0CA}#simulation .color_btn[data-color="13"][data-parts="1f"],#simulation .color_btn[data-color="13"][data-parts="2f"]{background-color:#FAFAE5}#simulation .color_btn[data-color="14"][data-parts="1f"],#simulation .color_btn[data-color="14"][data-parts="2f"]{background-color:#D2D19E}#simulation .color_btn[data-color="15"][data-parts="1f"],#simulation .color_btn[data-color="15"][data-parts="2f"]{background-color:#FFFFB5}#simulation .color_btn[data-color="16"][data-parts="1f"],#simulation .color_btn[data-color="16"][data-parts="2f"]{background-color:#FEF4C9}#simulation .color_btn[data-color="17"][data-parts="1f"],#simulation .color_btn[data-color="17"][data-parts="2f"]{background-color:#FFD676}#simulation .color_btn[data-color="18"][data-parts="1f"],#simulation .color_btn[data-color="18"][data-parts="2f"]{background-color:#F1D0BF}#simulation .color_btn[data-color="19"][data-parts="1f"],#simulation .color_btn[data-color="19"][data-parts="2f"]{background-color:#E6B58E}#simulation .color_btn[data-color="20"][data-parts="1f"],#simulation .color_btn[data-color="20"][data-parts="2f"]{background-color:#C3DDAA}#simulation .color_btn[data-color="21"][data-parts="1f"],#simulation .color_btn[data-color="21"][data-parts="2f"]{background-color:#A2B28F}#simulation .color_btn[data-color="01"][data-parts="roof"]{background-color:#636663}#simulation .color_btn[data-color="02"][data-parts="roof"]{background-color:#282828}#simulation .color_btn[data-color="03"][data-parts="roof"]{background-color:#273400}#simulation .color_btn[data-color="04"][data-parts="roof"]{background-color:#4F351C}#simulation .color_btn[data-color="05"][data-parts="roof"]{background-color:#410000}#simulation .color_btn[data-color="06"][data-parts="roof"]{background-color:#354C76}#simulation p{font-size:75%;line-height:1.6}@media screen and (max-width:767px){#simulation{margin-bottom:6.25%}#simulation figure picture{margin:0 auto 1.5625%;width:93.75%}#simulation figure figcaption p{padding:0 3.125%}#simulation figure figcaption dl{text-align:center}#simulation figure figcaption dl dt{margin:3.125% auto 0;max-width:287px}#simulation figure figcaption dl dd{margin-left:auto;margin-right:auto;max-width:287px}#simulation input[type="image"]{margin:4px 6px}#simulation .color_btn{margin:4px}}@media screen and (min-width:768px){#simulation{margin-bottom:50px}#simulation figure:after{clear:both;content:"";display:block}#simulation figure picture{float:left}#simulation figure figcaption{width:-webkit-calc(100% - 480px - 20px);width:calc(100% - 480px - 20px);float:right}#simulation figure figcaption dl dt{margin-bottom:5px}#simulation figure figcaption dl dd+dt{margin-top:20px}#simulation input[type="image"]{margin-bottom:5px}#simulation input[type="image"]:not(:nth-child(3n+1)){margin-left:10px}#simulation .color_btn{margin-bottom:5px;margin-right:5px}#simulation>p{margin-top:10px}}@media screen and (min-width:768px) and (max-width:939px){#simulation figure picture{width:440px}#simulation figure figcaption{width:-webkit-calc(100% - 440px - 20px);width:calc(100% - 440px - 20px)}}@media screen and (min-width:940px){#simulation figure picture{width:480px}#simulation figure figcaption{width:-webkit-calc(100% - 480px - 20px);width:calc(100% - 480px - 20px)}}#color p{font-size:87.5%;line-height:1.8}#color ul{counter-reset:num}#color ul:after{content:"";display:block}#color ul.lazyloaded:after{background:url(https://crayon-paint.net/images/user/color/sample.webp) center center no-repeat;background-size:contain}#color ul>li{border-collapse:collapse;display:table;margin-left:auto;margin-right:auto}#color ul>li:before{background-color:#3F1D13;counter-increment:num;content:counter(num);color:#FFF;display:table-cell;font-size:112.5%;font-weight:400;text-align:center;vertical-align:middle}#color ul>li p{background-color:#FFF5D7;display:table-cell;line-height:1.4;vertical-align:middle}@media screen and (max-width:767px){#color{margin-bottom:6.25%}#color>p{padding:0 3.125%}#color *+.title_planet{margin-top:3.125%}#color ul:after{margin-top:3.125%;padding-top:37.5%}#color ul>li{margin-top:3.125%;line-height:1.6;width:93.75%}#color ul>li:before{width:30px}#color ul>li p{padding:1.785714285714286% 3.571428571428571%}#color picture{margin-top:3.125%}#color picture img{width:93.75%}}@media screen and (min-width:768px){#color{margin-bottom:50px}#color *+.title_planet{margin-top:30px}#color ul{padding-right:250px;position:relative}#color ul:after{height:230px;position:absolute;top:50%;right:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:230px}#color ul>li{margin-top:10px;width:100%}#color ul>li p{padding:0 20px}#color ul>li:before{height:36px;width:36px}#color picture{margin-top:20px}#color picture img{width:auto}}#loan p{font-size:87.5%;line-height:1.8}#loan h3:not(.title_label){line-height:1.2}@media screen and (max-width:767px){#loan{margin-bottom:6.25%}#loan h2{margin-bottom:1.5625%}#loan #loan_aeon img[src$="aeon.webp"]{margin-bottom:1.5625%;width:75%;max-width:240px}#loan .title_label{margin-top:6.25%}#loan p{padding:0 3.125%}#loan .tbl_com{margin-top:1.5625%}#loan h3:not(.title_label){font-size:125%;margin-top:6.25%;margin-bottom:1.5625%;padding:0 3.125%}}@media screen and (min-width:768px){#loan{margin-bottom:50px}#loan h2{margin-bottom:20px}#loan #loan_aeon img[src$="aeon.webp"]{margin-bottom:20px;width:auto}#loan #loan_aeon p{text-align:center}#loan .title_label{margin-top:50px}#loan .tbl_com{margin-top:20px}#loan .tbl_com tr th{width:11em}#loan h3:not(.title_label){font-size:150%;margin-top:50px;margin-bottom:10px}}
