:root{--blue:#2055d1;--opa-blue:rgba(0,6,102,.5);--red:rgba(255,50,49,1);--purple:rgba(1,7,103,.5);--white:#f7f7f7;--navy:#001a58}@font-face{font-family:"before-after";src:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/fonts/Agdasima-Bold.ttf)}@font-face{font-family:"en";src:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/fonts/LibreBodoni-Bold.ttf)}html{scroll-padding-top:10vh;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-size:16px;color:var(--navy);font-family:serif}a{text-decoration:none;color:#000}form{display:contents}button,input[type=button],input[type=submit],input[type=checkbox]{color:inherit;font-size:inherit;border:none;background-color:inherit}button{cursor:pointer}li{list-style:none}h2{font-size:40px;letter-spacing:2px;margin-bottom:10px;text-align:center}.column{display:flex;flex-direction:column}.read-more{border:1px solid var(--blue);color:var(--blue);text-align:center;padding:15px 0;width:250px;margin:0 auto;letter-spacing:2px;display:block;transition:all 0.4s;&:hover{background-color:var(--blue);color:#fff}}.wpcf7-form-control-wrap{display:flex;flex-direction:column;align-items:center;width:100%;padding-left:5px}label{padding:20px 20px 20px 30px;color:white;display:flex;align-items:center;justify-content:space-between;span{background-color:var(--white);border-radius:5px;padding:2px 10px;font-size:13px}}section{margin:100px 0}.pagination{.nav-links{display:flex;gap:10px;.page-numbers{color:var(--blue);display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:7px;border:2px var(--blue) solid;&.current,&:hover{color:var(--white);background-color:var(--blue)}}}}header{height:10vh;width:100%;background-color:var(--white);position:fixed;left:0;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;#header-logo{display:flex;align-items:end;padding-left:10px;img{width:8vh;height:8vh;object-fit:cover}#mb-logo{line-height:150%;letter-spacing:2px;color:black;font-size:15px;font-family:serif;font-weight:bold;span{font-size:24px;color:#000;font-family:serif}}}#header-nav{display:none}#header-center{#header-tel{display:flex;align-items:center;gap:5px;letter-spacing:1px;font-size:15px;font-weight:700;color:var(--navy);img{width:20px;object-fit:cover}}p{font-size:14px;text-align:center;font-weight:500}}#ham-trigger{width:10vh;height:10vh;background-color:var(--blue);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;li{background-color:#fff;width:30px;height:2px;transition:all .5s}&.active{#li2{transform:translateX(10px);opacity:0}#li1{transform:translateY(5px)}#li3{transform:translateY(-5px)}}}}#ham-content{width:100%;height:90vh;background-color:var(--blue);display:flex;justify-content:center;align-items:center;position:fixed;top:10vh;left:0;z-index:80;margin:0;transition:all 0.5s;transform:translateY(-100%);ul{height:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;li{transform:translateY(10px);opacity:0;transition:all 0.5s linear;transition-delay:0.4s;a,button{color:var(--white);font-size:24px;padding:10px}}}&.active{transform:translateY(0);ul{li{opacity:1;transform:translateY(0)}}}}main{margin-top:0;background-color:var(--white);position:relative;z-index:0;#footer-img2{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/shadow-building-5.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:0;left:0;width:60vw;height:300px;object-fit:cover;z-index:-1}}#top-first-view{height:90vh;position:relative;margin-top:0;#top-first-view-color{position:absolute;top:0;left:0;height:100%;width:55%;background-color:var(--opa-blue);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}#top-first-view-back{width:100%;height:100%;overflow:hidden;.swiper-wrapper{z-index:-1;.swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover;&[data-swiper-slide-index="0"]{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/TOP_1.JPG)}&[data-swiper-slide-index="1"]{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/TOP_2.JPG)}}}.swiper-pagination{pointer-events:none;left:initial;right:0;width:20%;.swiper-pagination-bullet{pointer-events:auto}}}h1{position:absolute;top:40%;font-size:50px;color:#fff;letter-spacing:4px;margin-left:20px;font-family:serif}p{position:absolute;top:58%;color:white;margin-left:30px;font-size:26px;letter-spacing:2px;font-weight:normal;strong{font-size:1.2em;font-weight:600;color:#fff}}#top-info{position:absolute;bottom:0;left:0;padding-top:10px;padding-left:15px;width:80%;height:100px;background-color:var(--white);border-top-right-radius:20px;border-top:1.5px solid var(--blue);border-right:1.5px solid var(--blue);dl{display:flex;flex-direction:column;gap:15px;font-weight:900;dt{display:flex;align-items:center;span{font-size:12px;margin-left:15px;border-radius:6px;background-color:rgba(255,132,132,1);padding:3px 10px;color:#fff;letter-spacing:1px}}}}}#top-introduction{p{color:white;padding:80px 80px 0 20px;line-height:200%;height:120vw;background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/building-2.webp);background-position:center;background-repeat:no-repeat;background-size:cover;text-shadow:2px 2px 1px rgba(34,58,112,1);strong{color:var(--white);font-weight:400}}}#top-service{p{margin:0 auto;width:80%}h3{text-align:center;margin:15px 0 30px}#top-service-wrapper{#service-content{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;h4{color:#fff;text-align:center;width:40%;letter-spacing:2px;padding:10px;background-color:var(--blue)}}img{display:none}}}.top-achievement{overflow-x:hidden;h2{font-size:30px;padding-bottom:30px;position:relative;&:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--blue)}}h3{text-align:center;margin:30px 0;letter-spacing:1px;font-size:26px;font-family:"en";opacity:.9}p{width:75%;margin:0 auto 30px;line-height:200%;font-weight:bolder}.up-swiper,.down-swiper{box-shadow:0 3px 15px rgb(70,70,70);.swiper-wrapper{transition-timing-function:linear;.swiper-slide{height:200px;img{width:100%;height:100%;object-fit:cover}}}}.read-more{margin-top:30px}}#top-news{background-color:var(--blue);padding:45px 0;h2{color:#fff;font-size:30px;padding-bottom:30px;width:280px;margin:0 auto 20px}#top-news-wrapper{margin-bottom:50px;position:relative;&:before,&:after{content:"";position:absolute;left:10vw;width:80%;height:1px;background-color:#fff}&:before{top:-20px}&:after{bottom:-20px}dl{text-align:center;margin-bottom:30px;dt{color:white;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:10px;span{color:#fff;background-color:var(--red);padding:3px 8px;font-size:13px;border-radius:5px}}dd{color:#fff}}}.read-more{font-size:14px;color:white;border-color:white;&:hover{background-color:var(--white);color:var(--blue)}}}#top-qa{h2{margin-bottom:0px;span{color:var(--red);font-size:40px}}p{text-align:center}#qa-wrapper{width:90%;margin:30px auto 0;dl{dt{padding:20px 10px;color:white;background-color:var(--blue);display:flex;gap:5px;.q-text{color:#fff}.q-trigger{width:30px;height:100%;line-height:100%;margin-top:7px;li{width:17px;height:2px;background-color:#fff}.line1{transform:translateY(2px)}.line2{transform:rotate(90deg)}}}dd{padding:30px 12px;border:1px solid var(--blue);font-weight:bolder}}}}#top-contact{margin-bottom:0;padding-bottom:100px;#top-contact-trigger{width:80%;margin:0 auto;display:flex;gap:5px;button{width:50%;text-align:center;color:white;padding:7px 0;letter-spacing:2px;position:relative;cursor:pointer;.tri{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:30px;height:15px;clip-path:polygon(0 0,100% 0,50% 100%);display:none}&.active{.tri{display:block}}}#blue{background-color:var(--blue);.tri{background-color:var(--blue)}}#red{background-color:var(--red);.tri{background-color:var(--red)}}}.top-contact-wrapper{width:80%;margin:50px auto 20px;display:none;&.active{display:block}dl{dd{padding:12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--blue);background-color:white;z-index:10;input{height:30px}input,textarea{width:90%;padding:0 3px}}}}.blue-content{dl{dt{background-color:var(--blue);span{color:var(--red);border:1px solid var(--red)}}}}.red-content{dl{dt{background-color:var(--red);span{color:var(--blue);border:1px solid var(--blue)}}}}p{margin-top:50px;margin-bottom:30px;display:flex;align-items:center;input{margin-right:5px;width:18px;height:18px;background-color:#fff}a{font-weight:bolder;color:var(--blue)}}.read-more{background-color:white;&:hover{background-color:var(--blue);color:#fff}}#lixil-link{margin-top:50px;text-align:center;p{margin-bottom:10px;justify-content:center}a{width:100px;height:100px;margin:0 auto;display:inline-block;transition:all 0.4s;img{width:100%;height:100%;object-fit:cover}&:hover{opacity:.7}}}}footer{background-color:var(--blue);padding:50px 0 2px;position:relative;#footer-img{position:absolute;bottom:100%;right:0;width:30vw;object-fit:cover}#footer-permission{p{color:#e2e2e2;text-align:center;font-size:14px;letter-spacing:1px}}#footer-logo{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:40px;img{width:40px;object-fit:cover}h2{color:#fff;margin-bottom:0;font-size:30px;font-family:serif}}#footer-wrapper{dl{display:flex;gap:5px;padding-left:15vw;margin-bottom:20px;dt{width:100px;color:#fff}dd{color:white;a{color:white;transition:all 0.4s;&:hover{opacity:.7}}}}}#footer-nav{display:flex;justify-content:center;flex-wrap:wrap;a,button{width:50%;font-size:15px;color:white;padding:10px 0;text-align:center;border:1px solid gray;transition:all 0.4s;&:hover{opacity:.7}}}small{color:#fff;display:block;text-align:center;font-size:12px;margin-top:30px;letter-spacing:2px}}#other-first-view{height:90vh;position:relative;margin-top:0;#top-first-view-color{position:absolute;top:0;left:0;height:100%;width:55%;background-color:var(--opa-blue);clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}#top-first-view-back{position:absolute;top:0;right:0;width:75%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);&.shop{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/IMG_6358.JPG)}&.home{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/IMG_4514.jpg)}&.news{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/ニュース.jpg)}&.group{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/協力業者様募集.jpg)}}h1{position:absolute;top:40%;font-size:40px;color:#fff;letter-spacing:4px;margin-left:20px;font-family:serif}p{position:absolute;top:58%;color:white;margin-left:30px;font-size:26px;letter-spacing:2px;font-weight:normal;strong{font-size:1.2em;font-weight:600;color:#fff}}}#group-contact{margin-bottom:0;padding-bottom:100px;h2{margin-bottom:50px}#group-contact-wrapper{width:80%;margin:50px auto;dl{dt{background-color:var(--blue);span{color:var(--red);background-color:var(--white);border:1px solid var(--red);border-radius:5px;padding:2px 10px;font-size:13px}}dd{padding:12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--blue);input{height:30px}input,textarea{width:90%;padding:0 3px}}}}p{margin-bottom:30px;display:flex;align-items:center;justify-content:center;input{margin-right:5px;width:18px;height:18px}a{font-weight:bolder;color:var(--blue)}}}#case-wrapper{margin-bottom:0;padding-bottom:100px;.case-content{display:flex;flex-direction:column;gap:20px;img{width:100%;height:200px;object-fit:cover}.case-text{width:85%;margin:0 auto 80px;text-align:center;h3{font-size:24px;font-weight:700}p{margin:30px 0;text-align:left}a,button{background-color:var(--blue);color:white;text-decoration:underline;padding:10px 20px;border-radius:20px;opacity:0.7;transition:all 0.4s;&:hover{opacity:1}}.shop{background-color:#89aefd}}}}#news-wrapper{width:95%;margin:0 auto;padding-bottom:150px;dl{background-color:rgba(34,58,112,0.27);padding:15px;&:nth-of-type(2n){background-color:#fff}dt{font-weight:700;margin-bottom:10px}}.pagination{display:flex;gap:16px;width:fit-content;margin:40px auto 0;a,span{padding:0 10px}}}#confirm-h1{text-align:center;font-size:30px;margin-bottom:30px;padding-top:10vh}#confirm-h2{font-size:24px;position:relative;padding-bottom:10px;margin-bottom:30px;&:before{content:"";position:absolute;bottom:0;left:13%;width:74%;height:2px;background-color:var(--blue)}}#confirm-h2h{font-size:24px;position:relative;padding-bottom:10px;margin-bottom:30px;color:var(--red);&:before{content:"";position:absolute;bottom:0;left:13%;width:74%;height:3px;background-color:var(--red)}}#confirm-p{text-align:center;font-weight:700;margin-bottom:40px}#confirm-wrapper{width:80%;margin:0 auto;dl{text-align:center;background-color:rgba(34,58,112,0.35);padding:15px;font-weight:bold;&:nth-of-type(2n){background-color:#fff}dt{opacity:.8;font-size:14px;letter-spacing:1px}}}#confirm-btn{padding:50px 0 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;input{border:1px solid var(--blue);padding:15px 30px;letter-spacing:2px;font-weight:bolder;border-radius:5px;opacity:0.9;transition:all 0.4s;&#back{color:var(--blue);&:hover{background-color:var(--blue);color:#fff;opacity:1}}&#go{background-color:var(--blue);color:white;&:hover{background-color:var(--white);color:var(--blue);opacity:1}}}}#thanks{padding-bottom:130px;margin:0;#thanks-h1{text-align:center;padding:60px 0 50px;font-size:30px;margin-top:10vh}#thanks-p{width:80%;margin:0 auto;text-align:center;font-size:15px}a{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);border-bottom:1px solid var(--blue);color:var(--blue);font-size:22px;font-weight:700}}#privacy-wrapper{margin-top:10vh;padding:70px 0 150px;margin-bottom:0}#privacy-content{width:90%;margin:0 auto;padding:20px;background-color:white;border-radius:10px;h1{font-size:24px;margin-bottom:40px}h2{margin-top:50px;font-size:20px;text-align:left}dl{display:flex;margin-bottom:15px;dt{width:30%}dd{width:70%}}}#homecontent-wrapper{margin-bottom:0;padding-bottom:120px;.modified{position:absolute;right:10%;transform:translateY(-40px)}.gallery01{width:90%;margin:0 auto;position:relative;.one-photo{width:100%;height:230px;img{width:100%;height:100%;object-fit:cover}}h2{display:none}.photo-before,.photo-progress,.photo-after{margin-top:30px}.photo-progress{h3{color:#474747}}.photo-after{h3{color:#ff3231}}.three-photo{margin-top:10px;display:flex;justify-content:center;gap:10px;button{background-color:transparent;width:100px;height:100px;transition:all 0.3s;border-radius:10px;opacity:0.6;cursor:default;&:has(.active){transform:translateY(-10px);box-shadow:0 10px 5px gray;opacity:1}&:has(img){cursor:pointer}img{width:100%;height:100%;object-fit:cover;border-radius:10px}}}}.gallery-text{margin-top:30px;h2{font-size:24px}p{width:80%;margin:0 auto}.read-more{margin-top:30px;background-color:var(--white);&:hover{background-color:var(--blue)}}}}.color-red{color:var(--navy)}
@media(min-width:768px){html{scroll-padding-top:8vh;scroll-behavior:smooth}*{font-size:18px}h2{text-align:left;padding-left:10vw}header{height:8vh;#header-logo{margin-left:40px;gap:15px;img{width:6vh;height:6vh}#mb-logo{font-size:24px;line-height:130%;br{display:none}span{font-size:40px;letter-spacing:4px}}}#header-center{#header-tel{font-size:18px;letter-spacing:2px;font-weight:900;gap:8px;img{width:26px}}p{font-size:16px;margin-top:5px;letter-spacing:2px}}#ham-trigger{height:8vh}}#ham-content{height:92vh;top:8vh}main{margin-top:0;#footer-img2{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/shadow-building-5.webp)}}#top-first-view{height:92vh;h1{font-size:70px;margin-left:60px}p{font-size:36px;letter-spacing:4px;margin-left:70px}#top-info{height:150px;padding-top:30px;padding-left:30px;border-width:2px;dl{dd{margin-left:20px}}}}#top-introduction{p{background-size:contain;height:700px;font-size:22px;padding:130px 250px 0 150px;letter-spacing:1px;strong{font-weight:bolder;font-size:1.1em}}}#top-service{h3{margin-bottom:50px}#top-service-wrapper{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/building-3.png);background-position:center;background-repeat:no-repeat;background-size:cover;justify-content:center;height:400px;position:relative;#service-content{position:absolute;top:13%;left:0;height:80%;width:50%;flex-wrap:wrap;justify-content:center;align-items:center;h4{width:60%;background-color:var(--white);color:var(--navy)}}img{display:block;width:40vw;height:40vw;object-fit:cover;position:absolute;top:15%;right:5%}}}.top-achievement{h3{text-align:left;margin-left:10vw}p{width:80%}.up-swiper,.down-swiper{box-shadow:0 3px 15px rgb(48,48,48);.swiper-wrapper{.swiper-slide{height:350px}}}}#top-news{h2{width:500px;text-align:center;padding-left:0;letter-spacing:3px}#top-news-wrapper{dl{width:70%;margin:0 auto 30px;display:flex;gap:10px;dt{margin-right:20px}}}}#top-qa{h2{text-align:center;padding-left:0}p{margin-bottom:50px}#qa-wrapper{dl{dt{padding:20px 15px;justify-content:space-between}dd{padding-left:20px;span{margin-right:10px}}}}}#top-contact{h2{text-align:center;padding-left:0}#top-contact-trigger{button{.tri{width:50px;height:25px}}}.top-contact-wrapper{dl{display:flex;dt{width:40%;border:1px solid var(--white)}dd{width:60%;padding:20px 12px;input{height:40px;padding-left:5px}}}}}footer{padding-bottom:20px;#footer-logo{gap:20px;h2{padding-left:0}}#footer-wrapper{margin-bottom:40px;#footer-tel{display:flex;dl{dt{width:60px}}#footer-fax{padding-left:10vw}}}#footer-nav{margin-bottom:50px;a,button{width:calc(100%/3);padding:20px}}}#other-first-view{height:65vh;h1{font-size:70px;margin-left:60px}p{font-size:36px;letter-spacing:4px;margin-left:70px}}#group-contact{h2{text-align:center;padding-left:0}#group-contact-wrapper{dl{display:flex;dt{width:40%;border:1px solid var(--white)}dd{width:60%;padding:20px 12px;input{height:40px}input,textarea{padding-left:5px;padding-right:5px}}}}}#case-wrapper{.case-content{flex-direction:row;align-items:center;margin-bottom:80px;img{width:45%;height:250px}.case-text{width:45%;margin:0 auto}}}#news-wrapper{width:80%;padding-bottom:200px;dl{display:flex;gap:20px;padding:20px 30px;dt{margin-bottom:0;width:200px}}}#confirm-h1{br{display:none}}#confirm-h2{text-align:center;padding:0 0 20px}#confirm-h2h{text-align:center;padding:0 0 20px}#confirm-wrapper{max-width:700px;dl{display:flex;gap:10%;dt{width:25%;text-align:right}dd{width:60%;text-align:left}}}#privacy-wrapper{margin-top:8vh}#privacy-content{padding:40px;h1{font-size:30px}h2{padding-left:0}dl{width:70%;dt{width:20%}dd{width:80%}}}#homecontent-wrapper{.gallery01{display:flex;justify-content:center;align-items:end;.one-photo{width:60%;height:330px}.before-after{display:flex;align-items:flex-end;height:410px;.photo-before,.photo-progress,.photo-after{margin-left:15px}}.three-photo{width:100%;flex-direction:column;align-items:center;gap:15px}}}}
@media(min-width:1280px){html{scroll-padding-top:10vh;scroll-behavior:smooth}*{font-size:18px}h2{padding-left:0}input[type=button],input[type=submit],input[type=checkbox]{cursor:pointer}header{height:10vh;padding-right:20px;#header-nav{display:flex;justify-content:center;gap:20px;a,button{color:var(--navy);font-weight:900;font-size:16px;letter-spacing:2px;padding:10px 0}}#header-center{#header-tel{padding-top:10px;font-size:30px}p{transform:translateY(-10px)}}#ham-trigger{display:none}}main{margin-top:0;#footer-img2{height:700px}}#top-first-view{height:90vh;#top-first-view-color{width:70%;z-index:0}#top-first-view-back{.swiper-pagination{width:12%}}h1{top:25%;margin-left:20vw;letter-spacing:8px}p{top:40%;margin-left:20vw;font-size:30px;letter-spacing:8px}#top-info{display:flex;align-items:center;padding:0 30px;width:50%;height:100px;dl{flex-direction:row}}}#top-introduction{h2{padding-left:13vw}p{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/building-1.webp);height:30vw;padding:70px 40vw 0 13vw;font-size:20px;strong{font-size:1.2em}}}#top-service{h2{padding-left:13vw}p{font-size:24px;margin-left:13vw}h3{font-size:22px;margin-bottom:30px}#top-service-wrapper{width:74%;margin:0 auto;background-size:contain;background-position:top;flex-wrap:nowrap;justify-content:center;align-items:end;gap:30px;#service-content{flex-direction:row;height:10vw;top:18%;h4{width:40%}}img{width:30vw;height:16vw}}}.top-achievement{h2{padding-left:13vw;font-size:40px}h3{font-size:28px;letter-spacing:4px;margin-left:13vw}p{font-size:24px;line-height:150%;width:74%}.up-swiper,.down-swiper{box-shadow:0 3px 15px rgb(48,48,48);.swiper-wrapper{.swiper-slide{height:400px}}}}#top-news{#top-news-wrapper{&:before,&:after{width:70%;left:15vw}dl{width:60%}}}#top-qa{margin-bottom:200px;#qa-wrapper{width:74%}}#top-contact{padding-bottom:250px;#top-contact-trigger{width:55%;button{padding:10px 0;letter-spacing:4px}}.top-contact-wrapper{width:74%;dl{dt{width:30%}dd{width:70%}}}#lixil-link{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:50px;p{margin:0}a{margin:0;width:120px;height:120px}}}footer{padding-top:100px;#footer-img{bottom:97%;width:400px;right:50px}#footer-permission{p{text-align:left;margin-left:15vw}}#footer-logo{justify-content:left;margin-left:15vw;margin-bottom:80px;h2{font-size:40px}img{width:50px}}#footer-flex{display:flex;gap:15vw;#footer-wrapper{margin-bottom:0;dl{padding-left:15vw;margin-bottom:50px}#footer-tel{#footer-fax{padding-left:7vw}}}#footer-nav{transform:translateY(-120px);flex-wrap:nowrap;flex-direction:column;a,button{width:200px;border:none;padding:10px 0;letter-spacing:4px}}}}#other-first-view{height:55vh;#top-first-view-color{width:70%;z-index:0}#top-first-view-back{width:85%;background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/hero-image.webp);background-position:left}h1{top:25%;margin-left:20vw;letter-spacing:8px}p{top:55%;margin-left:20vw;font-size:30px;letter-spacing:8px}}#group-contact{padding-bottom:250px;#group-contact-wrapper{width:74%;dl{dt{width:30%}dd{width:70%}}}}#case-wrapper{.case-content{width:80%;max-width:1200px;margin:0 auto 100px;gap:50px;img{height:300px}.case-text{width:50%;text-align:left;p{margin:60px 0}}}}#news-wrapper{width:60%;dl{padding:30px 50px}.pagination{a{&:hover{color:#fff;background-color:var(--blue)}}}}#privacy-content{width:70%;padding:60px}#homecontent-wrapper{.modified{transform:translateY(-50px)}.gallery01{width:80%;position:relative;gap:20px;.one-photo{width:65%;height:400px}h2{display:block;align-self:flex-end}.before-after{flex-direction:column}.three-photo{width:100%;flex-direction:row;button{&:hover{img{opacity:1}}}}}.gallery-text{h2{display:none}p{width:60%;margin:50px auto 60px}}}}@media(min-width:1500px){*{font-size:18px}h2{font-size:50px}header{#header-nav{gap:40px;margin-left:200px;a,button{font-size:18px;transition:all 0.4s;&:hover{opacity:.7}}}}main{#footer-img2{height:1200px}}#top-introduction{position:relative;h2{position:absolute;right:10%;top:10vh}p{width:80%;padding:170px 40% 0 150px;font-size:20px}}#top-service{h2{padding-left:13vw}#top-service-wrapper{gap:40px;#service-content{flex-direction:column;flex-wrap:nowrap;top:30%;left:3%;h4{width:60%}}img{width:26vw;right:10%}}}.top-achievement{.top-before-after{.before-span{bottom:93%}.after-span{bottom:95%}}}#top-news{#top-news-wrapper{&:before,&:after{width:50%;left:25vw}dl{width:40%}}}#top-qa{#qa-wrapper{width:60%}}#top-contact{#top-contact-trigger{width:40%}.top-contact-wrapper{width:55%}}#group-contact{#top-contact-trigger{width:40%}#group-contact-wrapper{width:55%}}#news-wrapper{width:50%}#homecontent-wrapper{.gallery01{width:80%;.column{height:500px;justify-content:space-between}.one-photo{width:48%;height:500px}.before-after{flex-direction:row;flex-wrap:wrap;gap:20px}}.gallery-text{p{width:50%}}}}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:0 0 !important;padding:0 !important}
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter {float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter {float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
.wpcf7-back{float:left;margin-top:5px;position:relative;width:70px}.cf7msm-ro{white-space:pre-wrap}
.lazyload{background-image:none !important}.lazyload:before{background-image:none !important}