*{box-sizing:border-box}body{margin:0;font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#172028}img{max-width:100%;height:auto}.clearfix:after{content:"";display:table;clear:both}.contents{display:block}.contents[hidden]{display:none!important}.cloud{pointer-events:none;z-index:1}.decoration img{width:100%;height:auto}.decoration.d0{left:7%;bottom:9%;width:15%}.decoration.d1{left:29%;top:22%;width:6%}.decoration.d2{right:25%;bottom:5%;width:8%}.decoration.d3{right:36%;bottom:0;width:9%}.band-link{display:block;width:100%;height:100%}a:focus-visible{outline:3px solid #172028;outline-offset:5px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;padding:16px;background:white;z-index:100001}header nav{position:absolute;right:3%;top:14px;display:flex;gap:16px;flex-wrap:wrap;font-size:12px;padding:10px;background:#ffffffeb}header a{color:#182934;text-decoration:none}footer{text-align:center;padding:30px;background:#fff;font-size:12px}.contact-body,.standard-page{background:#fff;padding:60px max(5%,20px);line-height:1.9}.contact-body{max-width:100%;text-align:center}.contact-body h2{font-size:25px;letter-spacing:.1em}.contact-body form{max-width:680px;margin:auto;text-align:left}.contact-body input:not([type=checkbox]),.contact-body textarea,.contact-body select{max-width:100%;width:100%;padding:12px}.contact-body button,.contact-body input[type=submit]{padding:15px;background:#fff000;border:1px solid #222}.archive-note{padding:22px 5%;font-size:13px;background:#fff9cf;line-height:1.8}.company_con{padding-bottom:40px}.pro_wrap{overflow:auto}.contents{scroll-margin-top:20px}.contents img{height:auto}.contact-empty{padding:20px}.standard-page{min-height:60vh}#juppy_contents{max-width:1600px}
@media(min-width:1601px){#juppy_contents header nav{right:3%}}
@media(max-width:768px){#juppy_contents{padding-top:145vw;background-size:100% auto;background-attachment:scroll}header{left:0;right:0}header nav{left:3%;right:3%;font-size:10px;gap:10px}#business p,#company p,#profile p,#contact p{padding:0!important;margin:0!important}#business p a,#company p a,#profile p a,#contact p a{padding:12vw 5%;min-height:44px}#business p img,#company p img,#profile p img,#contact p img{margin:0;width:70%;height:auto}.bus_leftcon,.bus_rightcon,.pro_wrap div{width:100%;float:none}.ser_wrap,.pro_wrap,.com_wrap{width:90%}.pro_wrap div img,.com_wrap div img{position:static;max-width:65%;margin:15px auto;display:block}.pro_wrap div{padding:20px 0;font-size:14px;line-height:1.9}.pro_wrap .bus_rightcon img{max-width:100%}.com_wrap div dl{margin:25px 0}.txt_business{font-size:15px;line-height:1.9;padding:25px 5%}.service section{font-size:16px}.service h4{height:auto;line-height:1.8;font-size:17px}.service dl dd{font-size:14px;letter-spacing:0}.contents br{display:none}.contents .service br,.pro_wrap br{display:initial}.business_con h2{padding:30px}.business_con h3{padding:20px}.business_con .works dd{font-size:15px;padding:20px 5%}.coment{font-size:16px;padding:35px 5%}.contact-body{padding:35px 5%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}