: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.webp)}&[data-swiper-slide-index="1"]{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/TOP_2.webp)}}}.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.webp)}&.home{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/IMG_4514.webp)}&.news{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/ニュース.webp)}&.group{background-image:url(//717-osaka.co.jp/wp-content/themes/717%20K%20WP/css/../assets/images/協力業者様募集.webp)}}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)}