@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");.modal-backdrop{z-index:1}._melmaga_iframe{height:calc(100% - 70px)}@media (max-width: 480px){._melmaga_iframe{height:calc(100% - 150px)}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans JP", sans-serif;font-kerning:auto}body{font-family:"Noto Sans JP", sans-serif;color:#222;line-height:1.8}img{max-width:100%;height:auto}p{font-size:16px;font-kerning:auto;line-height:1.5}@media (max-width: 480px){p{font-size:15px}}.container{width:min(1200px, 92%);margin:0 auto}section{padding:80px 0}@media (max-width: 480px){section{padding:40px 0}}h2{text-align:center;font-size:clamp(23px, 3.5vw, 35px);font-weight:700;line-height:1.6;margin-bottom:50px}@media (max-width: 480px){h2{margin-bottom:30px}}h3{font-size:clamp(20px, 2.5vw, 28px);line-height:1.6;font-weight:700}br.only-sp{display:none}@media (max-width: 640px){br.only-sp{display:block}}.header{padding:15px 0;background:#fff}.header .container{display:flex;justify-content:space-between;align-items:center}.header .container .header__logo{display:flex;align-items:center}.header .container .header__logo img{width:120px;margin-right:20px}.header .container .header__logo b{color:#1b63b1}@media (max-width: 991px){.header{padding:10px}.header .container{display:block;text-align:center}.header .container .header__logo{justify-content:center;margin-bottom:5px}}@media (max-width: 640px){.header{padding:10px 10px 5px}.header .container .header__logo{flex-wrap:wrap}.header .container .header__logo img{max-width:250px}.header .container .header__logo b{width:100%}.header .header__btns{position:fixed;bottom:0;left:0;display:flex;width:100%;height:50px;z-index:10;background:#fff}.header .header__btns:before{display:block;width:100%;height:10px;background:linear-gradient(transparent 0%, #000 100%);opacity:0.24;content:"";position:fixed;bottom:50px;left:0;z-index:10}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;margin:0 5px}.btn--blue{background:#1b63b1;color:#fff}@media (max-width: 640px){.btn--blue{width:50%;border-radius:0;margin:0}}.btn--green{background:#007c6e;color:#fff}@media (max-width: 640px){.btn--green{width:50%;border-radius:0;margin:0}}.btn--blue:hover,.btn--green:hover{color:#f6f29b}.btn--yellow{background:#f4c400;color:#000;padding:7px 20px}.btn--yellow:before{display:block;background:url("../images/construction_safie/icon_mail.png") no-repeat;width:20px;height:20px;background-size:20px;background-position:center center;content:"";margin-right:10px}.btn--yellow:hover{color:#4C4C4C}.btn--white{display:flex;justify-content:center;background:#fff;color:#000}.btn--white span{font-size:80%}.btn--white:before{display:block;background:url("../images/construction_safie/icon_doc.png") no-repeat;width:18px;height:25px;background-size:18px;background-position:center center;content:"";margin-right:10px}.btn--white:hover{color:#1b63b1}.hero{background:#f5f5f5;padding:0}.hero .container{width:min(1520px, 100%);max-width:100%}@media (max-width: 768px){.hero .container{background:url("../images/construction_safie/mainvisual_sp.png") no-repeat;background-size:cover;background-position:bottom center}}.hero__inner{position:relative}.hero__content{position:absolute;z-index:1;padding:70px 0 40px 100px}.hero__content h1{font-size:4.5rem;line-height:1.2;font-weight:700;margin-bottom:15px}.hero__content h1 span{color:#1b63b1}.hero__content strong{display:block;font-size:clamp(16px, 3vw, 32px);color:#008db7;font-weight:900;margin:0.5em 0 0.5em 1em}.hero__content p{display:block;margin-left:30px;line-height:1.6;font-size:clamp(13px, 1vw, 15px);width:50%}@media (max-width: 1520px){.hero__content{padding:4vw 0 40px 5vw}.hero__content h1{font-size:clamp(32px, 7vw, 78px);margin-bottom:2%}}@media (max-width: 1180px){.hero__content{padding:3.7vw 0 40px 5vw}.hero__content h1{font-size:clamp(32px, 6vw, 75px);margin-bottom:2%}.hero__content p{width:40%}}@media (max-width: 768px){.hero__content{position:relative;padding:4vw 1vw 40px;padding-bottom:65vw}.hero__content h1{font-size:clamp(35px, 10vw, 55px);padding-left:0.5em;margin-bottom:2%;text-align:center}.hero__content strong{text-align:center}.hero__content p{width:100%;margin-left:0;text-align:center}}.hero__image{display:block;width:100%}.hero__image img{width:100%;height:620px;object-fit:cover;object-position:bottom center}@media (max-width: 1520px){.hero__image img{width:100%;height:auto;object-fit:fill}}@media (max-width: 768px){.hero__image{display:none}}.problem{background:url("../images/construction_safie/bg01.png") no-repeat;background-size:cover;color:#fff;position:relative}.problem:before{display:block;width:100%;height:15px;background:linear-gradient(#000 0%, transparent 100%);opacity:0.24;content:"";position:absolute;top:0;left:0;z-index:10}.problem__grid{display:grid;gap:30px;grid-template-columns:repeat(4, 1fr)}@media (max-width: 991px){.problem__grid{grid-template-columns:repeat(2, 1fr)}}.problem-card{background:#fff;color:#222;padding:20px;border-radius:10px;text-align:center}.problem-card img{width:110px;height:auto;margin-bottom:10px}.problem-card h3{font-size:clamp(16px, 1.2vw, 18px);margin-bottom:10px}.problem-card p{margin-bottom:0;font-size:clamp(13px, 1vw, 16px)}.before-after h2{margin-bottom:20px;font-size:clamp(20px, 2em, 32px)}@media (max-width: 480px){.before-after h2{font-size:clamp(18px, 1.7em, 32px)}}.before-after h2 span{color:#1b63b1}.before-after strong{display:block;text-align:center;color:#1b63b1;font-weight:600;font-size:clamp(16px, 1.2em, 25px);margin-bottom:50px}.before-after__logo{display:block;margin:0 auto 15px}.before-after__logo b{display:block;text-align:center;color:#1b63b1;font-size:clamp(16px, 1.2em, 25px)}.before-after__wrap{display:flex;align-items:stretch;justify-content:center;gap:40px}.before-after .arrow{position:relative}.before-after .arrow img{max-width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 991px){.before-after .arrow{margin-top:-20px}.before-after .arrow img{transform:rotate(90deg);position:relative;top:auto;left:auto;display:block;margin:0 auto}}.before-after .box{width:45%;background:#f7f7f7;padding:45px 20px 30px;border-radius:12px;text-align:center;position:relative}@media (max-width: 991px){.before-after .box{width:100%}}.before-after .box span{display:block;position:absolute;background:#3e475a;color:#fff;font-weight:700;font-size:18px;padding:6px;border-radius:30px;width:200px;text-align:center;position:absolute;top:-25px;left:calc(50% - 100px)}.before-after .box img{margin-bottom:20px}.before-after .box p{display:block;background:#cfd0d0;border-radius:10px;padding:10px;font-weight:bold;margin-bottom:0}.before-after .box.after{background:#f2f9fa}.before-after .box.after span{background:#028099;color:#fff9a7}.before-after .box.after p{background:#028099;color:#fff9a7}@media (max-width: 768px){.before-after .box.before img,.before-after .box.after img{max-width:100%}}.feature{background:#f8f7f8;padding-bottom:60px}.feature h2{margin-bottom:20px}.feature strong{display:block;text-align:center;color:#1b63b1;font-weight:600;font-size:clamp(16px, 1.2em, 25px);margin-bottom:50px}.feature__grid,.scene__grid,.benefit__grid{display:grid;gap:30px}.feature__grid{grid-template-columns:repeat(4, 1fr)}@media (max-width: 991px){.feature__grid{grid-template-columns:repeat(2, 1fr)}}.scene__grid{grid-template-columns:repeat(4, 1fr)}.benefit__grid{grid-template-columns:repeat(5, 1fr);gap:20px}.feature-card,.scene-card,.benefit-item{text-align:center}.feature-card img{border-radius:10px;margin-bottom:15px}.feature-card h3{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1.4;margin-bottom:15px}.feature-card p{text-align:left;font-size:clamp(14px, 1vw, 16px);list-style-position:1.4}.scene-card{background:#fff;padding:15px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}.scene-card em{display:block;width:100%;background:#028099;color:#fff;font-weight:bold;font-style:normal;font-size:16px;padding:3px 5px;margin-bottom:-1px}.scene-card h3{display:block;text-align:center;color:#1b63b1;font-size:18px;line-height:1.4;margin:15px 0}.scene-card p{text-align:left;font-size:clamp(14px, 1vw, 16px);list-style-position:1.4}@media (max-width: 480px){.benefit{padding-top:0;padding-bottom:0}}.benefit .container{background:#f2f9fa;border-radius:20px;padding:40px}.benefit .container h2{color:#028099}@media (max-width: 480px){.benefit .container h2{font-size:30px;position:relative;padding-bottom:10px}.benefit .container h2:after{display:block;height:2px;width:80px;position:absolute;left:calc(50% - 40px);bottom:0;content:"";background:#028099}}.benefit .container .table_wrap{width:fit-content;margin:0 auto}.benefit .container .table_wrap table{border-collapse:collapse}.benefit .container .table_wrap table th{padding:1em;border:#ccc 1px solid;background:#dbedf0;text-align:center}.benefit .container .table_wrap table td{padding:1em;border:#ccc 1px solid;background:#fff}.benefit .container .table_wrap table td .small{font-size:80%}@media (max-width: 480px){.benefit .container .table_wrap table{border-bottom:#ccc 1px solid}.benefit .container .table_wrap table th,.benefit .container .table_wrap table td{display:block;width:100%;border-bottom:none;font-size:14px;line-height:1.4}}.benefit .container .table_wrap p.small{display:block;margin:5px 0 0;font-size:0.7em;line-height:1.4}.benefit-item{text-align:center}.benefit-item img{max-width:120px;margin-bottom:20px}.benefit-item h3{color:#028099;font-size:20px;margin-bottom:15px}.introduce_faq_wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}.introduce_faq_wrap .faq,.introduce_faq_wrap .introduce{background:#f5f4f4;padding:30px;border-radius:15px}@media (max-width: 480px){.introduce_faq_wrap .faq,.introduce_faq_wrap .introduce{padding:15px}}@media (max-width: 768px){.introduce_faq_wrap{grid-template-columns:1fr;padding-left:0;padding-right:0;gap:20px}}.introduce img{margin-bottom:15px}.introduce p{text-align:center;margin-bottom:0}.faq .faq-item{border:1px solid #ddd;border-radius:8px;background:#fff;overflow:hidden;margin-bottom:10px}.faq .faq-question{width:100%;padding:10px 15px;background:#fff;border:none;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:16px;font-weight:700;cursor:pointer;position:relative}@media (max-width: 480px){.faq .faq-question{font-size:15px}}.faq .faq-question::after{content:"";width:10px;height:10px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);transition:transform .3s ease}.faq .faq-answer{display:none;padding:0 24px 10px;font-size:14px;line-height:1.8;color:#555}.faq .faq-item.is-open .faq-question::after{transform:rotate(-135deg)}.cta{display:block;max-width:1200px;margin:0 auto;background:url("../images/construction_safie/img_cta.png") no-repeat;background-size:cover;background-position:right top;border-radius:20px;padding:20px;color:#fff}@media (max-width: 480px){.cta{padding:30px 20px}}@media (max-width: 1200px){.cta{margin-left:20px;margin-right:20px}}.cta h2{display:block;text-align:left;margin-bottom:10px;font-size:clamp(25px, 4vw, 45px)}@media (max-width: 480px){.cta h2{font-size:clamp(22px, 3vw, 45px)}}.cta b{display:block;font-size:clamp(14px, 1vw, 16px)}@media (max-width: 480px){.cta b{text-align:center;font-weight:400;line-height:1.5;margin:5px 0}}.cta__btns{display:flex;justify-content:center;gap:20px;margin-top:15px}@media (max-width: 640px){.cta{background:url("../images/construction_safie/img_cta_sp.png") no-repeat;background-size:cover;background-position:right bottom;padding:5px 20px 15px}.cta h2{margin-bottom:0}.cta__btns{display:flex;justify-content:flex-start;gap:10px;margin-top:10px}.cta__btns .btn{padding-left:10px;padding-right:10px}}@media (max-width: 640px) and (max-width: 480px){.cta__btns{flex-wrap:wrap}.cta__btns .btn{width:100%}}.footer{background:#24607e;color:#fff;text-align:center;padding:30px;margin-top:80px}.footer strong{display:block;text-align:center;color:#fff;font-weight:600;margin-bottom:1em;font-size:clamp(16px, 1.2vw, 18px)}.footer address{margin-bottom:0;font-size:12px}@media (max-width: 640px){.footer{padding-bottom:80px;margin-top:40px}}@media (max-width: 991px){.before-after__wrap{flex-direction:column}.benefit__grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.hero__inner{flex-direction:column}.problem__grid,.feature__grid,.scene__grid,.benefit__grid{grid-template-columns:1fr}}.modal-dialog .modal-content{width:calc(100% - 40px) !important;border:0;border-radius:5px;height:calc(100vh - 40px) !important;margin:20px;bottom:10px !important}@media (max-width: 640px){.modal-dialog .modal-content{width:calc(100% - 20px) !important;border:0;border-radius:5px;height:calc(100vh - 90px) !important;margin:20px auto 0;bottom:0 !important}}