@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%}}}}