#contents .bg{background:url(../images/plan/roofbalcony/bg.webp) no-repeat 50% 50%;background-size:cover}#contents .mainbox{padding:150px 0 100px 0}@media screen and (max-width: 767px){#contents .mainbox{padding:3em 0}}#contents .mainbox .copy{text-align:center;font-size:min(7svw,52px);color:#2e3192;margin:0 0 60px;letter-spacing:.1em}@media screen and (max-width: 767px){#contents .mainbox .copy{margin:0 0 1em}}#contents .mainbox .copy span{font-size:.75em}#contents .mainbox h1{text-align:center;position:static;transform:translateY(0)}#contents .mainbox h1 span.ja{display:inline-block;border-bottom:1px solid #fff;color:#fff;font-size:min(4.8svw,30px);padding:0 0 .5em;margin:0 0 .5em;letter-spacing:.1em}#contents .mainbox h1 span.en{display:block;font-size:min(5.05svw,33px);color:#fff;letter-spacing:.1em}#contents .sec01{position:relative;padding:0 0 130px}@media screen and (max-width: 767px){#contents .sec01{padding:0 0 3em}}#contents .sec01 .cap{position:absolute;bottom:0;right:0;color:#fff;font-size:min(2svw,10px);padding:.5em}@media screen and (max-width: 767px){#contents .sec01 .cap{color:#000}}#contents .sec01 .box{background:#fff;max-width:1153px;margin:0 auto;border-radius:50px;padding:130px 0 120px}@media screen and (max-width: 767px){#contents .sec01 .box{width:95%;margin:0 auto;border-radius:20px;padding:3em 0}}#contents .sec01 .box .lead{text-align:center;color:#0094d7;font-size:min(5.2svw,36px);margin:0 0 50px}@media screen and (max-width: 767px){#contents .sec01 .box .lead{margin:0 0 1em}}#contents .sec01 .box .txt{text-align:center;font-size:min(3.4svw,17px);line-height:2;margin:0 0 90px}@media screen and (max-width: 767px){#contents .sec01 .box .txt{margin:0 0 1.5em}}#contents .sec01 .box .block{max-width:896px;margin:0 auto 50px;position:relative}@media screen and (max-width: 767px){#contents .sec01 .box .block{width:95%;margin:0 auto 2em}}#contents .sec01 .box .block:last-child{margin:0 auto}#contents .sec01 .box .block .main{position:relative}#contents .sec01 .box .block .main .cap{position:static;display:block;text-align:right;font-size:min(2svw,10px);padding:.5em;color:#000}#contents .sec01 .box .block .photo01{position:absolute;top:42%;left:-6%;max-width:270px;z-index:10}@media screen and (max-width: 767px){#contents .sec01 .box .block .photo01{top:25%;left:-20%;width:70%}}#contents .sec01 .box .block .flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media screen and (max-width: 767px){#contents .sec01 .box .block .flex{display:block}}#contents .sec01 .box .block .flex .photo{width:43%;margin:0 0 0 5%}@media screen and (max-width: 767px){#contents .sec01 .box .block .flex .photo{width:80%;margin:0 auto 1em}}#contents .sec01 .box .block .flex dl{width:50%}@media screen and (max-width: 767px){#contents .sec01 .box .block .flex dl{width:100%}}#contents .sec01 .box .block .flex dl dt{color:#0094d7;font-size:min(4.3svw,25px);margin:0 0 1em}@media screen and (max-width: 767px){#contents .sec01 .box .block .flex dl dt{text-align:center}}#contents .sec01 .box .block .flex dl dd{font-size:min(3.2svw,16px);line-height:2}#contents .sec01 .box .block:nth-of-type(even) .flex{flex-direction:row-reverse}#contents .sec01 .box .block:nth-of-type(even) .flex .photo{margin:0 5% 0 0}@media screen and (max-width: 767px){#contents .sec01 .box .block:nth-of-type(even) .flex .photo{margin:0 auto 1em}}#contents .sec01 .box .block.case01 .flex .photo{width:35%;margin:0 0 0 9%}@media screen and (max-width: 767px){#contents .sec01 .box .block.case01 .flex .photo{width:80%;margin:0 auto 1em}}#contents .sec02{background:#fff;padding:150px 0 0}@media screen and (max-width: 767px){#contents .sec02{padding:3em 0 0}}#contents .sec02 .block{margin:0 0 150px}@media screen and (max-width: 767px){#contents .sec02 .block{width:95%;margin:0 auto 3em}}#contents .sec02 .block:last-child{margin:0 0 90px}@media screen and (max-width: 767px){#contents .sec02 .block:last-child{margin:0 auto 3em}}#contents .sec02 .block .spec{max-width:934px;margin:0 auto 50px}@media screen and (max-width: 767px){#contents .sec02 .block .spec{width:60%;margin:0 auto 1em}}#contents .sec02 .block .plan{max-width:1042px;margin:0 auto}#contents .sec02 .block .common{max-width:520px;margin:100px auto 0}@media screen and (max-width: 767px){#contents .sec02 .block .common{width:80%;margin:2em auto 0}}#contents .sec03{padding:130px 0 0}@media screen and (max-width: 767px){#contents .sec03{padding:3em 0 0 0}}#contents .sec03 dl{margin:0 0 5em}@media screen and (max-width: 767px){#contents .sec03 dl{margin:0 0 3em}}#contents .sec03 dl dt{color:#0094d7;font-size:min(4.3svw,25px);margin:0 0 1em;text-align:center}#contents .sec03 dl dd{font-size:min(3.2svw,16px);line-height:2;text-align:center}@media screen and (max-width: 767px){#contents .sec03 .photo{overflow-x:auto}#contents .sec03 .photo span{overflow-x:auto;display:block;width:300%}#contents .sec03 .photo span img{width:300%}}#contents .sec03 .note{display:none}@media screen and (max-width: 767px){#contents .sec03 .note{display:block;font-size:min(3.2svw,16px);text-align:center;padding:.5em}}#contents .sec03 .note img{display:block;margin:0 auto;max-width:10%}#contents .sec03 .cap{text-align:right;font-size:min(2svw,10px);padding:.5em;color:#000}/*# sourceMappingURL=roofbalcony.css.map */