@charset "UTF-8";
 @media (max-width: 767px) {
#area .area-sec__compatible-types-lists {
gap: 12px 9px;
}
#area .area-sec__compatible-types-list {
width: calc((100% - 18px) / 3);
min-width: 0;
}
} @media (min-width:768px){.measures-add{max-width:1100px!important;width:100%!important}.hg-supported{max-width:1100px!important;width:100%!important;margin-left:auto;margin-right:auto}}.hg-supported__photos{justify-content:center!important}.hg-supported__lead{display:inline-block;font-size:1.05em;font-weight:700;margin-bottom:.3em}.hg-supported__names mark{white-space:nowrap}.hg-fv__animals-name{white-space:nowrap}
@media (max-width:767px){.hg-fv__animals-name{font-size:.92em;letter-spacing:-.02em}.hg-fv__animals li{flex:0 0 33%!important;min-width:0!important;max-width:33%!important}.hg-fv__animals-circle{width:100px!important;height:100px!important}.hg-fv__animals-name{font-size:.8em!important;padding-left:.4em!important;padding-right:.4em!important}.hg-supported__names{flex-wrap:wrap!important;justify-content:center!important;max-width:100%}}
@media (min-width:768px){.result-sec__lists{justify-content:center!important}.measures-add__promise-foot{font-size:24px!important;line-height:1.5!important}.measures-add__promise-foot-icon svg{width:24px!important;height:24px!important}} @media (min-width:768px){.result-sec__lists{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important}.result-sec__list{width:1100px!important;max-width:100%!important;margin:0 auto!important;display:grid!important;grid-template-columns:520px 1fr!important;grid-template-rows:auto auto 1fr!important;column-gap:44px!important;row-gap:0!important;align-items:start!important;padding:28px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important}.result-sec__list-img-box{grid-column:1!important;grid-row:1/4!important;width:520px!important;height:auto!important;margin:0!important;align-self:center!important;border-radius:12px!important;overflow:hidden!important}.result-sec__list-img-box img{width:100%!important;height:auto!important;aspect-ratio:760/480!important;object-fit:cover!important;display:block!important}.result-sec__list-head{grid-column:2!important;grid-row:1!important;margin:0!important;width:auto!important;grid-template-columns:48px 1fr!important}.result-sec__list-head h3{font-size:20px!important;line-height:1.5!important}.result-sec__list-txt{grid-column:2!important;grid-row:2!important;margin:14px 0 0!important;width:auto!important;font-size:16px!important;line-height:1.9!important}.result-sec__list-detail{grid-column:2!important;grid-row:3!important;margin:34px 0 0!important;width:auto!important;font-size:15px!important;align-self:end!important}} @media (min-width:768px){.area-sec__compatible-types-lists{display:flex!important;justify-content:center!important;gap:64px!important;margin:6px auto 0!important}.area-sec__compatible-types-list{flex:0 0 220px!important;width:220px!important}.area-sec__compatible-types-list-icon{width:220px!important;height:220px!important;margin:0 auto 10px!important}.area-sec__compatible-types-list-icon-img{width:220px!important;height:220px!important;display:block!important}}
@media (max-width:767px){.area-sec__compatible-types-lists{justify-content:center!important}.area-sec__compatible-types-list-icon-img{width:100%!important;height:auto!important;aspect-ratio:1/1!important}}  .hg-price-guide{margin-top:24px}.hg-price-guide__lead{font-size:15px;color:#555;margin:0 0 12px;text-align:left}.hg-price-guide__tbl{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;background:#fff}.hg-price-guide__tbl th,.hg-price-guide__tbl td{border:1px solid #e6e0d4;padding:12px 14px;text-align:left;vertical-align:middle}.hg-price-guide__tbl thead th{background:#f3efe4;font-weight:700;text-align:center}.hg-price-guide__tbl tbody th{font-weight:700;width:52%}.hg-price-guide__tbl tbody th small{display:block;font-weight:400;font-size:.85em;color:#666;margin-top:2px}.hg-price-guide__tbl td{text-align:center;white-space:nowrap;font-weight:700;color:#c0392b}.hg-price-guide__tbl td:last-child{color:#333;font-weight:500}.hg-price-guide__sum{margin:16px 0 0;font-size:17px;font-weight:700;text-align:left}.hg-price-guide__sum em{font-style:normal;color:#e8541e;font-size:1.15em}.hg-price-guide__note{margin:10px 0 0;font-size:13px;color:#666;text-align:left}
@media (max-width:767px){.hg-price-guide__tbl{font-size:13px}.hg-price-guide__tbl th,.hg-price-guide__tbl td{padding:8px 6px}.hg-price-guide__tbl tbody th{width:50%}.hg-price-guide__tbl td{white-space:normal}.hg-price-guide__sum{font-size:15px}}
.hg-area9__cities{margin:22px 0 0;padding:16px 18px;background:#fff;border:1px solid #ffd9bf;border-radius:12px}.hg-area9__cities-ttl{margin:0 0 8px;font-weight:900;color:#FF7C29;font-size:16px}.hg-area9__cities-list{display:grid;grid-template-columns:6em 1fr;gap:4px 12px;margin:0;font-size:13.5px;line-height:1.6}.hg-area9__cities-list dt{font-weight:700;color:#333}.hg-area9__cities-list dd{margin:0;color:#444}.hg-area9__cities-note{margin:10px 0 0;font-size:12.5px;color:#666}
@media (max-width:767px){.hg-area9__cities{padding:14px 14px}.hg-area9__cities-list{grid-template-columns:5em 1fr;font-size:12.5px}}
.hg-kw-lead{max-width:1100px;margin:14px auto 0;padding:0 16px;font-size:16px;line-height:1.8;text-align:center;color:#333}@media (max-width:767px){.hg-kw-lead{font-size:14px;text-align:left}}
.hg-tbl--price td{white-space:nowrap} .hg-guide .hg-ba{list-style:none;margin:14px 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.hg-guide .hg-ba__item{background:#fff;border:1px solid #d9e5de;border-radius:12px;padding:14px}.hg-guide .hg-ba__title{margin:0 0 10px;font-weight:700;font-size:16px;color:#0f5132}.hg-guide .hg-ba__imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hg-guide .hg-ba__imgs figure{margin:0}.hg-guide .hg-ba__imgs img{width:100%;height:auto;aspect-ratio:214/144;object-fit:cover;border-radius:8px;display:block}.hg-guide .hg-ba__imgs figcaption{text-align:center;font-size:12px;font-weight:700;color:#555;margin-top:4px}.hg-guide .hg-ba__txt{margin:10px 0 0;font-size:14px;line-height:1.7}
.hg-guide .hg-tiles--img .hg-tile__fig img{width:72px;height:auto;display:block;margin:0 auto}.hg-guide .hg-tile__txt{margin:8px 0 0;font-size:14px;line-height:1.7;text-align:left}
.hg-guide .hg-proc{list-style:none;margin:14px 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;counter-reset:none}.hg-guide .hg-proc__item{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border:1px solid #d9e5de;border-radius:12px;padding:14px;align-items:start}.hg-guide .hg-proc__item img{width:100%;height:auto;border-radius:8px;display:block}.hg-guide .hg-proc__item p{margin:0;font-size:14px;line-height:1.7}.hg-guide .hg-proc__title{font-weight:700;font-size:16px;color:#0f5132;margin:0 0 6px!important;display:flex;align-items:center;gap:8px}.hg-guide .hg-proc__n{display:inline-flex;width:26px;height:26px;border-radius:50%;background:#e8652a;color:#fff;align-items:center;justify-content:center;font-size:14px;flex:none}
.hg-guide .hg-diy{list-style:none;margin:10px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hg-guide .hg-diy__item{background:#fff;border:1px solid #d9e5de;border-radius:12px;padding:12px}.hg-guide .hg-diy__item img{width:100%;height:auto;display:block;border-radius:8px;background:#f6f6f6}.hg-guide .hg-diy__title{margin:8px 0 6px;font-weight:700;font-size:15px;color:#0f5132}.hg-guide .hg-diy dl{margin:0;font-size:13.5px;line-height:1.65}.hg-guide .hg-diy dt{font-weight:700;color:#333;margin-top:6px}.hg-guide .hg-diy dt:first-child{margin-top:0}.hg-guide .hg-diy dd{margin:0}
.hg-guide .hg-pro4{list-style:none;margin:10px 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hg-guide .hg-pro4__item{background:#fff;border:1px solid #d9e5de;border-radius:12px;padding:12px}.hg-guide .hg-pro4__item img{width:100%;height:auto;display:block;border-radius:8px}.hg-guide .hg-pro4__item p{margin:0;font-size:13.5px;line-height:1.65}.hg-guide .hg-pro4__title{font-weight:700;font-size:15px;color:#0f5132;margin:8px 0 6px!important}
@media (max-width:767px){.hg-guide .hg-ba,.hg-guide .hg-proc,.hg-guide .hg-pro4{grid-template-columns:1fr}.hg-guide .hg-diy{grid-template-columns:1fr 1fr;gap:10px}.hg-guide .hg-proc__item{grid-template-columns:110px 1fr;gap:10px}.hg-guide .hg-diy__item{padding:10px}.hg-guide .hg-diy dl{font-size:12.5px}}  .hg-fv{
background:linear-gradient(168deg,#f9fbf6 0%,#f1f6ec 55%,#e9f1e4 100%);
padding:16px 16px 26px;
overflow:hidden;
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
}
.hg-fv__bg{position:absolute;top:0;left:0;right:0;height:565px;margin:0;z-index:0}
.hg-fv__bg img{width:100%;height:100%;object-fit:cover;object-position:center 68%;display:block}
.hg-fv__bg::before{
content:"";position:absolute;inset:0;
background:linear-gradient(100deg,rgba(250,252,247,.98) 30%,rgba(250,252,247,.85) 48%,rgba(250,252,247,.38) 68%,rgba(250,252,247,.08) 100%);
}
.hg-fv__bg::after{
content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;
background:linear-gradient(to top,#f0f5eb 12%,rgba(240,245,235,0));
}
.hg-fv__inner{max-width:1060px;margin:0 auto;position:relative;z-index:1}
.hg-fv *,.hg-telcta *{box-sizing:border-box} .hg-fv__topbar{display:flex;align-items:center;gap:18px;margin-bottom:14px;position:relative;z-index:3}
.hg-fv__logo{margin:0;flex:0 0 auto;line-height:0}
.hg-fv__logo img{width:150px;height:auto;filter:brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(500%) hue-rotate(110deg) brightness(90%)}
.hg-fv__hours{margin:0;background:#153f2c;color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:9px 22px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 2px 6px rgba(21,63,44,.25)}
.hg-fv__hours-ic{flex:0 0 auto}
.hg-fv__hours-sep{width:1px;height:14px;background:rgba(255,255,255,.45);margin:0 6px}
.hg-fv__hours em{font-style:normal;color:#ffe14d} .hg-fv__stage{position:relative;min-height:340px}
.hg-fv__photo {
margin:0;
position:absolute;
bottom:-34px;
right:-80px;
width:550px;
z-index:1;
line-height:0;
}
.hg-fv__photo-img{
width:100%;height:auto;display:block;
filter:drop-shadow(0 10px 18px rgba(20,50,35,.22));
}
.hg-fv__copy{position:relative;z-index:2;padding-top:6px;max-width:60%}
.hg-fv__heading{margin:0 0 14px;line-height:1.22}
.hg-fv__heading-line1{
display:block;font-size:47px;font-weight:900;color:#0156b9;letter-spacing:.015em;
text-shadow:0 0 6px #fff,0 0 14px rgba(255,255,255,.9);
}
.hg-fv__heading-no{font-size:31px;color:#070707}
.hg-fv__heading-line2{display:flex;align-items:center;gap:10px;margin-top:8px}
.hg-fv__heading-line2 em{
font-style:normal;color:#f0791a;font-size:82px;font-weight:900;letter-spacing:.02em;
text-shadow:0 0 6px #fff,0 0 16px rgba(255,255,255,.95);
}
.hg-fv__heading-taiou{font-size:60px;font-weight:900;color:#222;text-shadow:0 0 6px #fff,0 0 14px rgba(255,255,255,.9)}
.hg-fv__lead{font-size:24px;font-weight:800;color:#070707;line-height:1.62;margin:0 0 18px;text-shadow:0 0 8px #fff}
.hg-fv__lead-mark{background:none;font-weight:900;padding:0;position:relative;display:inline-block;isolation:isolate;line-height:1.22}
.hg-fv__lead-mark--primary{color:#0758b8;font-size:1.35em;letter-spacing:-.035em}
.hg-fv__lead-mark--end{color:#070707;font-size:1.18em;letter-spacing:-.035em}
.hg-fv__lead-connector{font-size:1.05em;font-weight:900;margin:0 .08em}
.hg-fv__lead-line{display:inline-flex;align-items:baseline;white-space:nowrap}
.hg-fv__lead-mark::before{content:"";position:absolute;z-index:-1;left:-4px;right:-4px;bottom:.02em;height:.36em;background:#ffe12b;border-radius:999px} .hg-fv__animals{list-style:none;display:flex;gap:16px;padding:0;margin:0}
.hg-fv__animals li{text-align:center}
.hg-fv__animals-circle{
display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;
border:3px solid #3b6f40;box-shadow:0 3px 10px rgba(21,63,44,.22);
background:#dde7d8;
}
.hg-fv__animals-circle img{width:100%;height:100%;object-fit:cover;display:block}
.hg-fv__animals-name{display:inline-block;font-size:15px;font-weight:700;color:#153f2c;margin-top:7px;letter-spacing:.04em} .hg-fv__badge{position:absolute;top:-14px;right:-14px;z-index:2;margin:0;line-height:0}
.hg-fv__badge img{width:200px;height:auto;filter:drop-shadow(0 5px 14px rgba(90,67,16,.3))} .hg-fv__points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;margin:22px 0 16px;position:relative;z-index:2}
.hg-fv__point{
background:rgba(255,255,255,.96);border:2px solid #2e6b47;border-radius:12px;padding:13px 15px;
box-shadow:0 3px 14px rgba(21,63,44,.10);
display:grid;grid-template-columns:54px 1fr;grid-template-areas:"num title" "icon txt";column-gap:10px;row-gap:9px;align-items:center;
}
.hg-fv__point-num{
grid-area:num;justify-self:start;width:29px;height:29px;border-radius:50%;color:#fff;font-size:16px;font-weight:800;
background:linear-gradient(160deg,#2a8657,#1c6a43);display:inline-flex;align-items:center;justify-content:center;
box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.hg-fv__point-title{grid-area:title;margin:0;font-size:20.5px;font-weight:800;color:#153f2c;letter-spacing:.01em}
.hg-fv__point-title em{font-style:normal;color:#e8420e;margin-left:4px}
.hg-fv__point-title em._lead{margin-left:0;margin-right:2px}
.hg-fv__point-title em._mk{background:linear-gradient(transparent 62%,#ffe14d 62%)}
.hg-fv__point-icon{grid-area:icon;justify-self:center;line-height:0}
.hg-fv__point-icon img{width:50px;height:auto}
.hg-fv__point-txt{grid-area:txt;margin:0;font-size:13.5px;line-height:1.72;color:#33413a}
.hg-fv__point-txt small{color:#8b968f;font-size:11px}
.hg-fv__consult {
position: relative;
z-index: 2;
text-align: center;
font-size: 24px;
font-weight: 800;
color: #25352d;
margin: 6px 0 0;
letter-spacing: .04em;
} .hg-fv__cta{
display:flex;align-items:center;gap:20px;background:#fff;border:3px solid #f0821e;border-radius:16px;
padding:14px 22px;position:relative;z-index:2;box-shadow:0 6px 18px rgba(21,63,44,.12);
}
.hg-fv__cta-free{
flex:0 0 auto;width:96px;height:96px;border-radius:50%;color:#fff;margin:0;
background:radial-gradient(circle at 34% 28%,#2f9160,#175c39 78%);
box-shadow:inset 0 0 0 3px rgba(255,255,255,.25);
display:flex;flex-direction:column;align-items:center;justify-content:center;
font-size:13px;font-weight:700;text-align:center;line-height:1.35;
}
.hg-fv__cta-free em{font-style:normal;color:#ffe14d;font-size:25px;font-weight:900;letter-spacing:.04em}
.hg-fv__cta-tel{flex:0 0 auto}
.hg-fv__cta-lead{margin:0 0 3px;font-size:15.5px;font-weight:800;color:#25352d;letter-spacing:.01em}
.hg-fv__cta-number{
font-size:42px;font-weight:900;color:#e8590c;text-decoration:none;letter-spacing:.015em;
display:inline-flex;align-items:center;gap:8px;line-height:1.05;font-feature-settings:"tnum";
}
.hg-fv__cta-telic{color:#e8590c;flex:0 0 auto}
.hg-fv__cta-chips{list-style:none;display:flex;flex-direction:column;gap:7px;padding:0;margin:0;flex:0 0 auto}
.hg-fv__cta-chips li{border:1.5px solid #d43c3c;color:#d43c3c;font-size:12px;font-weight:800;border-radius:7px;padding:5px 12px;text-align:center;line-height:1.35;background:#fff}
.hg-fv__cta-mail{
flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;
background:linear-gradient(175deg,#f6a44a 0%,#e8590c 90%);
color:#fff;font-size:16.5px;font-weight:800;text-decoration:none;letter-spacing:.02em;
border-radius:12px;padding:22px 14px;
box-shadow:0 4px 0 #b84708,0 8px 16px rgba(232,89,12,.3),inset 0 1px 0 rgba(255,255,255,.4);
transition:transform .12s ease,box-shadow .12s ease;
}
.hg-fv__cta-mail:hover{transform:translateY(-1px)}
.hg-fv__cta-mail:active{transform:translateY(3px);box-shadow:0 1px 0 #b84708,inset 0 1px 0 rgba(255,255,255,.4)}
.hg-fv__cta-arrow{display:inline-flex;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.28);align-items:center;justify-content:center} .hg-telcta {
position: relative;
background: #fff;
padding: 0 0 38px;
}
.hg-telcta__arrow{width:130px;height:36px;margin:0 auto 16px;background:linear-gradient(180deg,#ef7079,#e9606a);clip-path:polygon(0 0,100% 0,50% 100%)}
.hg-telcta__band{max-width:1040px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.10)}
.hg-telcta__catch{margin:0;background:#f7d3d3;color:#333;text-align:center;font-size:25px;font-weight:900;padding:14px 12px;line-height:1.5;letter-spacing:.02em}
.hg-telcta__catch-dots{display:block;font-size:13px;letter-spacing:10px;line-height:1;color:#333;margin-bottom:4px}
.hg-telcta__catch em{font-style:normal;color:#e9606a;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-color:#fff}
.hg-telcta__body{display:flex;align-items:center;justify-content:center;gap:26px;padding:18px 20px 0;background:#fff}
.hg-telcta__photo{flex:0 0 132px;align-self:flex-end;line-height:0}
.hg-telcta__photo img{width:100%;height:auto;display:block}
.hg-telcta__main{padding-bottom:16px}
.hg-telcta__lead{margin:0 0 5px;color:#1c6a43;font-size:22px;font-weight:900;text-align:center;letter-spacing:.01em}
.hg-telcta__tel {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
position: absolute;
bottom: 128px;
left: 460px;
}
@media screen and (max-width: 767px) {
.hg-telcta__tel { bottom: 23.28vw;
left: 20.79vw;
white-space: nowrap;
}
} .hg-telcta__tel .hg-telcta__tap{
position:absolute;
height:152%;
width:auto;
max-width:none;
right:-2%;
bottom:-128%;
pointer-events:none;
z-index:2;
} @media screen and (min-width:768px){ .hg-telcta__tel img.hg-telcta__tap--fv{display:none} } .hg-telcta__tap,.hg-telbn__tap{mix-blend-mode:normal;-webkit-filter:none;filter:none} @media screen and (max-width:767px){
.hg-telbn .hg-telbn__tap{
display:block;
position:absolute;
left:44%;
bottom:2%;
height:72%;
width:auto;
max-width:none;
pointer-events:none;
z-index:3;
}
} .hg-telcta-block{margin:0 auto}
.hg-telcta-block .hg-cta-now{max-width:1100px}
.hg-telcta__tel-free{background:#e9606a;color:#fff;font-size:13.5px;font-weight:800;border-radius:6px;padding:7px 9px;text-align:center;line-height:1.35}
.hg-telcta__tel-num {
color: #F03B0F;
font-size: 90px;
font-weight: 900;
letter-spacing: 0;
line-height: 1;
font-feature-settings: "tnum";
}
@media screen and (max-width: 767px) {
.hg-telcta__tel-num {
font-size: 4.2rem;
}
}
.hg-telcta__hours{margin:0 0 16px;background:#e9606a;color:#fff;font-size:17.5px;font-weight:800;border-radius:10px;padding:15px 20px;line-height:1.65;text-align:center;box-shadow:0 3px 8px rgba(233,96,106,.35)} .present_wrap._sprayer .present_foot{position:static;width:100%;bottom:auto;margin:22px auto 0;padding:0 12px;text-align:center}
.present_wrap._sprayer .present_txt_01{font-size:24px;font-weight:800;color:#153f2c;margin-bottom:10px}
@media screen and (min-width: 768px) {
.present_wrap._sprayer .present_txt_01 {
font-size: 33px;
font-weight: 800;
color: #153f2c;
margin-bottom: 10px;
}
}
.present_wrap._sprayer .btn_txt_01{font-size:34px;font-weight:900;color:#e8590c;-webkit-text-stroke:0;letter-spacing:0}
@media screen and (min-width: 768px) {
.present_wrap._sprayer .btn_txt_01 {
font-size: 43px;
font-weight: 900;
color: #e8590c;
-webkit-text-stroke: 0;
letter-spacing: 0;
}
} .sprayer-media{position:relative;line-height:0}
.sprayer-media>picture{display:block}
.sprayer-media>picture img{display:block;width:100%;height:auto}
.sprayer-media__video{position:absolute;object-fit:cover;border-radius:10px;background:#000}
.sprayer-media--pc .sprayer-media__video{left:2.5%;top:50.8%;width:31%;height:38.6%}
.sprayer-media--sp .sprayer-media__video{left:31.8%;top:33.7%;width:62.2%;height:19.8%}
.sprayer-media .sprayer-media__badge{
position:absolute;z-index:3;display:block;
height:auto !important;min-height:0 !important;pointer-events:none;
filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));
} .sprayer-media--sp .sprayer-media__badge{left:0.5%;top:31.5%;width:37% !important}
.sprayer-media--pc .sprayer-media__badge{left:32%;top:49.1%;width:18.8% !important}
.hg-top-sprayer{width:100vw;margin-left:calc(50% - 50vw);padding:34px 16px;background:#fff;overflow:hidden}
.hg-top-sprayer__inner {
max-width: 1100px;
margin: 0 auto;
}
.hg-top-sprayer .sprayer-media--pc{width:100%;margin:0 auto}
.hg-top-sprayer .present_wrap{margin:0 auto}
@media (max-width:767px){
.hg-top-sprayer{padding:0}
.hg-top-sprayer__inner{width:100%}
.hg-top-sprayer .present_wrap._bottom{margin:0}
.hg-top-sprayer .btn_form{display:block}
.hg-top-sprayer .btn_form img{display:block;width:100%;height:auto}
} .ti-widget{max-width:100%;overflow-x:hidden}
body{overflow-x:hidden} @media (max-width:767px){
.hg-fv {
padding: 0 12px 20px;
}
.hg-fv__topbar {
gap:6px;
margin-bottom:14px;
align-items:center;
padding-right:104px;
}
.hg-fv__logo img{width:146px}
.hg-fv__hours{font-size:13px;font-weight:800;padding:6px 9px;border-radius:6px;white-space:nowrap;letter-spacing:0;display:inline-block;text-align:center;line-height:1.5;background:#1b7d41}
.hg-fv__hours em{color:#ffe14d}
.hg-fv__hours-ic{width:12px;height:12px;vertical-align:-2px;margin-right:2px}
.hg-fv__hours-sep{display:none}
.hg-fv__bg{height:360px} .hg-fv__stage {
min-height: 0;
margin: 0 -12px;
padding: 0 12px 6px;
overflow: hidden;
}
.hg-fv__photo {
bottom: auto;
top: 0;
right: -100px;
width:298px;
}
.hg-fv__photo-img{
-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);
mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);
}
.hg-fv__badge{top:-88px;right:-20px}
.hg-fv__badge img{width:104px;height:auto}
.hg-fv__copy{max-width:none;padding-top:2px}
.hg-fv__heading-line1{font-size:38px;line-height:1.32;color:#0156b9;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.13)}
.hg-fv__heading-no{font-size:27px;color:#070707}
.hg-fv__heading-line2{display:block;margin-top:0}
.hg-fv__heading-line2 em{display:block;font-size:72px;line-height:1.12;letter-spacing:.01em;-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:0 3px 7px rgba(0,0,0,.15)}
.hg-fv__heading-taiou{display:block;font-size:41px;margin:0;-webkit-text-stroke:4px #fff;paint-order:stroke fill}
.hg-fv__lead{-webkit-text-stroke:2.5px #fff;paint-order:stroke fill}
.hg-fv__lead{font-size:clamp(14px,4.42vw,20px);font-weight:800;color:#070707;line-height:1.55;margin-bottom:14px;width:auto}
.hg-fv__lead-line{max-width:100%}
.hg-fv__animals{gap:10px 0;flex-wrap:wrap;justify-content:center;position:relative;z-index:2;margin-top:6px}
.hg-fv__animals li{flex:0 0 33.33%;display:flex;flex-direction:column;align-items:center}
.hg-fv__animals-circle{width:min(120px,30.5vw);height:min(120px,30.5vw);border-width:3px}
.hg-fv__animals-name{font-size:min(15.5px,4vw);font-weight:800;margin-top:-13px;position:relative;z-index:2;background:#fff;border:1.5px solid #2b2b2b;border-radius:999px;padding:3px min(16px,4.3vw);box-shadow:0 1px 4px rgba(21,63,44,.15)}
.hg-fv__points{grid-template-columns:1fr;gap:11px;margin:18px 0 12px}
.hg-fv__point{padding:12px 12px;grid-template-columns:42px 62px 1fr;grid-template-areas:"num icon title" "num icon txt";column-gap:8px;row-gap:3px}
.hg-fv__point-num{justify-self:center;width:32px;height:32px;font-size:18px}
.hg-fv__point-title{font-size:19px;align-self:end}
.hg-fv__point-txt{font-size:13.5px;line-height:1.6;align-self:start}
.hg-fv__point-icon img{width:56px}
.hg-fv__cta{flex-direction:column;gap:12px;padding:18px 14px 16px}
.hg-fv__cta-free{width:84px;height:84px;font-size:11.5px}
.hg-fv__cta-free em{font-size:21px}
.hg-fv__cta-lead{text-align:center;font-size:14.5px}
.hg-fv__cta-number{font-size:36px}
.hg-fv__cta-telic{width:26px;height:26px}
.hg-fv__cta-chips{flex-direction:row;gap:8px;justify-content:center}
.hg-fv__cta-mail{width:100%;padding:17px 10px;font-size:15px}
.hg-telcta {
padding-bottom:0;
}
.hg-telcta__arrow{width:96px;height:28px;margin-bottom:12px}
.hg-telcta__band{margin:0 10px;border-radius:8px}
.hg-telcta__catch{font-size:16.5px;padding:11px 8px}
.hg-fv__consult {font-size:14px}
.hg-telcta__catch-dots{font-size:10px;letter-spacing:7px}
.hg-telcta__body{flex-wrap:wrap;gap:6px 14px;padding:12px 12px 0}
.hg-telcta__photo{flex:0 0 96px}
.hg-telcta__main{padding-bottom:10px}
.hg-telcta__lead{font-size:14.5px}
.hg-telcta__tel-free{font-size:11px;padding:5px 7px}
.hg-telcta__hours{font-size:13px;padding:9px 14px;margin:0 12px 14px;flex:1 1 100%}
}
@media (max-width:400px){
.hg-fv__consult {font-size:16px}
.hg-fv__logo img{width:128px}
.hg-fv__topbar{padding-right:92px}
.hg-fv__hours{font-size:12px;padding:5px 7px}
.hg-fv__badge img{width:94px}
.hg-fv__badge{top:0}
.hg-fv__heading-line2 em{font-size:68px}
} .hg-guide{--hg-green:#0E5C3F;--hg-green-border:#24743F;--hg-green-accent:#007D2B;--hg-green-l:#e7efec;--hg-orange:#F77F4C;--hg-orange-cta:#E85030;--hg-orange-text:#FF5305;--hg-text:#333333;--hg-head:#25352D;--hg-muted:#666;--hg-line:#CFD8D3;--hg-line-l:#EEEEEE;--hg-radius:12px;--hg-radius-btn:4px;--hg-bg:#f6f7f6;--pad:min(2.5vw,36px);background:var(--hg-bg);color:var(--hg-text);padding:6vw 0;font-size:clamp(16px,1.25vw,18px);line-height:1.85;word-break:normal;overflow-wrap:anywhere}
.hg-guide h2,.hg-guide h3,.hg-guide .hg-tier__name,.hg-guide .hg-tile__title,.hg-guide .hg-kind__tab,.hg-guide th,.hg-guide .hg-tier__meta dd{word-break:auto-phrase;text-wrap:pretty}
@media (min-width:768px){.hg-guide p,.hg-guide li,.hg-guide dd,.hg-guide td{word-break:auto-phrase}}
.hg-guide *{box-sizing:border-box}
.hg-guide .hg-guide__inner{max-width:1100px;margin:auto;padding:0 20px;box-sizing:content-box}
.hg-guide p,.hg-guide ul,.hg-guide ol,.hg-guide dl,.hg-guide figure{margin:0 0 1em}
.hg-guide ul,.hg-guide ol{padding:0;list-style:none}
.hg-guide strong,.hg-guide b,.hg-guide th,.hg-guide dt,.hg-guide summary{font-weight:700}
.hg-guide .hg-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hg-guide .hg-guide__head{text-align:center;margin-bottom:4vw}
.hg-guide .hg-guide__eyebrow{display:inline-block;color:var(--hg-green);font-weight:700;font-size:1em;border-bottom:2px solid}
.hg-guide .hg-guide__lead{color:var(--hg-head);font-size:clamp(28px,2.8vw,40px);font-weight:900;line-height:1.4;margin:0 0 .5em}
.hg-guide .hg-guide__toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1.5em}
.hg-guide .hg-guide__toc a{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--hg-line);border-radius:999px;padding:6px 14px;color:var(--hg-head);font-size:.95em;font-weight:700;text-decoration:none;line-height:1.4}
.hg-guide .hg-guide__toc svg,.hg-guide .hg-card__title svg{width:1.1em;height:1.1em;flex:none}
.hg-guide .hg-card__title svg{margin-top:.2em}
.hg-guide .hg-guide__toc svg,.hg-guide .hg-guide__toc a::after{color:var(--hg-green)}
.hg-guide .hg-guide__toc a::after{content:"›"}
.hg-guide .hg-card{background:#fff;border:2px solid var(--hg-green-border);border-radius:var(--hg-radius);padding:var(--pad);margin-top:4vw;scroll-margin-top:80px;overflow:hidden}
.hg-guide .hg-card__title{display:flex;align-items:flex-start;gap:10px;background:var(--hg-green);color:#fff;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.45;padding:18px 24px;margin:calc(-1*var(--pad)) calc(-1*var(--pad)) 24px}
.hg-guide .hg-br{display:none}
@media (min-width:768px){.hg-guide .hg-br{display:inline}}
.hg-guide .hg-card__sub{color:var(--hg-head);border-left:5px solid var(--hg-green);padding-left:12px;font-size:clamp(20px,1.65vw,24px);font-weight:700;line-height:1.5;margin:36px 0 14px}
.hg-guide strong,.hg-guide .hg-cap b,.hg-guide .hg-fig__cap b,.hg-guide .hg-em-g,.hg-guide .hg-ok{color:var(--hg-green-accent)}
.hg-guide .hg-em-o,.hg-guide .hg-em-g{font-style:normal;font-weight:700}
.hg-guide .hg-em-o{color:var(--hg-orange-text)}
.hg-guide .hg-cap,.hg-guide .hg-note,.hg-guide .hg-fig__cap{font-size:14px;color:var(--hg-muted);line-height:1.7}
.hg-guide .hg-cap{margin:24px 0 8px}
.hg-guide .hg-tiers,.hg-guide .hg-tiles,.hg-guide .hg-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hg-guide .hg-tier,.hg-guide .hg-tile,.hg-guide .hg-kind{display:flex;flex-direction:column;border:1px solid var(--hg-line);border-radius:var(--hg-radius);overflow:hidden;position:relative}
.hg-guide .hg-tier__name,.hg-guide .hg-kind__tab{background:var(--hg-green);color:#fff;font-weight:700;padding:8px 12px;margin:0;line-height:1.5;text-align:center}
.hg-guide .hg-tier__body,.hg-guide .hg-kind dl{padding:10px 12px 0;flex:1}
.hg-guide dt{font-size:13px;color:var(--hg-muted);line-height:1.5}
.hg-guide dd{margin:0 0 6px;line-height:1.7}
.hg-guide .hg-tier__meta{display:grid;grid-template-columns:7em 1fr;gap:4px 10px;margin:0;padding:10px 12px;background:var(--hg-green-l);border-top:1px solid var(--hg-line-l)}
.hg-guide .hg-tier__meta dd{margin:0;font-weight:700}
.hg-guide .hg-tier--std{border:2px solid var(--hg-orange-cta)}
.hg-guide .hg-tier--std .hg-tier__name{background:var(--hg-orange-cta)}
.hg-guide .hg-tier__badge{align-self:center;margin:10px 0 0;border:1px solid var(--hg-orange-cta);color:var(--hg-orange-cta);font-size:12px;font-weight:700;line-height:1;padding:4px 10px;border-radius:999px}
.hg-guide .hg-tile__ic::after,.hg-guide .hg-conds>li::before,.hg-guide .hg-flow li::before,.hg-guide .hg-faq summary::before,.hg-guide .hg-faq p::before,.hg-guide .hg-tbl--check tbody th::before{position:absolute;border-radius:50%;background:var(--hg-orange);color:#fff;font-weight:700;text-align:center;width:24px;height:24px;line-height:24px;font-size:13px}
.hg-guide .hg-tiles{counter-reset:t}
.hg-guide .hg-tile__fig{height:120px;background:var(--hg-green-l);display:flex;align-items:center;justify-content:center;counter-increment:t}
.hg-guide .hg-tile__ic{position:relative;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--hg-green)}
.hg-guide .hg-tile__ic svg{width:32px;height:32px}
.hg-guide .hg-tile__ic::after{content:counter(t);top:-4px;right:-4px}
.hg-guide .hg-tile__title{color:var(--hg-head);font-weight:700;text-align:center;padding:10px 12px 0;margin:0 0 6px}
.hg-guide .hg-tile dl{padding:0 12px 6px;flex:1}
.hg-guide .hg-bar{display:block;position:relative;height:8px;margin:4px 0;background:#fbe4dc;border-radius:4px;overflow:hidden}
.hg-guide .hg-bar::before,.hg-guide .hg-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--b);background:var(--hg-orange-cta);opacity:.35}
.hg-guide .hg-bar::after{width:var(--a);opacity:1}
.hg-guide .hg-tbl{width:100%;border-collapse:collapse;font-size:.94em;line-height:1.7;margin:0 0 1.2em}
.hg-guide .hg-tbl th,.hg-guide .hg-tbl td{border:1px solid var(--hg-line);padding:10px 12px;text-align:left;vertical-align:top}
.hg-guide .hg-tbl thead th{background:var(--hg-green);color:#fff}
.hg-guide .hg-tbl tbody th{background:var(--hg-green-l);white-space:nowrap}
.hg-guide .hg-tbl--check tbody th{padding-left:42px;position:relative;background:#fff}
.hg-guide .hg-tbl--check tbody th::before{content:"✓";left:10px;top:.65em;background:var(--hg-green)}
.hg-guide .hg-tbl--check td:last-child,.hg-guide .hg-tbl--vs td:last-child{background:var(--hg-green-l);font-weight:700}
.hg-guide .hg-tbl--vs thead th:nth-child(2){background:#888}
.hg-guide .hg-tbl--vs td::before{content:"△ ";color:#999}
.hg-guide .hg-tbl--vs td:last-child::before{content:"✓ ";color:var(--hg-green)}
.hg-guide .hg-tbl--animals thead td{border:0}
.hg-guide .hg-ok,.hg-guide .hg-ng{font-weight:700}
.hg-guide .hg-ng{color:#999}
.hg-guide .hg-conds{counter-reset:c;--ct:24px}
.hg-guide .hg-conds>li{position:relative;padding:var(--ct) 0 0 44px;counter-increment:c}
.hg-guide .hg-conds>li::before{content:counter(c);left:0;top:var(--ct);width:28px;height:28px;line-height:28px;z-index:1}
.hg-guide .hg-conds>li:not(:last-child)::after{content:"";position:absolute;left:13px;top:calc(var(--ct) + 28px);bottom:calc(-1*var(--ct));width:2px;background:var(--hg-green)}
.hg-guide .hg-conds .hg-card__sub{border:0;padding:0;margin-top:0}
.hg-guide .hg-fig__wrap{overflow:hidden}
.hg-guide .hg-fig__wrap svg{width:100%;max-width:820px;height:auto;display:block;margin:0 auto}
.hg-guide .hg-points{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.hg-guide .hg-points__n{color:var(--hg-orange);font-weight:700;font-size:1.15em}
.hg-guide .hg-checks li,.hg-guide .hg-flow li{position:relative;padding-left:30px;margin-bottom:6px;line-height:1.7}
.hg-guide .hg-checks li::before{content:"✓";position:absolute;left:4px;color:var(--hg-green);font-weight:700}
.hg-guide .hg-flow{counter-reset:f}
.hg-guide .hg-flow li{counter-increment:f}
.hg-guide .hg-flow li::before{content:counter(f);left:0;top:2px;width:22px;height:22px;line-height:22px;font-size:12px}
.hg-guide .hg-steps{display:flex;gap:12px;margin:16px 0}
.hg-guide .hg-steps li{flex:1;background:#fff;border:2px solid var(--hg-green-border);border-radius:var(--hg-radius-btn);padding:12px 6px;text-align:center;font-size:clamp(13px,1.1vw,16px);position:relative;font-weight:700;line-height:1.4}
.hg-guide .hg-steps b{display:block;width:max-content;margin:0 auto 6px;background:var(--hg-orange);color:#fff;font-size:.8em;padding:1px 8px;border-radius:999px}
.hg-guide .hg-steps li:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;border:6px solid transparent;border-left-color:var(--hg-green-border);transform:translateY(-50%)}
.hg-guide .hg-faq details{border:1px solid var(--hg-line);background:#fff;border-radius:var(--hg-radius);margin-bottom:8px}
.hg-guide .hg-faq summary{cursor:pointer;padding:12px 16px 12px 48px;position:relative;list-style:none}
.hg-guide .hg-faq summary::-webkit-details-marker{display:none}
.hg-guide .hg-faq summary::before,.hg-guide .hg-faq p::before{content:"Q";left:12px;top:14px;background:var(--hg-green)}
.hg-guide .hg-faq p{position:relative;padding:0 16px 12px 48px;margin:0}
.hg-guide .hg-faq p::before{content:"A";top:2px;background:var(--hg-orange)}
@media (max-width:767px){.hg-guide{--pad:5vw;padding:12vw 0;font-size:4.1vw}
.hg-guide .hg-guide__inner{padding:0 5vw;box-sizing:border-box}
.hg-guide .hg-guide__lead{font-size:6.9vw}
.hg-guide .hg-guide__toc a{flex:1 1 40%;font-size:3.5vw;padding:2vw 3vw;border-radius:var(--hg-radius);text-align:left}
.hg-guide .hg-guide__toc a::after{margin-left:auto}
.hg-guide .hg-card{margin-top:10vw}
.hg-guide .hg-card__title{font-size:5.6vw;padding:4vw 4.5vw;margin-bottom:5vw}
.hg-guide .hg-card__sub{font-size:5.1vw;margin:8vw 0 3vw}
.hg-guide .hg-cap,.hg-guide .hg-note,.hg-guide dt{font-size:3.4vw}
.hg-guide .hg-tiers,.hg-guide .hg-tiles,.hg-guide .hg-kinds,.hg-guide .hg-points{grid-template-columns:1fr}
.hg-guide .hg-tile__fig{height:28vw}
.hg-guide .hg-tbl{font-size:3.7vw}
.hg-guide .hg-tbl th,.hg-guide .hg-tbl td{padding:2.5vw}
.hg-guide .hg-tbl--cards,.hg-guide .hg-tbl--cards tr,.hg-guide .hg-tbl--cards th,.hg-guide .hg-tbl--cards td,.hg-guide .hg-tbl--vs,.hg-guide .hg-tbl--vs thead,.hg-guide .hg-tbl--vs tbody{display:block}
.hg-guide .hg-tbl--cards thead,.hg-guide .hg-tbl--vs thead th:first-child{display:none}
.hg-guide .hg-tbl--cards tr{border:1px solid var(--hg-line);border-radius:var(--hg-radius);margin-bottom:3vw;overflow:hidden}
.hg-guide .hg-tbl--cards th{border:0}
.hg-guide .hg-tbl--cards td{border:0;border-top:1px solid var(--hg-line-l)}
.hg-guide .hg-tbl--cards td::before{content:attr(data-label);display:block;font-size:.85em;color:var(--hg-muted);font-weight:700}
.hg-guide .hg-tbl--vs tr{display:grid;grid-template-columns:1fr 1fr}
.hg-guide .hg-tbl--vs tbody th{grid-column:1/-1;white-space:normal}
.hg-guide .hg-tbl--vs th,.hg-guide .hg-tbl--vs td{margin:0 -1px -1px 0}
.hg-guide .hg-conds{--ct:6vw}
.hg-guide .hg-conds>li{padding-left:10vw}
.hg-guide .hg-steps{flex-direction:column;gap:14px}
.hg-guide .hg-steps li{font-size:4vw;padding:3vw}
.hg-guide .hg-steps li:not(:last-child)::after{right:50%;top:auto;bottom:-15px;border-left-color:transparent;border-top-color:var(--hg-green-border);transform:translateX(50%)}
.hg-guide .hg-fig__wrap svg{width:180%;max-width:none;margin:0 0 0 -33%}
.hg-guide .hgf1-labels{display:none}
.hg-guide .hgf1-pt circle{r:20px}
.hg-guide .hgf1-pt text{font-size:22px}}
.nezumi1 .measures-img-wrap::before {
top: -345px !important;
width: 280px !important;
} .fv-3col-section {
color: #fff;
font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.5;
}
.fv-3col-inner {
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px;
container-type: inline-size;
}
:where(.fv-3col-section) :where(ul, li, p) {
margin: 0;
padding: 0;
} .fv-3col-list { --fv-3col-u: min(1px, calc(100cqi / 1004));
--u: var(--fv-3col-u);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: calc(var(--u) * 40);
max-width: 1004px;
margin: 0 auto;
list-style: none;
}
.fv-3col-item {
position: relative;
padding-top: calc(var(--u) * 28);
} .fv-3col-label {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
padding: 0 calc(var(--u) * 21);
border-radius: 999px;
background: #007224;
color: #fff;
font-size: calc(var(--u) * 38);
font-weight: 700;
line-height: calc(var(--u) * 60);
letter-spacing: 0;
white-space: nowrap;
transform: translateX(-50%);
} .fv-3col-photo {
overflow: hidden;
border: calc(var(--u) * 8) solid #007224;
border-radius: calc(var(--u) * 35);
background: #007224;
}
.fv-3col-img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 293 / 214;
object-fit: cover;
}
.hg-cta-now{display:block;flex:1 1 100%;position:relative;container-type:inline-size;margin:0 auto 12px;max-width:960px;line-height:0}
.hg-cta-now img{width:100%;height:auto;display:block}
.hg-cta-now__time{ position: absolute;
top: 31.5%;
left: 16.4%;
transform: translate(-50%,-50%);
line-height: 1;
font-weight: 900;
color: #df0714;
letter-spacing: 0;
font-family: inherit;
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum";
white-space: nowrap;
text-shadow: 0 1px 0 rgba(255,255,255,.55);
font-size:24px; font-size:3.6cqw; }
@media (max-width:767px){ .hg-cta-now{margin-bottom:10px} } .cta-sec__btns{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px}
.cta-sec__btns>a{flex:0 1 48% !important;width:auto !important;max-width:48% !important;min-width:0;box-sizing:border-box}
.cta-sec__btns>a img,.cta-sec__btns>a picture{max-width:100%;height:auto}
@media (max-width:767px) {
.cta-sec__btns>a{flex:1 1 100% !important;max-width:100% !important} .cta-sec__btns.u_pc,.cta-sec__btns._pc{display:none !important}
.nezumi1 .prevention-sec__text {
top: 40%;
left: 38%;
width: 60%;
}
}
@media (min-width:768px) {
.flow-sec__list-txt span {
display: block;
font-size: 1.4rem;
}
.cta-sec__btns.u_sp,.cta-sec__btns._sp{display:none !important}
.nezumi1 .prevention-sec__text {
top: 40% !important;
font-size: 2.8rem;
}
} .nezumi1 .hg-supported__photos {
display: flex;
flex-wrap: wrap;
justify-content: center !important;
gap: 64px;
margin: 6px auto 0;
padding: 0;
list-style: none;
}
.nezumi1 .hg-supported__photos > li {
flex: 0 0 220px;
width: 220px;
margin: 0;
list-style: none;
}
.nezumi1 .hg-supported__photos img {
display: block;
width: 220px;
height: 220px;
object-fit: cover;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.nezumi1 .hg-supported__photos {
gap: calc(3.2 * var(--vw)) calc(2.4 * var(--vw));
width: 100%;
margin: 0 auto;
}
.nezumi1 .hg-supported__photos > li {
flex: 0 0 auto;
width: calc(33.3333% - calc(1.6 * var(--vw)));
}
.nezumi1 .hg-supported__photos img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
}
.mouse-example-staff-catch {
position: relative;
margin-top: calc(var(--u) * 8);
font-weight: 900;
white-space: nowrap;
}
.mouse-example-staff-catch span {
display: block;
width: fit-content;
padding: 0 calc(var(--u) * 4);
background: linear-gradient(transparent 62%, #ffe500 62%);
color: #007224;
font-size: max(17px, calc(var(--u) * 38));
line-height: calc(var(--u) * 58);
letter-spacing: 0.03em;
-webkit-text-stroke: calc(var(--u) * 6) #fff;
paint-order: stroke fill;
}
@media screen and (max-width: 767px) {
.mouse-example-staff-catch span {
display: inline;
}
}
.mouse-example-staff-catch b {
color: #ff6207;
font-size: calc(46em / 30);
font-weight: 900;
}
@media screen and (max-width: 767px) {
.mouse-example-staff-catch b {
font-size: calc(46em / 36);
}
}
@media screen and (min-width: 768px) {
.nezumi1 .casestudy-sec {
padding: 0 calc(1.555556 * var(--vw));
}
}
@media screen and (min-width: 768px) {
.hg-area9__lead {
font-size: clamp(17px, 2.5vw, 27px) !important;
}
.hg-fv__subhead {
font-size: 18px !important;
}
}  .mouse-example-section {
color: #333;
font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.5;
}
.mouse-example-inner {
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px;
container-type: inline-size;
}
.mouse-example-content { --mouse-example-u: min(1px, calc(100cqi / 670));
--u: var(--mouse-example-u);
max-width: 670px;
margin: 0 auto;
}
:where(.mouse-example-section) :where(h2, h3, p, ul) {
margin: 0;
padding: 0;
}
:where(.mouse-example-section) img {
display: block;
max-width: 100%;
height: auto;
} .mouse-example-head {
position: relative;
height: calc(var(--u) * 137);
padding-top: calc(var(--u) * 22);
border: calc(var(--u) * 4) solid #ff6207;
border-radius: calc(var(--u) * 18);
background: #fff;
text-align: center;
}
.mouse-example-head::before,
.mouse-example-head::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.mouse-example-head::before {
top: 100%;
width: calc(var(--u) * 70);
height: calc(var(--u) * 30);
background: #ff6207;
}
.mouse-example-head::after {
top: calc(100% - var(--u) * 1);
width: calc(var(--u) * 58);
height: calc(var(--u) * 25);
background: #fff;
}
.mouse-example-head-lead {
color: #007224;
font-size: max(14px, calc(var(--u) * 31));
font-weight: 700;
line-height: calc(var(--u) * 40);
letter-spacing: 0.02em;
}
.mouse-example-head-title {
margin-top: calc(var(--u) * 2);
color: #007224;
font-size: max(20px, calc(var(--u) * 44));
font-weight: 900;
line-height: calc(var(--u) * 56);
letter-spacing: 0.03em;
white-space: nowrap;
}
.mouse-example-head-title span {
color: #ff6207;
} .mouse-example-label {
margin-top: calc(var(--u) * 50);
border-radius: calc(var(--u) * 16);
background: linear-gradient(180deg, #017325 0%, #017a28 50%, #02a034 100%);
color: #fff;
font-size: max(20px, calc(var(--u) * 46));
font-weight: 900;
line-height: calc(var(--u) * 100);
letter-spacing: 0.04em;
text-align: center;
} .mouse-example-cases {
list-style: none;
counter-reset: mouse-example-case;
}
.mouse-example-case {
margin-top: calc(var(--u) * 66);
counter-increment: mouse-example-case;
}
.mouse-example-case + .mouse-example-case {
margin-top: calc(var(--u) * 76);
}
.mouse-example-case-title { --mouse-example-lh: max(28px, calc(var(--u) * 52));
--mouse-example-num: max(22px, calc(var(--u) * 42));
position: relative;
padding: 0 0 calc(var(--u) * 10) calc(var(--mouse-example-num) + max(8px, calc(var(--u) * 14)));
background: repeating-linear-gradient(90deg, #007224 0 calc(var(--u) * 6), transparent 0 calc(var(--u) * 8)) left bottom / 100% max(1px, calc(var(--u) * 1.5)) no-repeat;
font-weight: 900;
line-height: var(--mouse-example-lh);
} .mouse-example-case-title::before {
content: counter(mouse-example-case);
position: absolute;
top: calc((var(--mouse-example-lh) - var(--mouse-example-num)) / 2);
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: var(--mouse-example-num);
height: var(--mouse-example-num);
border-radius: 50%;
background: #007224;
color: #fff;
font-family: Arial, "Helvetica Neue", sans-serif;
font-size: calc(var(--mouse-example-num) * 0.6);
font-weight: 700;
line-height: 1;
} .mouse-example-case-lead,
.mouse-example-case-main {
display: inline-block;
max-width: 100%;
vertical-align: baseline;
}
.mouse-example-case-lead {
margin-right: 0.25em;
color: #007224;
font-size: max(15px, calc(var(--u) * 32));
letter-spacing: 0.02em;
}
.mouse-example-case-lead small {
color: #333;
font-size: 0.75em;
}
.mouse-example-case-main {
color: #ff6207;
font-size: max(17px, calc(var(--u) * 38));
letter-spacing: 0.02em;
} .mouse-example-case-body {
display: flex;
align-items: flex-start;
gap: calc(var(--u) * 24);
margin-top: calc(var(--u) * 26);
}
.mouse-example-case-img {
flex: 0 0 calc(var(--u) * 330);
width: calc(var(--u) * 330);
border-radius: calc(var(--u) * 12);
}
.mouse-example-case-text {
flex: 1 1 auto;
min-width: 0;
font-size: max(13px, calc(var(--u) * 21));
font-weight: 700;
line-height: 1.75;
letter-spacing: 0.04em;
} @container (max-width: 500px) {
.mouse-example-case-body {
flex-direction: column;
gap: calc(var(--u) * 26);
}
.mouse-example-case-img {
flex: none;
width: 100%;
border-radius: calc(var(--u) * 18);
}
.mouse-example-case-text {
padding: 0 calc(var(--u) * 36) 0 calc(var(--u) * 35);
font-size: max(13px, calc(var(--u) * 26.5));
letter-spacing: 0.055em;
}
} .mouse-example-staff {
position: relative;
margin-top: calc(var(--u) * 66);
padding: calc(var(--u) * 26) 0 calc(var(--u) * 20) calc(var(--u) * 240);
border-top: calc(var(--u) * 4) solid #ff6207;
border-bottom: calc(var(--u) * 4) solid #ff6207;
}
.mouse-example-staff-img {
position: absolute;
bottom: 0;
left: 0;
width: calc(var(--u) * 230);
}
.mouse-example-staff-text {
position: relative;
font-size: max(12px, calc(var(--u) * 25));
font-weight: 700;
line-height: calc(var(--u) * 44);
letter-spacing: 0.04em;
white-space: nowrap;
}
.mouse-example-staff-catch {
position: relative;
margin-top: calc(var(--u) * 8);
font-weight: 900;
white-space: nowrap;
}
.mouse-example-staff-catch span {
display: block;
width: fit-content;
padding: 0 calc(var(--u) * 4);
background: linear-gradient(transparent 62%, #ffe500 62%);
color: #007224;
font-size: max(17px, calc(var(--u) * 38));
line-height: calc(var(--u) * 58);
letter-spacing: 0.03em;
-webkit-text-stroke: calc(var(--u) * 6) #fff;
paint-order: stroke fill;
}
.mouse-example-staff-catch b {
color: #ff6207;
font-size: calc(46em / 36);
font-weight: 900;
}
.nezumi1 .area-sec .c-ttitle-1--min {
font-size: 4.2rem;
} .dani-nomi-section {
color: #333;
font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.5;
}
.dani-nomi-inner {
max-width: 1100px;
margin: 0 auto;
padding: 40px 0;
container-type: inline-size;
}
.dani-nomi-content {
--dani-nomi-u: min(1px, calc(100cqi / 670));
--u: var(--dani-nomi-u);
margin: 0 auto;
}
:where(.dani-nomi-section) :where(h2, h3, p) {
margin: 0;
padding: 0;
}
:where(.dani-nomi-section) img {
display: block;
max-width: 100%;
height: auto;
} .dani-nomi-head {
position: relative;
margin-top: calc(var(--u) * 50); padding-left: calc(var(--u) * 180);
background: repeating-linear-gradient(135deg, #3b8a58 0 calc(var(--u) * 4), #33804f calc(var(--u) * 4) calc(var(--u) * 8));
border-radius: calc(var(--u) * 10) calc(var(--u) * 10) 0 0;
}
.dani-nomi-head-title {
color: #fff;
font-size: max(18px, calc(var(--u) * 38));
font-weight: 900;
line-height: max(44px, calc(var(--u) * 80));
letter-spacing: 0.04em;
white-space: nowrap;
}
.dani-nomi-head-title span {
font-size: 0.75em;
}
.dani-nomi-head-woman {
position: absolute;
bottom: 0;
left: calc(var(--u) * 46);
width: calc(var(--u) * 116);
}
.dani-nomi-head-mark {
position: absolute;
top: calc(var(--u) * -40);
left: calc(var(--u) * 10);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--u) * 56);
height: calc(var(--u) * 56);
border-radius: 50%;
background: #e8504a;
color: #fff;
font-family: Arial, "Helvetica Neue", sans-serif;
font-size: calc(var(--u) * 38);
font-weight: 700;
line-height: 1;
transform: rotate(-12deg);
} .dani-nomi-body {
padding: calc(var(--u) * 22) calc(var(--u) * 22) calc(var(--u) * 28);
border-radius: 0 0 calc(var(--u) * 10) calc(var(--u) * 10);
background: #ddf1e7;
}
.dani-nomi-lead {
font-size: max(15px, calc(var(--u) * 28));
font-weight: 900;
line-height: 1.5;
letter-spacing: 0.02em;
} .dani-nomi-box {
display: flex;
align-items: center;
gap: calc(var(--u) * 16);
margin-top: calc(var(--u) * 14);
padding: calc(var(--u) * 20) calc(var(--u) * 20) calc(var(--u) * 20) calc(var(--u) * 24);
background: #fff;
}
.dani-nomi-box-text {
flex: 1 1 auto;
min-width: 0;
font-size: max(13px, calc(var(--u) * 19));
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.03em;
}
.dani-nomi-box-text em {
color: #e8504a;
font-style: normal;
}
.dani-nomi-box-img {
flex: 0 0 calc(var(--u) * 190);
width: calc(var(--u) * 190);
margin: calc(var(--u) * -40) calc(var(--u) * -6) calc(var(--u) * -6) 0; border: calc(var(--u) * 6) solid #fff;
box-shadow: 0 calc(var(--u) * 3) calc(var(--u) * 10) rgba(0, 0, 0, 0.18);
transform: rotate(4deg);
} .dani-nomi-arrow {
width: calc(var(--u) * 170);
height: calc(var(--u) * 24);
margin: calc(var(--u) * 18) auto;
background: #3b8a58;
clip-path: polygon(0 0, 100% 0, 50% 100%);
} .dani-nomi-consult {
position: relative;
min-height: calc(var(--u) * 100);
padding: calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 150);
background: #fff;
}
.dani-nomi-consult-staff {
position: absolute;
bottom: 0;
left: 0;
width: calc(var(--u) * 120);
}
.dani-nomi-consult-text {
font-size: max(12px, calc(var(--u) * 20));
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.03em;
}
.dani-nomi-consult-catch {
position: relative;
display: inline-block;
margin-top: calc(var(--u) * 2);
padding: 0 calc(var(--u) * 30);
color: #e8504a;
font-size: max(17px, calc(var(--u) * 32));
font-weight: 900;
line-height: 1.4;
letter-spacing: 0.03em;
white-space: nowrap;
} .dani-nomi-consult-catch::before,
.dani-nomi-consult-catch::after {
content: "";
position: absolute;
top: 50%;
width: calc(var(--u) * 22);
height: calc(var(--u) * 28);
background: #f5c400;
clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
transform: translateY(-50%);
}
.dani-nomi-consult-catch::before {
left: 0;
}
.dani-nomi-consult-catch::after {
right: 0;
} @container (max-width: 480px) {
.dani-nomi-box {
flex-direction: column;
align-items: stretch;
}
.dani-nomi-box-img {
flex: none;
width: 55%;
margin: calc(var(--u) * 16) auto calc(var(--u) * 4);
transform: rotate(2deg);
}
.dani-nomi-consult-catch {
padding: 0 calc(var(--u) * 26);
}
}
.nezumi1 .measures-add__box-body {
font-size: 2.4rem !important;
}
@media screen and (min-width:768px) {
.nezummi1 .area-sec__compatible-types-title {
font-size: 30px;
}
.nezumi1 .area-sec__compatible-types-txt {
font-size: 20px;
}
.nezumi1 .result-sec__list-detail-title {
top: -30px !important;
font-size: 23px;
width: 180px;
height: 36px;
}
.nezumi1 .result-sec__list-img-box {
height: 520px !important;
}
.nezumi1 .result-sec__list-img-box img {
aspect-ratio: 760 / 760 !important;
}
.nezumi1 .result-sec__list-txt {
font-size: 20px !important;
}
.nezumi1 .result-sec__list-detail-txt p {
font-size: 18px !important;
}
} @media screen and (max-width: 767px) {
.nezumi1 #measures.measures-sec.u_pc,
.nezumi1 #measures .measures-img-wrap.u_pc,
.nezumi1 #measures .measures-add {
display: block !important;
}
.nezumi1 #measures > :not(.measures-img-wrap),
.nezumi1 #measures .measures-img-wrap > :not(.measures-add),
.nezumi1 #measures .measures-add > :not(.mouse-example-section) {
display: none !important;
}
.measures-img-wrap::before {
display: none;
}
}
@media screen and (max-width: 767px) { .nezumi1 .dani-nomi-inner {
padding: 30px 20px;
} .nezumi1 .dani-nomi-head {
padding-left: calc(var(--u) * 170);
}
.nezumi1 .dani-nomi-head-title {
font-size: 17px;
} }
@media screen and (min-width: 768px) {
.nezumi1 .c-ttitle-1--min,
.nezumi1 .l-main .c-ttitle-1,
.nezumi1 .l-main .c-ttitle-1--min {
font-size: 4.8rem;
line-height: 1.66667;
letter-spacing: 0.116667em;
}
.area-sec .c-ttitle-1--min {
font-size: 4.8rem !important;
}
}  .flow-sec__list-title:has(br) .flow-sec__list-title-txt {
line-height: 1.5;
padding: .2em 0 .3em;
}
@media screen and (max-width: 767px) {
.flow-sec__list-title:has(br) .flow-sec__list-title-txt {
font-size: calc(5.2 * var(--vw));
letter-spacing: .06em;
}
} .hg-guide .hg-tbl--vs tbody th {
background: #fff1e4;
color: #25352d;
box-shadow: inset 4px 0 0 #f77f4c;
padding-left: 16px;
}
@media (max-width: 767px) {
.hg-guide .hg-tbl--vs tbody th {
padding: 2.2vw 2.5vw 2.2vw 4.2vw;
font-size: clamp(14px, 4vw, 17px);
letter-spacing: .04em;
}
.hg-guide .hg-tbl--vs tbody tr + tr th {
margin-top: 3vw;
}
} .hg-guide .hg-guide__head .hg-guide__eyebrow {
margin: 0 0 .4em;
}
.hg-guide .hg-guide__head .hg-guide__lead {
font-size: 26px;
font-weight: 700;
line-height: 1.6;
letter-spacing: .04em;
margin: 0 0 18px;
}
.hg-guide .hg-guide__lead span {
display: inline-block;
}
@media (max-width: 767px) {
.hg-guide .hg-guide__head .hg-guide__lead {
font-size: clamp(15px, 4.6vw, 19px);
letter-spacing: .02em;
margin-bottom: 4vw;
}
}
@media (max-width: 767px) { .hg-guide .hg-guide__head h2.hg-guide__eyebrow {
font-size: min(32px, 8.4vw) !important;
}
} .hg-guide { counter-reset: hgcard; }
.hg-guide .hg-card { counter-increment: hgcard; }
.hg-guide .hg-card__title {
position: relative;
align-items: center;
gap: 18px;
padding: 22px clamp(96px, 10vw, 120px) 22px 28px;
overflow: hidden;
}
.hg-guide .hg-card__title svg {
box-sizing: content-box;
width: 26px;
height: 26px;
padding: 13px;
margin: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .14);
flex: 0 0 auto;
}
.hg-guide .hg-card__title > span {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.hg-guide .hg-card__title-main,
.hg-guide .hg-card__title-sub {
display: block;
word-break: keep-all;
overflow-wrap: anywhere;
}
.hg-guide .hg-card__title-main {
font-size: clamp(24px, 2.4vw, 30px);
font-weight: 700;
line-height: 1.4;
letter-spacing: .02em;
}
.hg-guide .hg-card__title-sub {
font-size: clamp(15px, 1.4vw, 18px);
font-weight: 500;
line-height: 1.5;
letter-spacing: .03em;
color: rgba(255, 255, 255, .82);
}
.hg-guide .hg-card__title::after {
content: counter(hgcard, decimal-leading-zero);
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
font: 800 clamp(54px, 5.4vw, 72px)/1 "Helvetica Neue", Arial, sans-serif;
letter-spacing: .02em;
color: rgba(255, 255, 255, .12);
pointer-events: none;
}
@media (max-width: 767px) {
.hg-guide .hg-card__title {
align-items: flex-start;
gap: 10px;
padding: 4.5vw 4.5vw 4.5vw 4vw;
}
.hg-guide .hg-card__title svg {
width: 18px;
height: 18px;
padding: 7px;
margin-top: 1px;
}
.hg-guide .hg-card__title > span {
gap: 4px;
}
.hg-guide .hg-card__title-main {
font-size: clamp(17px, 5.1vw, 20px);
line-height: 1.45;
}
.hg-guide .hg-card__title-sub {
font-size: clamp(13px, 3.7vw, 15px);
}
.hg-guide .hg-card__title::after {
content: none;
}
} @media (max-width: 767px) {
.hg-guide .hg-tbl--cards,
.hg-guide .hg-tbl--cards tbody { display: block; width: 100%; }
.hg-guide .hg-tbl--cards tr { width: auto; max-width: 100%; box-sizing: border-box; }
.hg-guide .hg-tbl--cards th {
white-space: normal !important;
width: auto !important;
max-width: 100%;
box-sizing: border-box;
overflow-wrap: anywhere;
line-height: 1.5;
}
}