*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:""}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{font-size:62.5%}a{text-decoration:none}img{max-width:100%;height:auto;vertical-align:bottom}iframe{display:block;width:100%;height:auto}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}@media screen and (min-width: 600px){.sp{display:none}}.pc{display:none}@media screen and (min-width: 1025px){.pc{display:block}}.main{display:block}:root{--main-color: #109dcd;--logo-color: #cba600;--bg-color: #e4efef}body{color:#333;font-family:"Noto Sans JP",sans-serif;font-weight:400;font-size:1.6rem;line-height:2;letter-spacing:.1em}body.fixed{position:fixed;height:100%;overflow-y:scroll}@media screen and (min-width: 1025px){body{display:grid;grid-template-columns:1fr auto 1fr}}a{color:#333}.contents{position:relative;max-width:75rem;margin-inline:auto;background:#fff}@media screen and (min-width: 1025px){.contents{order:2}}.wrapper{margin:0 auto;padding:0 4%;width:100%;max-width:120rem}.block{padding-block:clamp(5rem,2.293rem + 7.52vw,10rem)}.section-title{color:#000;font-size:clamp(2.4rem,1.101rem + 3.61vw,4.8rem);font-weight:700;text-align:center;margin-bottom:clamp(3rem,1.917rem + 3.01vw,5rem)}.sub-title{font-size:clamp(1.8rem,1.475rem + .9vw,2.4rem);font-weight:700}.text-link{border-bottom:1px dashed var(--main-color)}.text-link:hover{color:var(--main-color)}.break{display:inline-block}.btn a{display:flex;gap:1em;color:#fff;padding:1rem 2rem;width:fit-content;margin-inline:auto;background:var(--main-color);border-radius:1rem}.btn a::after{content:"→";transition:translate .5s}.btn a:hover::after{translate:.5em}.under_menu{position:fixed;left:0;bottom:env(safe-area-inset-bottom, 0);z-index:11;display:grid;grid-template-columns:1fr 3rem;gap:1rem;align-items:center;padding:0 1rem;width:100%;background:#34475e;border-top:1px solid #fff}@media screen and (min-width: 1025px){.under_menu{display:none}}.under_menu a{color:#fff}.under_menu .tel{padding:1rem 0}.under_menu .tel a{display:block;padding:1rem 0;text-align:center;color:#fff;border-right:1px solid #fff}.under_menu .menuBtn{position:relative;width:100%;height:2.6rem;aspect-ratio:1}.under_menu .menuBtn span{position:absolute;left:0;width:100%;height:2px;background:#fff}.under_menu .menuBtn span:nth-child(1){top:.8rem}.under_menu .menuBtn span:nth-child(2){top:1.6rem}.under_menu .menuBtn span:nth-child(3){top:2.4rem}.nav{position:fixed;top:0;right:-100%;width:100%;height:calc(100vh - 7.3rem);z-index:10;display:grid;place-items:center;background:#34475e;transition:right .8s}.nav.active{right:0}@media screen and (min-width: 1025px){.nav{position:sticky;right:0;order:3;height:100vh;transition:none}}.nav ul{display:grid;gap:2rem}.nav ul a{position:relative;color:#fff}.nav ul a::after{content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background-image:linear-gradient(transparent 70%, var(--logo-color) 30%);scale:0 1;transition:scale .5s;transform-origin:left}.nav ul a:hover::after{scale:1 1}.pop{display:none}@media screen and (min-width: 1025px){.pop{display:grid;place-items:center;position:sticky;top:0;order:1;height:100vh;background:#34475e}}.pop figure{width:50%}.pop figure img{transition:filter .5s}.pop figure img:hover{filter:drop-shadow(0 0 10px #fff)}header{position:absolute;top:1rem;left:1rem;z-index:10}header h1{width:40%}.menuBtn{position:relative;z-index:30;width:3.3rem;height:2rem;background-color:rgba(0,0,0,0);border:none;translate:0 -0.3em}@media screen and (min-width: 1025px){.menuBtn{display:none}}.menuBtn::after{position:absolute;left:0;bottom:0;content:"MENU";width:100%;color:var(--main-color);font-size:1rem;text-align:center;translate:0 100%}.fixed .menuBtn::after{color:#fff}.menuBtn:hover{cursor:pointer}.menuBtn:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.menuBtn span{display:block;position:absolute;width:100%;height:2px;background:var(--main-color);transition:all .5s}.fixed .menuBtn span{background:#fff}.menuBtn span:nth-child(1){top:0}.fixed .menuBtn span:nth-child(1){translate:0 .8rem;rotate:-45deg}.menuBtn span:nth-child(2){top:.8rem}.fixed .menuBtn span:nth-child(2){opacity:0}.menuBtn span:nth-child(3){top:1.6rem}.fixed .menuBtn span:nth-child(3){translate:0 -0.8rem;rotate:45deg}.hero{position:relative;background:rgba(16,157,205,.2)}.hero p{position:relative;translate:0 -50%;color:#109dcd;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.6rem,.492rem + 3.08vw,2.8rem);font-weight:700;text-align:center;line-height:1.5;width:fit-content;margin-inline:auto;padding:2rem;background:#fff}.bio{padding-bottom:clamp(5rem,2.293rem + 7.52vw,10rem);background:rgba(16,157,205,.2)}.bio .wrapper{display:flex;flex-direction:column-reverse;gap:4rem}.bio div{text-align:center}.bio figure{text-align:center}.case{padding-bottom:clamp(5rem,2.293rem + 7.52vw,10rem)}.case h2{margin-inline:-4%;margin-bottom:4rem}.case ul{display:grid;gap:4rem}.case ul li{display:flex;flex-direction:column-reverse;gap:3rem}@media(width > 400px){.case ul li{flex-direction:row-reverse;align-items:center}.case ul li:nth-child(2){flex-direction:row}}.case ul li figure{max-width:20rem;margin-inline:auto}.bioclean{background:rgba(16,157,205,.2)}.bioclean h2{text-align:center}.bioclean .container{margin-bottom:4rem}.bioclean section h3{font-size:clamp(2rem,1.631rem + 1.03vw,2.4rem);font-weight:700;text-align:center;margin-bottom:4rem}.bioclean section ul{display:grid;gap:4rem}.bioclean section ul li{display:flex;flex-direction:column-reverse}.bioclean section ul li h4{text-align:center}.bioclean section ul li div{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:1rem}.bioclean section ul li div::after{content:"";order:2;width:30px;aspect-ratio:1;clip-path:polygon(0 0, 100% 50%, 0 100%);background:var(--main-color)}.bioclean section ul li div figure{position:relative}.bioclean section ul li div figure::before{position:absolute;left:0;bottom:0;color:#fff;font-size:1.2rem;padding:.5rem}.bioclean section ul li div figure:first-child{order:1}.bioclean section ul li div figure:first-child::before{content:"Before";background:#34475e}.bioclean section ul li div figure:last-child{order:3}.bioclean section ul li div figure:last-child::before{content:"After";background:var(--main-color)}.price .wrapper .text{margin-bottom:4rem}@media screen and (min-width: 600px){.price .wrapper .text{text-align:center}}.price .wrapper .tab{border:1px solid var(--main-color);border-radius:20px;margin-bottom:4rem;overflow:hidden}.price .wrapper .tab h3{color:#fff;font-size:clamp(1.9rem,1.438rem + 1.28vw,2.4rem);font-weight:700;padding:2rem 3rem;background:var(--main-color);margin-bottom:2.4rem}.price .wrapper .tab p{font-size:1.4rem;font-weight:700;width:fit-content;padding-inline:1em;margin-inline:auto}.price .wrapper .tab table{padding-inline:2rem;margin-inline:auto;width:90%;max-width:50rem}.price .wrapper .tab table tbody tr th{font-size:1.6rem;vertical-align:middle;padding-right:2rem}.price .wrapper .tab table tbody tr td{font-size:clamp(2.4rem,-1.292rem + 10.26vw,6.4rem);font-weight:700;text-align:right}.price .wrapper .option h3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;font-size:clamp(2rem,1.631rem + 1.03vw,2.4rem);margin-bottom:4rem}.price .wrapper .option h3::before,.price .wrapper .option h3::after{content:"";border-bottom:3px dotted var(--main-color)}.price .wrapper .option section{display:grid;gap:2rem}@media screen and (min-width: 600px){.price .wrapper .option section{grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr}}.price .wrapper .option section div{order:2;font-weight:700;text-align:center}@media screen and (min-width: 600px){.price .wrapper .option section div{grid-column:2/3;grid-row:1/2;text-align:left;display:flex;gap:2em}}.price .wrapper .option section p{order:3}@media screen and (min-width: 600px){.price .wrapper .option section p{grid-column:2/3;grid-row:2/3}}.price .wrapper .option section figure{order:1}@media screen and (min-width: 600px){.price .wrapper .option section figure{grid-column:1/2;grid-row:1/3}}.select{background:rgba(16,157,205,.2)}.select section{display:grid;gap:2rem}.select section h3{font-size:2rem;font-weight:700;text-align:center}@media screen and (min-width: 600px){.select section figure{text-align:center}}.flow .wrapper ol{display:grid;gap:4rem;counter-reset:listnum}.flow .wrapper ol li{display:grid;align-content:flex-start}.flow .wrapper ol li h3{display:grid;grid-template-columns:clamp(5rem,.385rem + 12.82vw,10rem) 1fr;gap:1rem;color:#34475e;font-weight:700}.flow .wrapper ol li h3::before{display:inline-block;font-size:1.2rem;text-align:center;counter-increment:listnum;content:"STEP." counter(listnum)}.flow .wrapper ol li div{display:grid;grid-template-columns:clamp(5rem,.385rem + 12.82vw,10rem) 1fr;gap:1rem}.flow .wrapper ol li div::before{content:"";display:grid;place-items:center;width:100%;aspect-ratio:1}.flow .wrapper ol li:nth-child(1) div::before{background:var(--main-color) url(../images/flow_step1.svg) no-repeat center/50%}.flow .wrapper ol li:nth-child(2) div::before{background:var(--main-color) url(../images/flow_step2.svg) no-repeat center/50%}.flow .wrapper ol li:nth-child(3) div::before{background:var(--main-color) url(../images/flow_step3.svg) no-repeat center/50%}.flow .wrapper ol li:nth-child(4) div::before{background:var(--main-color) url(../images/flow_step4.svg) no-repeat center/50%}.voice{background:rgba(16,157,205,.2)}.voice .wrapper ul{display:grid;gap:4rem}.voice .wrapper ul li{display:flex;flex-direction:column-reverse}@media(width > 400px){.voice .wrapper ul li{flex-direction:row-reverse;gap:2rem}.voice .wrapper ul li:nth-child(2){flex-direction:row}}.voice .wrapper ul li dl{display:flex;flex-direction:column-reverse}.voice .wrapper ul li dl dt{text-align:right}.voice .wrapper ul li dl dd{font-size:clamp(2rem,1.631rem + 1.03vw,2.4rem);font-weight:700}.voice .wrapper ul li figure{width:20rem;margin-inline:auto}.faq .wrapper details summary{display:grid;grid-template-columns:1.5em 1fr;padding:2rem;color:var(--main-color);font-weight:700;border-bottom:1px solid #000}.faq .wrapper details summary::before{content:"Q."}.faq .wrapper details .answer{display:grid;grid-template-columns:1.5em 1fr;padding:2rem;background:rgba(16,157,205,.2)}.faq .wrapper details .answer::before{content:"A."}.about .wrapper .container{display:grid;gap:4rem}.about .wrapper .container table{border-top:1px solid var(--main-color)}.about .wrapper .container table tbody tr th,.about .wrapper .container table tbody tr td{padding:.5rem 1em;border-bottom:1px solid var(--main-color)}@media screen and (min-width: 1025px){.about .wrapper .container table tbody tr th,.about .wrapper .container table tbody tr td{padding-block:2rem}}.about .wrapper .container table tbody tr th{width:8em;background:var(--bg-color)}.about .wrapper .container iframe{aspect-ratio:16/9}.contact{position:relative}.contact .wrapper{overflow-x:hidden}.contact .wrapper section{border:1px solid var(--main-color);border-radius:10px;margin-inline:auto;margin-bottom:5rem;padding-bottom:1rem;overflow:hidden}.contact .wrapper section .sub-title{color:#fff;text-align:center;padding:2rem 3rem;margin-bottom:1rem;background:var(--main-color)}.contact .wrapper section.tel{max-width:80rem;margin-inline:auto}.contact .wrapper section.tel .num{text-align:center}.contact .wrapper section.tel .num a{display:grid;grid-template-columns:1.5em 1fr;gap:.5em;align-items:center;margin:0 auto;padding:1rem 3rem;width:fit-content;color:#333;font-size:2.8rem;font-weight:bold}.contact .wrapper section.tel .num a::before{content:"";display:block;width:1.2em;aspect-ratio:1;background:url(../images/tel.svg) no-repeat center/contain}.contact .wrapper section.tel .num a:hover{opacity:.7}.contact .wrapper section.tel .text{width:fit-content;margin-inline:auto;padding-inline:4%}.contact .wrapper section.mail{max-width:80rem;margin-inline:auto}.contact .wrapper section.mail .sub-title{margin-bottom:3rem}.contact .wrapper section.mail .text{width:fit-content;margin:0 auto clamp(1.8rem,1.475rem + .9vw,2.4rem);padding-inline:4%}.contact .wrapper section.mail form{padding-inline:4%}.contact .wrapper section.mail form table{width:100%}.contact .wrapper section.mail form table tr{display:grid;margin-bottom:2rem}.contact .wrapper section.mail form table tr th .required{display:flex;align-items:center}.contact .wrapper section.mail form table tr th .required::after{content:"必須";display:inline-block;margin:0 1em;padding:0 .5rem;color:#fff;font-size:1.2rem;background:red}.contact .wrapper section.mail form input,.contact .wrapper section.mail form textarea{padding:1rem;width:100%;background-color:#fff;border:1px solid #333}.contact .wrapper section.mail form input::placeholder,.contact .wrapper section.mail form textarea::placeholder{color:#aaa}.contact .wrapper section.mail form input+p,.contact .wrapper section.mail form textarea+p{padding-top:.5rem;font-size:1.2rem}.contact .wrapper section.mail form textarea{min-height:20rem}.contact .wrapper section.mail form .privacypolicy{margin-bottom:5rem;padding:2rem 2rem 5rem;aspect-ratio:1;background:#fff;background-color:#ccc;border:none;border-radius:0}@media screen and (min-width: 600px){.contact .wrapper section.mail form .privacypolicy{aspect-ratio:auto}}.contact .wrapper section.mail form .privacypolicy h3{margin-bottom:2rem;font-size:2rem}.contact .wrapper section.mail form .privacypolicy div{margin-bottom:2rem;padding:1rem;width:100%;aspect-ratio:3/2;font-size:1.2rem;background:#eee;overflow-y:scroll}.contact .wrapper section.mail form .privacypolicy div ul{display:grid;gap:2rem;margin-top:5rem}.contact .wrapper section.mail form .privacypolicy div ul li h4{margin-bottom:1rem;font-weight:bold}.contact .wrapper section.mail form .privacypolicy .check input[type=checkbox]{position:absolute;z-index:-1;width:1px;opacity:0}.contact .wrapper section.mail form .privacypolicy .check label{display:flex;align-items:center;width:fit-content;font-size:1.2rem;cursor:pointer}.contact .wrapper section.mail form .privacypolicy .check label::before{display:grid;place-items:center;content:"";margin-right:1rem;padding:0;width:1.6rem;aspect-ratio:1/1;line-height:1;border:1px solid #333}.contact .wrapper section.mail form .privacypolicy .check.checked label::before{content:"✓"}.contact .wrapper section.mail form .btn{text-align:center}.contact .wrapper section.mail form .btn button{margin-bottom:3rem;padding:1rem 2rem;width:20rem;text-align:center;letter-spacing:1em;text-indent:1em;border:1px solid #333;background-color:#fff;transition:color .5s,background-color .5s;cursor:pointer}.contact .wrapper section.mail form .btn button[disabled]{color:#aaa;border:1px solid #aaa;cursor:not-allowed}@media(hover: hover){.contact .wrapper section.mail form .btn button[disabled]:hover{color:#aaa;background-color:#fff}}@media(hover: hover){.contact .wrapper section.mail form .btn button:hover{color:#fff;background-color:#333}}.contact .bg{position:absolute;top:0;left:0;z-index:-1;translate:-10% -5%;width:50%}.contact .bg .image{width:80%}.footer{padding-block:1rem;background:var(--main-color)}.footer .wrapper p{color:#fff;font-size:1.2rem;text-align:center}