:root{--kr-teal:#87c8cd;--kr-cyan:#23b7c5;--kr-gray:#646464;--kr-pink:#f7e7ec;--kr-yellow:#f7fcd6;--kr-header-height:97px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--kr-header-height) + 20px)}
body{overflow-x:clip;overflow-y:visible;padding-top:var(--kr-header-height)}
body.admin-bar #header{top:32px}
body.admin-bar #konno-navigation{top:calc(var(--kr-header-height) + 32px);max-height:calc(100dvh - var(--kr-header-height) - 32px)}
body #header.konno-header{height:var(--kr-header-height);z-index:1000;background:#fff}
body #header.konno-header .header__inner{padding:0 24px 0 18px}
#header.konno-header #logo{margin:0;flex:0 0 auto}
#header.konno-header #logo a{height:auto;line-height:0}
#header.konno-header #logo img{width:56px;height:50px;object-fit:contain}
.konno-header-actions{display:flex;align-items:center;gap:20px}
.konno-reserve{display:block;padding:17px 13px;border:0;border-radius:6px;background:url('../images/top/top_goyoyaku_bg.svg') center/cover no-repeat;color:#fff;font-size:12.5px;font-weight:600;line-height:1.5;text-align:left}
.konno-reserve:hover{color:#fff;opacity:.7;text-decoration:none}
#konno-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:66px;min-height:80px;padding:8px 0;background:transparent;border:0;color:var(--kr-gray);cursor:pointer;font:inherit}
.konno-toggle-lines{width:64px;height:32px;display:flex;flex-direction:column;justify-content:space-between}
.konno-toggle-lines i{display:block;height:4px;width:100%;background:var(--kr-teal);border-radius:3px;transition:transform .2s}
.konno-toggle-label{font-size:14px;font-weight:700;letter-spacing:.3em;line-height:1;margin-left:.3em}
#konno-menu-toggle[aria-expanded=true] .konno-toggle-lines i:first-child{transform:translateY(14px) rotate(23deg)}
#konno-menu-toggle[aria-expanded=true] .konno-toggle-lines i:nth-child(2){opacity:0}
#konno-menu-toggle[aria-expanded=true] .konno-toggle-lines i:last-child{transform:translateY(-14px) rotate(-23deg)}
#konno-menu-toggle[aria-expanded=true] .konno-toggle-label{visibility:hidden}
.konno-menu-open #header.konno-header{background:#fffff1}
#konno-navigation{position:fixed;inset:var(--kr-header-height) 0 auto;max-height:calc(100dvh - var(--kr-header-height));z-index:999;background:#fffff1;overflow:auto;padding:48px 40px 56px}
#konno-navigation[hidden]{display:none!important}
/* Intrinsic link widths keep focus rings clear; two columns are the tablet default. */
#konno-navigation .konno-menu{max-width:940px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:40px;row-gap:22px;background:linear-gradient(var(--kr-teal),var(--kr-teal)) center/1px 100% no-repeat}
#konno-navigation li{position:relative;margin:0;padding:0 0 0 30px;min-width:0}
#konno-navigation li:not(:first-child)::before{content:'';display:none;position:absolute;left:0;top:0;width:1px;background:var(--kr-teal)}
#konno-navigation li:first-child{padding:0;border:0}
#konno-navigation a{display:block;width:fit-content;max-width:100%;font-size:18px;line-height:1.8;color:var(--kr-gray);font-weight:700;white-space:nowrap;overflow-wrap:normal}
#konno-navigation li:not(:first-child)>a{position:relative;padding-left:.8em}
#konno-navigation li:not(:first-child)>a::before{content:'・';position:absolute;left:0;top:0}
.konno-menu-open{position:fixed;width:100%;overflow:hidden}
.konno-skip-link{position:fixed;top:-80px;left:10px;z-index:1100;background:#fff;color:#165e66;padding:12px}
.konno-skip-link:focus{top:10px}
a:focus-visible,button:focus-visible{outline:3px solid #18626a;outline-offset:5px}
.breadcrumb-area{margin-top:0!important;border:0}
.breadcrumb-area .wrap{max-width:none;padding:10px 8px 11px}
body.home .kv{margin-top:0}
#konno-content-start{height:0}
.kr-page,.kr-about,.kr-post-section,.kr-top-recruit{font-size:20px;line-height:1.75;color:var(--kr-gray)}
.kr-page{letter-spacing:.052em;font-weight:400}
.kr-page h1,.kr-page h2,.kr-page h3,.kr-page h4,.kr-about h2,.kr-about h3{color:var(--kr-gray)}
.kr-page p,.kr-about p{margin:0 0 1em}
.kr-container{width:min(1002px,calc(100% - 48px));margin:0 auto}
.kr-hero{padding:26px 23px 23px;background:var(--kr-teal)}
.kr-hero img{display:block;width:100%;height:clamp(260px,38.5vw,526px);object-fit:cover;border-radius:42px}
.kr-hero-frame{position:relative;height:clamp(260px,38.5vw,526px);overflow:hidden;border-radius:42px}
.kr-hero-frame img{position:absolute;max-width:none;height:auto;border-radius:0}
.kr-hero--recruit img{width:111.31%;left:-2.31%;top:-.62%}
.kr-hero--itero img{width:110.14%;left:-5.68%;top:-24.03%}
.kr-hero--hydrogen img{width:100.1%;left:-.08%;top:-15.8%}
.kr-page-heading,.kr-section-heading{padding:75px 40px;text-align:center;background:#fff;scroll-margin-top:var(--kr-header-height)}
.kr-page-heading h1,.kr-section-heading h2{margin:0;font-size:28px;line-height:1.6;font-weight:500;letter-spacing:.12em}
.kr-page-heading h1>span,.kr-section-heading h2>span{position:relative;isolation:isolate;display:inline-block;padding:0 20px}
.kr-page-heading h1>span::before,.kr-section-heading h2>span::before{content:'';position:absolute;inset:auto 0 5px;height:20px;background:#8cc81e;opacity:.6;border-radius:4px;z-index:-1}
.kr-mobile-break,.kr-mobile-only{display:none}
.kr-intro{background:var(--kr-pink);padding:116px 0 42px;min-height:499px}
.kr-intro-grid{display:grid;grid-template-columns:1.222fr 1fr;gap:48px;align-items:start;width:min(1008px,calc(100% - 48px))}
.kr-intro h2{font-size:24px;line-height:1.5;letter-spacing:.052em;margin:8px 0 16px;font-weight:500}
.kr-intro p{font-size:20px;line-height:1.75;margin:0}
.kr-intro--itero p{text-align:justify;letter-spacing:.01em}
.kr-intro--itero p .kr-desktop-break{display:none}
.kr-intro-grid>img{width:100%;height:265px;object-fit:cover}
.kr-intro--itero .kr-intro-grid>img{object-fit:cover;object-position:center 3%;background:#fff}
.kr-intro-emphasis{display:inline-block;margin-inline:.3em}
/* Whole-pixel tiles keep fine diagonal lines from drifting between pixel rows. */
.kr-intro--hydrogen,.kr-diagonal-pink,.kr-diagonal-yellow,.kr-anchors--about{background-size:28px 28px;background-repeat:repeat}
.kr-intro--hydrogen{background-color:#d1edf0;background-image:url('images/stripe-teal.svg?v=20261029')}
.kr-diagonal-pink{background-color:var(--kr-pink);background-image:url('images/stripe-pink.svg')}
.kr-diagonal-yellow{background-color:var(--kr-yellow);background-image:url('images/stripe-yellow.svg')}
.kr-page--itero-lumina .kr-diagonal-yellow{background-image:url('images/stripe-pale-yellow.svg')}
.kr-anchors{background:#d1edf0;padding:77px 24px 80px}
.kr-anchors--blue{background:#d1e6ff}
.kr-anchors--about{background-color:#d1e6ff;background-image:url('images/stripe-blue.svg');background-size:28px 28px}
.kr-anchors--yellow{background:var(--kr-yellow)}
.kr-anchors ul{list-style:none;max-width:1088px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 47.5px}
.kr-anchors--four li:last-child{grid-column:2}
.kr-anchors a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:134.5px;border-radius:20px;background:var(--kr-teal);padding:28px 10px 30px;color:#fff;font-size:20px;font-weight:500;text-align:center;line-height:32px;letter-spacing:normal}
.kr-anchors a:hover{background:#69bcc4;text-decoration:none}
.kr-anchor-label{display:flex;flex-direction:column;justify-content:center;min-height:66px}
.kr-anchor-arrow{position:absolute;bottom:18px;left:calc(50% - 9.64px);width:19.28px;height:9.64px;background:#02b1bb;clip-path:polygon(0 0,50% 53.63%,100% 0,99.74% 45.48%,50% 100%,.26% 45.48%)}
.kr-section{padding:80px 0}
.kr-numbered{display:grid;gap:41px}
.kr-numbered--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}
.kr-number-card{position:relative;background:#fff;border:4px solid var(--kr-teal);border-radius:20px;padding:34px 56px 42px;margin:0;min-width:0}
.kr-number{position:absolute;top:-2px;left:-2px;width:106px;height:106px;border-radius:15px 0 46px 0;background:var(--kr-teal);display:flex;align-items:center;justify-content:center;padding:0 10px 2px 0;color:#fff;font-weight:500;font-size:28px;line-height:1.4}
.kr-number-card h3{font-size:26px;font-weight:700;letter-spacing:.121em;line-height:1.75;text-align:center;margin:0 0 27px;min-height:46px}
.kr-number-card p{margin:0;font-size:20px;line-height:1.75}
.kr-numbered--two .kr-number-card{padding:30px 32px 40px;min-height:328px}
.kr-numbered--two h3{margin:0 0 27px 90px;min-height:91px;text-align:left;font-size:26px;letter-spacing:.052em}
.kr-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:58px}
.kr-photo-grid img{display:block;width:100%;aspect-ratio:490/303;object-fit:cover}
/* Match the delivered photo clipping windows, including the lounge's lower crop. */
.kr-photo-grid img:nth-child(1),.kr-photo-grid img:nth-child(3){object-position:left top}
.kr-photo-grid img:nth-child(2){object-position:center bottom}
.kr-photo-grid img:nth-child(4){object-position:center 78%}
.kr-page--itero-lumina .kr-section{padding:90px 0}
.kr-page--itero-lumina .kr-use-grid{row-gap:28px;padding-bottom:40px}
.kr-voices{background:var(--kr-teal);padding:90px 0}
.kr-voice{background:#fff;border-radius:18px;padding:64px 60px 42px;margin-bottom:38px;min-height:600px}
.kr-voice:last-child{margin-bottom:0}
.kr-voice-heading{display:flex;align-items:center;gap:52px;margin:0 38px 35px}
.kr-voice-heading img{width:144px;height:144px;object-fit:cover;border-radius:50%;flex-shrink:0}
.kr-voice h3{font-size:26px;line-height:1.75;letter-spacing:.121em;margin:0 0 18px;font-weight:700}
.kr-voice-heading p{font-size:16px;font-weight:700;margin:0;letter-spacing:.121em}
.kr-voice>p{font-size:20px;line-height:1.75;margin:0}
.kr-page--recruit .kr-voice>p,.kr-page--recruit .kr-numbered>.kr-number-card>p{text-align:justify;text-justify:inter-character;text-align-last:left}
.kr-page--recruit .kr-voice>p .kr-desktop-break,.kr-page--recruit .kr-numbered>.kr-number-card>p .kr-desktop-break{display:none}
/* Keep all four paragraphs on the same right edge as the approved third item. */
.kr-page--recruit .kr-numbered>.kr-number-card>p{max-width:850px}
.kr-benefits{background:var(--kr-pink);padding:67px 0}
.kr-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 18px}
.kr-benefits li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:186px;padding:20px 4px;background:#02b1bb;border-radius:20px;text-align:center;color:#fff}
.kr-benefits strong{display:block;font-size:24px;color:inherit;font-weight:500;line-height:1.75;letter-spacing:.052em}
.kr-benefits small{position:absolute;bottom:20px;left:6px;right:6px;font-size:10px;line-height:1.6;color:inherit}
.kr-jobs{background:var(--kr-yellow);padding:122px 0 98px}
.kr-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:164px;padding:30px 28px;border-radius:28px;background:var(--kr-cyan);text-align:center;color:#fff}
.kr-cta:hover{color:#fff;background:#1b9daa;text-decoration:none}
.kr-cta span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;line-height:1.8}
.kr-cta>span::before,.kr-cta>span::after{content:'';display:block;flex:0 0 1px;width:1px;height:40px;background:currentColor}
.kr-cta>span::before{transform:rotate(-43deg);margin-right:4px}
.kr-cta>span::after{transform:rotate(43deg);margin-left:4px}
.kr-cta strong{font-size:28px;line-height:1.6;font-weight:700;letter-spacing:.121em}
.kr-top-recruit{padding:90px 0 100px}
.kr-post-section{padding:90px 24px;background:#d2edf0}
.kr-post-section--news{background:#fff8b7}
.kr-post-panel{max-width:1118px;background:#fff;border-radius:58px;margin:0 auto;padding:32px 54px 54px}
.kr-post-panel h2{font-size:34px;font-weight:700;letter-spacing:.3em;margin:0 0 42px;text-align:center;color:var(--kr-gray)}
.kr-post-panel ul{list-style:none;margin:0;padding:0;border-top:1px solid #999}
.kr-post-panel li{border-bottom:1px solid #999}
.kr-post-panel li a{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:8px 24px;color:var(--kr-gray);font-size:20px;line-height:1.5}
.kr-post-panel time{color:var(--kr-teal);font-weight:700}
.kr-view-all{display:block;text-align:right;font-size:17px;letter-spacing:.12em;color:var(--kr-gray);margin-top:16px}
.kr-empty{padding:14px 24px;font-size:17px}
.kr-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;border:4px solid var(--kr-teal);border-radius:20px;padding:28px 132px 46px}
.kr-use-grid>div{text-align:center;min-width:0}
.kr-use-grid img{display:block;width:134px;height:125px;object-fit:contain;margin:0 auto 16px}
.kr-use-grid h3{background:#56bcc3;color:#fff;font-size:20px;padding:5px 4px;border-radius:5px;white-space:nowrap;line-height:1.5;font-weight:500;letter-spacing:.052em;margin:0}
.kr-lead{font-size:24px;font-weight:700;line-height:1.75;max-width:890px;margin:0 auto 44px!important;text-align:left}
.kr-recommend{padding:20px 66px 13px;margin-bottom:39px;min-height:460px}
.kr-recommend h3{margin:0 65px;font-size:26px;line-height:1.3;letter-spacing:0;text-align:center}
.kr-recommend small{display:block;font-size:18px;letter-spacing:.052em;line-height:1.5}
.kr-recommend-icon{display:block;width:110px;height:110px;object-fit:contain;margin:12px auto}
.kr-recommend h4{display:inline-block;margin:28px 0 18px;background:#89a9c8;border-radius:6px;padding:3px 32px;color:#fff;font-size:20px;line-height:1.5;letter-spacing:.052em}
.kr-recommend:nth-of-type(2) h4{background:#b09b75}
.kr-recommend:nth-of-type(3) h4{background:#fbd3e2;color:var(--kr-gray)}
.kr-hydrogen-note{max-width:905px;margin:58px auto 8px!important;font-size:24px;font-weight:700;line-height:1.75;text-align:left;letter-spacing:.052em}
.kr-small{max-width:905px;margin-inline:auto!important;font-size:16px!important;font-weight:700;text-align:left;letter-spacing:0}
.kr-hydrogen-note .kr-desktop-break{display:none}
.kr-hydrogen-features{background:var(--kr-teal);color:#fff}
.kr-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.kr-feature-grid h3{position:relative;display:flex;align-items:center;justify-content:center;min-height:62px;font-size:22px;font-weight:600;text-align:center;text-wrap:balance;margin:26px 0 42px;color:#fff;line-height:1.4;letter-spacing:0}
.kr-feature-grid h3::after{content:'';position:absolute;left:0;right:0;bottom:-24px;height:1px;background:#fff}
.kr-feature-photo{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:18px}
.kr-feature-photo img{position:absolute;max-width:none;height:auto;aspect-ratio:var(--photo-ratio,3/2)}
.kr-feature-photo--relax,.kr-feature-photo--watch{--photo-ratio:1672/941}
.kr-feature-photo--relax img{width:169.85%;left:-61.5%;top:0}
.kr-feature-photo--treatment img{width:165.27%;left:-44.06%;top:-10.34%}
.kr-feature-photo--watch img{width:143.05%;left:-34.69%;top:0}
.kr-feature-grid p{font-size:20px;line-height:1.75;margin-top:0;text-align:justify;letter-spacing:.01em}
.kr-feature-grid p .kr-desktop-break{display:none}
.kr-flow{padding:52px 40px 44px;border:4px solid var(--kr-teal);border-radius:20px;min-height:244px}
.kr-flow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.kr-flow li{position:relative;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}
.kr-flow li:not(:last-child)::after{content:'';position:absolute;right:-20px;top:50%;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #edb3c1}
.kr-flow li>span{display:inline-block;font-size:24px;letter-spacing:.052em;color:#fff;background:var(--kr-teal);border-radius:5px;padding:0 12px;font-weight:500;margin:0 0 20px}
.kr-flow img{display:block;width:110px;height:118px;object-fit:contain;margin:30px auto 16px}
.kr-flow h3{font-size:25px;font-weight:700;line-height:1.36;margin:0;min-height:68px;display:flex;flex-direction:column;justify-content:center;letter-spacing:.052em}
.kr-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kr-prices>div{display:grid;grid-template-rows:121px 146px 150px;text-align:center;border-radius:20px;overflow:hidden;background:#fff;border:4px solid #f7d3e0}
.kr-prices>div:nth-child(2){border-color:var(--kr-teal)}
.kr-prices>div:nth-child(3){border-color:#f7f4bf}
.kr-prices h3{background:#f7d3e0;color:var(--kr-gray);padding:20px 12px;margin:0;font-size:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.4;letter-spacing:.052em;font-weight:500}
.kr-prices h3 small{font-size:21px;line-height:1.4}
.kr-prices>div:nth-child(2) h3{background:var(--kr-teal);color:#fff}
.kr-prices>div:nth-child(3) h3{background:#f7f4bf;color:var(--kr-gray)}
.kr-page .kr-prices p{display:flex;align-items:center;justify-content:center;font-size:35px;font-weight:700;letter-spacing:.052em;padding:20px 10px;margin:0}
.kr-prices>div>div{border-top:4px solid #f7d3e0;padding:22px 10px;font-size:20px;line-height:1.8;min-height:130px;letter-spacing:.03em}
.kr-prices>div:nth-child(2)>div{border-color:var(--kr-teal)}
.kr-prices>div:nth-child(3)>div{display:flex;align-items:center;justify-content:center;border-color:#f7f4bf}
.kr-price-unavailable{display:block;width:50px;height:2px;background:var(--kr-gray)}
.kr-prices strong{display:block;font-size:35px;letter-spacing:.052em}
.kr-cannula{text-align:left;font-size:18px;font-weight:700;margin:16px 14px 0!important;letter-spacing:.052em}
.kr-faq{background:#d1edf0;padding:111px 0}
.kr-faq-item{background:#fff;border-radius:76px;padding:46px 66px 31px;margin-bottom:26px;min-height:236px}
.kr-faq-item:last-child{margin:0}
.kr-faq-item h3,.kr-faq-item p{display:flex;gap:22px;font-size:22px;line-height:1.75;color:#646464;margin:0;font-weight:700;letter-spacing:.121em}
.kr-faq-item p{color:var(--kr-gray)}
.kr-faq-item h3{margin-bottom:5px}
.kr-faq-item span{flex-shrink:0}
.kr-reservation{background:#fff;text-align:center;padding:85px 0}
.kr-reservation p{font-size:26px;font-weight:700;line-height:1.75;margin-bottom:34px;letter-spacing:.1em}
.kr-reservation .kr-cta strong{font-size:26px}
.kr-reservation .kr-reservation-phone{display:block;font-size:40px;line-height:1.5;letter-spacing:.1em}
.kr-page--suisobar .kr-reservation{padding:90px 0 114px}
.kr-equipment-section{padding:56px 0;background:var(--kr-pink)}
.kr-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;font-size:20px;text-align:center}
.kr-equipment h3{font-size:26px;font-weight:700;line-height:1.6;min-height:84px;margin:14px 0 12px}
.kr-equipment-photo{position:relative;aspect-ratio:490/302;overflow:hidden;background:#fff}
.kr-equipment-photo img{position:absolute;max-width:none;height:auto}
.kr-equipment-photo--itero img{aspect-ratio:960/1159}
.kr-equipment-photo--hydrogen img{aspect-ratio:4/3}
.kr-equipment-photo--itero img{width:100%;left:0;top:-3.3%}
.kr-equipment-photo--hydrogen img{width:124.85%;left:-23.55%;top:-25.05%}
.kr-equipment p{font-size:20px;line-height:1.8}
.kr-small-button{display:inline-block;padding:10px 55px;border-radius:7px;background:var(--kr-teal);color:#fff;font-weight:700;line-height:1.6}
.kr-about .article-header{text-align:center;font-size:16px;line-height:1.6}
.page-template-default .kr-about .sec-page--thought__contents .content h3{font-size:23px;font-weight:500;line-height:1.5;letter-spacing:.05em;color:#fff}
.kr-blog-intro{text-align:center;margin-bottom:50px}
.kr-blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 50px;padding-bottom:70px}
.kr-blog-card{border-bottom:1px solid var(--kr-teal);padding-bottom:24px;min-width:0}
.kr-blog-card img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:16px}
.kr-blog-card time{display:block;font-size:16px;color:#51959d}
.kr-blog-card h2{font-size:24px;font-weight:700;line-height:1.6;margin:10px 0 18px}
.kr-blog-card p{font-size:17px;line-height:1.8}
.kr-pagination{padding-bottom:100px;text-align:center}
.kr-pagination .page-numbers{display:inline-block;padding:8px 16px;background:#d2edf0;border-radius:4px;margin:4px}
.kr-pagination .current{background:#4e9ba1;color:#fff}
/* Reference artboard line breaks apply only where the full desktop column fits. */
.kr-desktop-break{display:none}
@media(min-width:1200px){
  .home .top-medical-contents .top-flex-contents,.home .top-medical-contents h3{max-width:1118px}
  .home .top-medical-contents h3{font-size:23px;padding:18px}
  .home .top-medical-contents .flex-content h4{font-size:23px}
  .home .top-news-contents .flexbox{max-width:1118px;gap:58px;padding-bottom:92px}
  .home .top-news-contents{padding-top:92px}
  .home section.top-time-space{height:173px}
  .home .top-news-contents>.inbox{width:1118px;max-width:calc(100% - 48px)}
  .home .top-news-contents>.inbox .txt02{font-size:23px;width:700px;max-width:700px;padding-right:24px;box-sizing:border-box}
  .home .top-news-contents>.inbox h2.top-time{position:relative!important;left:auto!important;right:auto!important;width:370px;max-width:370px}
  .home .top-news-contents>.inbox h2.top-time span{left:50%!important;right:auto!important;transform:translateX(-50%);font-size:28px;white-space:nowrap}
  .home .top-news-contents .flexbox .left{width:376px;flex-shrink:0}
  .home .top-news-contents .flexbox .right{width:calc(100% - 434px);font-size:23px;line-height:1.7}
  .home .top-news-contents .top-button-wrap{max-width:1118px;padding:63px 98px;border-radius:58px}
  .home .top-news-contents .inner00{max-width:1118px}
  .home .top-news-contents .top-button-wrap h3{font-size:38px}
  .home .top-news-contents .top-button-wrap p{font-size:21px;line-height:35px;max-width:657px}
  .home .top-news-contents .top-button-wrap h4{font-size:28px}
  .home .top-news-contents .top-button-wrap a.goyoyaku,.home .top-news-contents .top-button-wrap .top-button{font-size:32px;padding:17px;margin-bottom:40px}
  .home .top-button-wrap .tel-1,.home .top-button-wrap .tel-2{font-size:48px}
  .home .top-follow-contents{padding:89px 0 96px}
  .home .top-follow-contents .follow-wrap{max-width:1118px;min-height:403px;border-radius:56px;padding:55px 24px}
  .home .top-follow-contents .follow-wrap h2,.home .follow-icon-wrap>div h3{font-size:34px}
  .home .follow-text{font-size:21px;margin-bottom:46px}
  .home .follow-icon-wrap>div:nth-child(1){margin-right:138px}
  .home .follow-icon-wrap>div a{width:74px}
  .kr-top-recruit{padding-top:99px}
  .kr-post-panel{min-height:477px}
  #konno-navigation{padding:55px 40px 114px}
  #konno-navigation .konno-menu{max-width:1055px;margin-left:calc((100% - 1028px)/2);margin-right:0;grid-template-columns:94px 391px 380px 190px;grid-template-rows:repeat(4,auto);column-gap:0;row-gap:24px;background:none}
  #konno-navigation li{padding-left:36px}
  #konno-navigation a{letter-spacing:.1em}
  #konno-navigation li::before{display:none}
  #konno-navigation li:nth-child(2)::before,#konno-navigation li:nth-child(6)::before,#konno-navigation li:nth-child(10)::before{display:block;height:220px;bottom:auto}
  #konno-navigation li:first-child{grid-row:1/-1;padding:0}
  #konno-navigation li:first-child a{font-size:24px;line-height:1.35}
  .kr-desktop-break{display:initial}
  .kr-intro p,.kr-number-card p{letter-spacing:.035em}
  .kr-intro--itero p{letter-spacing:.01em}
  .kr-voice>p{letter-spacing:.025em}
  .kr-feature-grid{width:min(1052px,calc(100% - 48px));column-gap:3%}
  .kr-feature-grid h3{font-size:24px;min-height:2.8em}
  .kr-feature-grid>article:first-child h3{white-space:nowrap;letter-spacing:-.025em}
  .kr-feature-grid p{margin-bottom:0}
  .kr-hydrogen-features{padding-bottom:68px}
  .kr-page--suisobar .kr-diagonal-pink.kr-section{padding-bottom:76px}
  .kr-page--suisobar .kr-small{margin-bottom:0}
  .kr-page--suisobar .kr-reservation{padding-bottom:108px}
  .kr-numbered--two .kr-number-card{padding-bottom:32px}
  #about.kr-about .top-rinen{padding:112px 45px 82px}
  #about.kr-about .top-rinen-Wbox{max-width:955px;gap:37px 25px}
  #about.kr-about .top-rinen-box{max-width:calc((100% - 50px)/3);height:170px;font-size:22px}
  #about.kr-about .top-rinen-box::before{width:60px;height:50px;font-size:24px}
  #about.kr-about #top-feature{padding:173px 45px 46px}
  #about.kr-about .top-flex-contents{max-width:1052px}
  #about.kr-about .top-flex-contents .flex-content{margin-bottom:47px}
  #about.kr-about .top-flex-contents .flex-content:nth-last-child(-n+3){margin-bottom:0}
  #about.kr-about .top-flex-contents .flex-content h4{font-size:24px;padding:27px 0;margin-bottom:28px;letter-spacing:.08em}
  #about.kr-about .top-flex-contents .flex-content h4.line2{padding:10px 0}
  #about.kr-about .top-flex-contents .flex-content p{font-size:20px;line-height:1.87}
  #about.kr-about #about-interior{padding:120px 45px 0}
  .page-template-default .kr-about .sec-page--feature__contents{max-width:1052px}
  .page-template-default .kr-about .sec-page--feature__contents .sec-feature-list li p{font-size:22px;line-height:1.7}
  .page-template-default .kr-about .sec-page--feature__contents .sec-feature-list li{margin-bottom:74px}
  .kr-equipment-section{padding-bottom:51px}
  .page-template-default .kr-about .sec-page--thought{padding:80px 0 87px}
  .page-template-default .kr-about .sec-page--thought__contents{max-width:1052px;padding-bottom:41px}
  .page-template-default .kr-about .sec-page--thought__contents .content p{font-size:22px;line-height:1.7}
  .page-template-default .kr-about .sec-page--thought__contents .content img{width:264px;margin-top:108px}
  .kr-about .sec-page--member{padding-bottom:0}
  .page-template-default .kr-about .sec-page--member__contents{max-width:1272px;padding:96px 40px 99px}
  .page-template-default .kr-about .sec-page--member__contents .content .col2{grid-template-columns:330fr 818fr;gap:44px}
  .page-template-default .kr-about .sec-page--member__contents .content .col2 h2{font-size:26px}
  .page-template-default .kr-about .sec-page--member__contents .content .col2 p{font-size:22px;line-height:1.96}
  #footer .footer-01{padding:48px 0 0}
  #footer .footer-01>.wrap{max-width:1144px;width:calc(100% - 80px)}
  #footer-list-area{max-width:none;display:grid;grid-template-columns:206px 303px minmax(0,1fr);gap:66px}
  #footer-list-area .footer-logo{width:206px;max-width:none;margin:auto 0}
  #footer-list-area .footer-adress{width:auto;margin:0;font-size:18px;line-height:29px}
  #footer-list-area .footer-nav{width:auto;display:grid;grid-template-columns:minmax(0,1fr) 185px;column-gap:24px}
  #footer-list-area .footer-nav .left{margin:0}
  #footer-list-area .footer-nav a{font-size:18px;line-height:29px;white-space:nowrap}
  #footer .footer-sns{right:0;bottom:32px;width:96px}
  #footer .footer-sns a:last-child{margin-right:0}
}
@media(min-width:1200px) and (max-width:1300px){
  #footer-list-area{gap:40px}
}
@media(max-width:1100px){
  #konno-navigation{padding:50px 28px}
  #konno-navigation li{padding-left:18px}
  #konno-navigation a{font-size:16px}
  .kr-use-grid{padding:40px 70px}
  .kr-benefits strong{font-size:18px}
}
@media(max-width:991px){
  :root{--kr-header-height:75px}
  .konno-reserve{font-size:12px;padding:8px 12px}
  .konno-header-actions{gap:18px}
  #konno-menu-toggle{width:48px;min-height:60px;gap:8px}
  .konno-toggle-lines{width:46px;height:26px}
  .konno-toggle-lines i{height:3px}
  .konno-toggle-label{font-size:11px}
  #konno-menu-toggle[aria-expanded=true] .konno-toggle-lines i:first-child{transform:translateY(11.5px) rotate(45deg)}
  #konno-menu-toggle[aria-expanded=true] .konno-toggle-lines i:last-child{transform:translateY(-11.5px) rotate(-45deg)}
  .kr-intro-grid{gap:30px}
  .kr-intro h2{font-size:20px}
  .kr-page p,.kr-intro p,.kr-number-card p,.kr-voice>p{font-size:18px}
  .kr-anchors ul{gap:24px}
  .kr-anchors a{padding:28px 8px 30px}
  .kr-use-grid{padding:35px 40px}
  .kr-use-grid h3{font-size:16px}
  .kr-benefits ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kr-flow{padding:28px 20px}
  .kr-flow img{width:90px;height:100px}
}
@media(max-width:782px){body.admin-bar #header{top:46px}body.admin-bar #konno-navigation{top:calc(var(--kr-header-height) + 46px);max-height:calc(100dvh - var(--kr-header-height) - 46px)}}
@media(min-width:768px) and (max-width:1000px){.kr-page-heading h1,.kr-section-heading h2{font-size:32px}}
@media(max-width:960px){.kr-anchors a{font-size:16px}}
@media(max-width:768px){.kr-anchors a{font-size:14px}}
@media(max-width:767px){
  body #header.konno-header .header__inner{padding:0 16px}
  #header.konno-header #logo img{width:43px;height:44px}
  .konno-header-actions{gap:14px}
  .konno-reserve{font-size:10px;padding:8px}
  #konno-navigation{padding:30px 24px 90px;bottom:0}
  #konno-navigation .konno-menu{display:flex;flex-direction:column;gap:0;background:none}
  #konno-navigation li,#konno-navigation li:first-child{border:0;border-bottom:1px solid #c6dada;padding:0}
  #konno-navigation li::before{display:none}
  #konno-navigation a{font-size:16px;padding:12px 0}
  #konno-navigation li:not(:first-child)>a::before{top:12px}
  .kr-container{width:calc(100% - 40px)}
  .kr-page{font-size:16px}
  .kr-hero{padding:14px}
  .kr-hero>img{height:240px;border-radius:24px}
  .kr-hero--recruit,.kr-hero--itero,.kr-hero--hydrogen{padding:20px}
  .kr-hero-frame{height:auto;aspect-ratio:2.51;border-radius:10px}
  .kr-hero-frame img{height:auto;border-radius:0}
  .kr-page-heading,.kr-section-heading{padding:30px 20px}
  .kr-page-heading h1,.kr-section-heading h2{font-size:20px;line-height:1.6;letter-spacing:.05em}
  .kr-page-heading h1>span,.kr-section-heading h2>span{padding:0;display:inline}
  .kr-page-heading h1>span::before,.kr-section-heading h2>span::before{height:12px;bottom:0}
  .kr-page-heading .kr-heading-lines::before,.kr-section-heading .kr-heading-lines::before{display:none}
  .kr-heading-lines{font-size:clamp(16px,5.13vw,20px)}
  .kr-heading-lines .kr-mobile-line{position:relative;isolation:isolate;display:inline;white-space:nowrap}
  .kr-heading-lines .kr-mobile-line::before{content:'';position:absolute;inset:auto 0 0;height:12px;border-radius:4px;background:#8cc81e;opacity:.6;z-index:-1}
  .kr-mobile-break{display:initial}
  .kr-mobile-only{display:inline}
  .kr-pc-break,.kr-pc-only{display:none}
  .kr-intro--hydrogen,.kr-diagonal-pink,.kr-diagonal-yellow,.kr-page--itero-lumina .kr-diagonal-yellow,.kr-anchors--about{background-image:linear-gradient(-45deg,var(--kr-stripe-base) 47%,var(--kr-stripe-line) 50%,var(--kr-stripe-base) 53%);background-size:20px 20px}
  .kr-intro--hydrogen{--kr-stripe-base:#d1edf0;--kr-stripe-line:#c3e5eb}
  .kr-diagonal-pink{--kr-stripe-base:#f7e7ec;--kr-stripe-line:#f7c6e0}
  .kr-diagonal-yellow{--kr-stripe-base:#f7fcd6;--kr-stripe-line:#fbe172}
  .kr-page--itero-lumina .kr-diagonal-yellow{--kr-stripe-line:#f7f5bd}
  .kr-anchors--about{--kr-stripe-base:#d1e6ff;--kr-stripe-line:#a2caef}
  .kr-intro{padding:50px 0}
  .kr-intro{min-height:0}
  .kr-intro-grid{width:calc(100% - 40px)}
  .kr-intro-grid{grid-template-columns:1fr;gap:30px}
  .kr-intro h2{font-size:19px}
  .kr-intro h2 .kr-mobile-line{white-space:nowrap;font-size:clamp(16px,4.88vw,19px)}
  .kr-page p,.kr-intro p,.kr-number-card p,.kr-voice>p{font-size:16px;line-height:1.9}
  .kr-intro-grid>img{height:auto;max-height:290px;aspect-ratio:1.65;object-fit:cover}
  .kr-intro--itero .kr-intro-grid>img{object-fit:cover;object-position:center 3%}
  .kr-anchors{padding:35px 20px}
  .kr-anchors ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
  .kr-anchors li{width:46%;margin:0 2% 4%}
  .kr-anchors a{height:90px;min-height:0;padding:0 4px;font-size:14px;line-height:1.3;border-radius:20px;justify-content:center}
  .kr-anchor-label{min-height:0;display:block;padding-bottom:20px}
  .kr-anchor-label .kr-pc-break{display:none}
  .kr-anchor-arrow{bottom:8px;left:calc(50% - 7px);width:14px;height:8px}
  .kr-section{padding:45px 0}
  .kr-page--itero-lumina .kr-section{padding:45px 0}
  .kr-numbered,.kr-numbered--two{grid-template-columns:1fr;gap:22px}
  .kr-number-card,.kr-numbered--two .kr-number-card{padding:24px 20px;border-width:3px;border-radius:16px}
  .kr-number-card,.kr-numbered--two .kr-number-card{min-height:0}
  .kr-number{width:60px;height:64px;border-radius:13px 0 28px 0;padding:0 6px 2px 0;font-size:24px}
  .kr-number-card h3,.kr-numbered--two h3{font-size:19px;margin:0 0 24px 52px;text-align:left;min-height:45px;letter-spacing:.03em}
  .kr-photo-grid{gap:12px;margin-top:30px}
  .kr-photo-grid img{aspect-ratio:1.15}
  .kr-voice{padding:30px 22px;margin-bottom:24px;min-height:0}
  .kr-voice-heading{gap:20px;margin:0 0 24px;align-items:center}
  .kr-voice-heading img{width:80px;height:80px}
  .kr-voice h3{font-size:16px;margin-bottom:12px;letter-spacing:0}
  .kr-voice h3 br{display:none}
  .kr-voice-heading p{font-size:12px}
  .kr-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .kr-benefits li{min-height:170px;border-radius:16px;padding:22px 6px}
  .kr-benefits strong{font-size:17px}
  .kr-benefits small{font-size:10px;bottom:14px}
  .kr-benefits li:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}
  .kr-cta{min-height:145px;padding:25px 18px;border-radius:22px;gap:14px}
  .kr-cta span{font-size:13px;gap:7px}
  .kr-cta>span::before,.kr-cta>span::after{height:25px}
  .kr-cta strong{font-size:clamp(16px,5.13vw,20px);letter-spacing:0}
  .kr-jobs{padding:55px 0}
  .kr-top-recruit{padding:55px 0}
  .kr-post-section{padding:45px 20px}
  .kr-post-panel{padding:25px 20px 30px;border-radius:30px}
  .kr-post-panel h2{font-size:26px;margin-bottom:25px}
  .kr-post-panel li a{grid-template-columns:1fr;gap:3px;padding:12px 4px;font-size:15px}
  .kr-view-all{font-size:14px}
  .kr-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;padding:28px 16px;border-width:3px}
  .kr-use-grid img{width:88px;height:94px;margin-bottom:15px}
  .kr-use-grid h3{font-size:12px;white-space:normal;min-height:48px;display:flex;align-items:center;justify-content:center}
  .kr-lead{font-size:18px;margin-bottom:28px!important}
  .kr-lead br{display:none}
  .kr-recommend h3{font-size:18px;margin-left:45px;margin-right:45px;text-align:center;min-height:55px}
  .kr-recommend small{font-size:12px}
  .kr-recommend-icon{width:80px;height:80px}
  .kr-recommend h4{font-size:16px;padding:3px 18px;margin:24px 0 12px}
  .kr-hydrogen-note{font-size:17px;margin-top:30px!important}
  .kr-small{font-size:11px!important}
  .kr-feature-grid{grid-template-columns:1fr;gap:30px}
  .kr-feature-grid h3{font-size:16px;min-height:0;margin-bottom:18px}
  .kr-feature-grid h3::after{bottom:-9px}
  .kr-feature-grid p{font-size:16px;margin:16px 0 0}
  .kr-flow{padding:25px 20px;border-width:3px}
  .kr-flow ol{grid-template-columns:1fr;gap:40px}
  .kr-flow li:not(:last-child)::after{top:auto;bottom:-27px;left:calc(50% - 12px);right:auto;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #edb3c1;border-bottom:0}
  .kr-flow img{width:90px;height:100px;margin:16px auto 12px}
  .kr-flow h3{font-size:18px}
  .kr-flow h3{min-height:0}
  .kr-prices{grid-template-columns:1fr;gap:24px}
  .kr-prices>div{grid-template-rows:100px 120px 1fr}
  .kr-prices h3{font-size:22px;padding:14px}
  .kr-prices h3 small{font-size:17px}
  .kr-page .kr-prices p{font-size:30px}
  .kr-cannula{font-size:13px!important;text-align:left}
  .kr-faq-item{padding:30px 24px;border-radius:40px;margin-bottom:22px}
  .kr-faq-item{min-height:0}
  .kr-faq-item h3,.kr-faq-item p{font-size:16px;line-height:1.9;gap:10px}
  .kr-reservation p{font-size:18px;margin-bottom:30px}
  .kr-reservation p br{display:none}
  .kr-page--suisobar .kr-reservation{padding:50px 0}
  .kr-reservation .kr-cta strong{font-size:18px}
  .kr-reservation .kr-reservation-phone{font-size:clamp(21px,6.4vw,26px);letter-spacing:.02em}
  .kr-equipment-section{padding:40px 0}
  .kr-equipment{grid-template-columns:1fr;gap:45px}
  .kr-equipment h3{font-size:22px;min-height:0;margin:14px 0 12px}
  .kr-equipment p{font-size:17px}
  .page-template-default .kr-about .sec-page--thought__contents .content h3{font-size:19px}
  .kr-blog-list{grid-template-columns:1fr;gap:35px;padding-bottom:40px}
  .kr-blog-card h2{font-size:21px}
}
@media(max-width:359px){
  #konno-navigation{padding-left:16px;padding-right:16px}
}
@media(min-width:501px) and (max-width:767px){.kr-anchors a{height:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.konno-toggle-lines i{transition:none}}
a[aria-disabled="true"]{cursor:default}
.kr-cta[aria-disabled="true"]:hover{opacity:1;background:var(--kr-cyan)}