.konohana-site {
  --kono-red:#ee5533;
  --kono-orange:#f90;
  --kono-gradient:linear-gradient(100deg,#ee5533,#e6bc74);
  margin:0;
  color:#333;
  background:#fff;
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;
  font-size:16px;
  line-height:1.7;
  overflow-wrap:anywhere
}
.konohana-site *,.konohana-site *::before,.konohana-site *::after {
  box-sizing:border-box
}
.konohana-site img {
  max-width:100%;
  height:auto;
  vertical-align:middle
}
.konohana-site a {
  color:inherit;
  text-decoration:none
}
.konohana-site button,.konohana-site summary {
  font:inherit
}
.konohana-site button {
  cursor:pointer
}
.konohana-site a:focus-visible,.konohana-site button:focus-visible,.konohana-site summary:focus-visible {
  outline:3px solid #a72d18;
  outline-offset:5px
}
.konohana-sr-only,.konohana-skip:not(:focus) {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap
}
.konohana-skip:focus {
  position:fixed;
  top:10px;
  left:10px;
  background:#fff;
  padding:8px;
  z-index:1000
}
.konohana-container {
  width:calc(100% - 60px);
  max-width:1110px;
  margin-inline:auto
}
.konohana-header {
  height:128px;
  border-top:10px solid transparent;
  border-image:var(--kono-gradient) 1;
  position:relative;
  z-index:20;
  background:#fff
}
.konohana-header-inner {
  height:118px;
  max-width:1170px;
  width:calc(100% - 120px);
  margin:auto;
  display:flex;
  align-items:center;
  gap:58px;
  padding-right:0
}
.konohana-logo {
  display:block;
  flex:none;
  width:225.495px
}
.konohana-catch {
  display:block;
  width:438.82px;
  height:27.1px;
  object-fit:contain;
  flex-shrink:1
}
.konohana-header-contact {
  margin-left:auto;
  flex:none;
  background:#fff6ea;
  height:118px;
  width:278px;
  margin-top:-10px;
  align-self:flex-start;
  text-align:center;
  padding:13px 8px 12px
}
.konohana-header-contact>a,.konohana-header-contact>span,.konohana-menu-contact>a,.konohana-menu-contact>span {
  font-size:14px;
  font-weight:700
}
.konohana-phone,.konohana-fax {
  font-family:"DIN 2014","Arial Narrow",Arial,sans-serif;
  color:var(--kono-red);
  line-height:1.1;
  margin:4px 0
}
.konohana-phone {
  font-size:34px
}
.konohana-fax {
  font-size:19px
}
.konohana-menu {
  position:absolute;
  right:0;
  top:23px;
  z-index:60
}
.konohana-menu>summary {
  width:62px;
  height:62px;
  display:grid;
  place-content:center;
  cursor:pointer;
  list-style:none;
  position:relative;
  z-index:62;
  background:#fff
}
.konohana-menu>summary::-webkit-details-marker {
  display:none
}
.konohana-menu-lines {
  width:26px;
  height:20px;
  display:block;
  border-top:1px solid var(--kono-red);
  border-bottom:1px solid var(--kono-red);
  position:relative
}
.konohana-menu-lines::before {
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:26px;
  border-top:1px solid var(--kono-red)
}
.konohana-menu[open] .konohana-menu-lines {
  border:0
}
.konohana-menu[open] .konohana-menu-lines::before,.konohana-menu[open] .konohana-menu-lines::after {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:26px;
  border-top:1px solid var(--kono-red);
  transform:rotate(45deg)
}
.konohana-menu[open] .konohana-menu-lines::after {
  transform:rotate(-45deg)
}
.konohana-menu-panel {
  position:fixed;
  right:0;
  top:0;
  width:491px;
  height:100dvh;
  overflow-y:auto;
  background:#fff;
  padding:80px 88px 50px 92px;
  z-index:61;
  box-shadow:-100vw 0 0 100vw #0009
}
.konohana-menu[open]>summary {
  position:fixed;
  top:33px;
  right:0
}
.konohana-menu-contact {
  text-align:center;
  background:#fff6ea;
  padding:13px 0 7px;
  width:278px;
  max-width:100%;
  margin:0 0 32px 15px;
  height:118px
}
.konohana-menu-primary,.konohana-menu-secondary {
  list-style:none;
  margin:0;
  padding:0
}
.konohana-menu-primary li {
  margin-bottom:19px;
  line-height:1.35
}
.konohana-menu-primary li>a,.konohana-menu-primary li>span {
  display:block
}
.konohana-menu-primary strong {
  display:block;
  color:var(--kono-red);
  font-family:"DIN 2014",Arial,sans-serif;
  font-size:32px;
  line-height:34.8px;
  font-weight:800;
  letter-spacing:.025em
}
.konohana-menu-primary strong+span {
  font-size:18px;
  font-weight:700;
  color:var(--kono-red)
}
.konohana-menu-secondary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 24px;
  margin-top:35px;
  font-size:14px;
  font-weight:700;
  color:var(--kono-red)
}
.konohana-menu-lock {
  overflow:hidden
}
.konohana-breadcrumb {
  background:#f0e1c5;
  font-size:12px;
  line-height:20px;
  min-height:46px;
  padding:13px 0
}
.konohana-breadcrumb .konohana-container {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap
}
.konohana-breadcrumb a {
  color:var(--kono-red)
}
.konohana-hubs {
  margin:110px 0 80px
}
.konohana-hubs h2 {
  font-size:36px;
  font-weight:700;
  color:var(--kono-red);
  text-align:center;
  line-height:1.5;
  margin:0 0 26px;
  display:flex;
  gap:35px;
  align-items:center
}
.konohana-hubs h2::before,.konohana-hubs h2::after {
  content:"";
  height:1px;
  background:#f0b090;
  flex:1
}
.konohana-hubs h2 span {
  flex:none
}
.konohana-hub-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px
}
.konohana-hub {
  position:relative;
  aspect-ratio:1;
  color:#fff!important;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-radius:4px;
  overflow:hidden;
  background:#777;
  text-align:center;
  line-height:1.3
}
.konohana-hub-photo {
  position:absolute;
  width:100%;
  height:100%!important;
  object-fit:cover;
  inset:0;
  z-index:0
}
.konohana-hub::after {
  content:"";
  position:absolute;
  inset:0;
  background:#333;
  opacity:0;
  transition:opacity .3s ease-out;
  pointer-events:none
}
.konohana-hub-en,.konohana-hub picture,.konohana-hub-ja {
  z-index:1;
  position:absolute
}
.konohana-hub-en {
  font-family:"DIN 2014",Arial,sans-serif;
  font-size:32px;
  line-height:34.8px;
  font-weight:800;
  letter-spacing:.025em;
  top:calc(50% - 81px);
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}
.konohana-hub--eat .konohana-hub-en {letter-spacing:normal}
.konohana-hub picture {top:calc(50% - 43px);left:50%;transform:translateX(-50%);line-height:0}
.konohana-hub-icon {
  width:96px;
  height:96px!important;
  display:block;
  margin:0
}
.konohana-hub-ja {
  font-size:18px;
  font-weight:700;
  line-height:23.4px;
  top:calc(50% + 63px);
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}
a.konohana-hub:is(:hover,:focus-within)::after {opacity:.5}
a.konohana-hub:focus-visible {outline:2px solid #ee5533;outline-offset:4px}
.konohana-footer {
  background:var(--kono-gradient);
  color:#fff;
  min-height:256px;
  padding:80px 0
}
.konohana-footer-main {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px
}
.konohana-footer-brand {
  display:flex;
  gap:30px;
  align-items:center
}
.konohana-footer-brand>img {
  width:159.809px
}
.konohana-footer-contact {
  font-size:12px;
  line-height:1.7
}
.konohana-footer-contact span {
  display:block
}
.konohana-parent-link {
  width:255px
}
.konohana-footer small {
  font-size:11px;
  display:block;
  grid-column:1/-1;
  margin-top:4px
}
.konohana-more {
  display:table;
  color:var(--kono-red)!important;
  border:1px solid #f90;
  border-radius:40px;
  min-width:165px;
  text-align:center;
  padding:10px 28px;
  font-size:16px;
  font-weight:700;
  line-height:26px;
  margin:28px auto 0
}
.konohana-more::after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:7px;
  height:12px;
  margin-left:17px;
  background:url(../images/konohana/arrow__right.svg) center/contain no-repeat
}
.konohana-more:is(a):hover {
  color:#fff!important;
  background:#ee5533
}
.konohana-section-heading {
  display:flex;
  align-items:center;
  gap:25px;
  font-family:"DIN 2014",Arial,sans-serif;
  font-size:48px;
  font-weight:800;
  color:var(--kono-red);
  text-align:center;
  line-height:1.2;
  margin:0 0 42px
}
.konohana-section-heading::before,.konohana-section-heading::after {
  content:"";
  height:1px;
  background:#f5b792;
  flex:1
}
@media(min-width:1600px) {
  .konohana-header-inner {
    max-width:1600px;
    justify-content:space-between
  }
  .konohana-header-contact {
    margin-left:0
  }
}
@media(min-width:601px) and (max-width:1150px) {
  .konohana-header-inner {
    width:calc(100% - 90px);
    gap:20px
  }
  .konohana-catch {
    width:30%
  }
  .konohana-header-contact {
    width:230px
  }
  .konohana-phone {
    font-size:27px
  }
  .konohana-logo {
    width:200px
  }
  .konohana-hubs h2 {
    font-size:28px
  }
  .konohana-hub-en {font-size:23px}
  .konohana-hub-en,.konohana-hub picture,.konohana-hub-ja {position:relative;top:auto;left:auto;transform:none}
  .konohana-hub-icon {width:64px;height:64px!important;margin:4px 0}
  .konohana-hub-ja {font-size:14px;line-height:20px}
}
@media(max-width:600px) {
  .konohana-container {
    width:calc(100% - 30px)
  }
  .konohana-header {
    height:139px
  }
  .konohana-header-inner {
    height:129px;
    width:100%;
    display:block;
    position:relative;
    padding:0
  }
  .konohana-logo {
    position:absolute;
    width:171.833px;
    height:67.938px;
    left:50%;
    top:11.062px;
    transform:translateX(-50%)
  }
  .konohana-catch {
    position:absolute;
    width:293px;
    height:18px;
    max-width:calc(100% - 40px);
    top:90.56px;
    left:50%;
    transform:translateX(-50%)
  }
  .konohana-header-contact {
    display:none
  }
  .konohana-menu {
    top:14px
  }
  .konohana-menu[open]>summary {
    top:24px
  }
  .konohana-menu-panel {
    width:100%;
    padding:86px 35px 60px;
    box-shadow:none
  }
  .konohana-menu-contact {
    margin:0 auto 22px
  }
  .konohana-menu-primary {
    margin-top:0
  }
  .konohana-menu-secondary {
    margin-top:36px
  }
  .konohana-breadcrumb {
    min-height:46px
  }
  .konohana-hubs {
    margin:95px 0 80px
  }
  .konohana-hubs h2 {
    font-size:24px;
    line-height:30px;
    gap:10px;
    margin-bottom:27px
  }
  .konohana-hubs h2 span {
    width:calc(100% - 60px);
    max-width:310px;
    flex-shrink:1
  }
  .konohana-hub-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px
  }
  .konohana-hub-en {font-size:20px;top:calc(50% - 59.5px);margin-left:-2.5px}
  .konohana-hub--eat .konohana-hub-en,.konohana-hub--event .konohana-hub-en {margin-left:-1.5px}
  .konohana-hub--coworking .konohana-hub-en {margin-left:-3.5px}
  .konohana-hub picture {top:calc(50% - 28.5px)}
  .konohana-hub-icon {
    width:63px;
    height:64px!important;
    margin:0
  }
  .konohana-hub-ja {font-size:12px;line-height:20px;top:calc(50% + 38.5px);margin-left:.5px}
  .konohana-hub--shop .konohana-hub-ja,.konohana-hub--coworking .konohana-hub-ja {font-size:11px;margin-left:-1.5px}
  .konohana-hub--coworking .konohana-hub-ja {margin-left:-2.5px}
  .konohana-footer {
    min-height:245px;
    padding:52px 0 35px
  }
  .konohana-footer-main {
    gap:21px;
    grid-template-columns:1fr
  }
  .konohana-footer-brand {
    gap:12px;
    justify-content:center
  }
  .konohana-footer-brand>img {
    width:145px
  }
  .konohana-footer-contact {
    font-size:12px
  }
  .konohana-parent-link {
    width:195px;
    justify-self:center;
    grid-row:3
  }
  .konohana-footer small {
    text-align:center;
    font-size:11px;
    margin:0
  }
  .konohana-section-heading {
    font-size:24px;
    gap:16px;
    margin-bottom:28px
  }
  .konohana-more {
    margin-top:28px
  }
}
@media(prefers-reduced-motion:reduce) {
  .konohana-site * {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}
@media(min-width:601px) and (max-width:900px) {
  .konohana-header-contact {
    display:none
  }
  .konohana-header-inner {
    gap:25px
  }
  .konohana-catch {
    width:438.82px;
    min-width:0;
    flex:1
  }
}
.konohana-menu-lines {
  border:0;
  background:url(../images/konohana/menu-open.svg) center/26px 20px no-repeat
}
.konohana-menu-lines::before,.konohana-menu-lines::after,.konohana-menu[open] .konohana-menu-lines::before,.konohana-menu[open] .konohana-menu-lines::after {
  display:none
}
.konohana-menu[open] .konohana-menu-lines {
  background-image:url(../images/konohana/menu-close.svg)
}
.konohana-menu[open]::before {
  content:"";
  position:fixed;
  inset:0;
  background:#0009;
  z-index:60
}
.konohana-menu-panel {
  box-shadow:none
}
.konohana-slider:not(.is-enhanced) button,.konohana-slider:not(.is-enhanced) .konohana-slider-dots {
  display:none
}
.konohana-hubs h2 {
  margin-bottom:20.5px
}
.konohana-footer {
  padding-bottom:60px
}
.konohana-footer-main {
  row-gap:16px
}
.konohana-footer small {
  margin-top:0
}
@media(max-width:600px) {
  .konohana-hubs h2 {
    margin-bottom:17px
  }
  .konohana-footer {
    padding-bottom:35px
  }
  .konohana-footer-main {
    row-gap:21px
  }
}
@media(min-width:601px) {
  .konohana-header-inner {
    height:108px;
    gap:58.685px
  }
  .konohana-logo {
    line-height:0
  }
  .konohana-catch {
    transform:translateY(.55px)
  }
}
@media(min-width:601px) and (max-width:1150px) {
  .konohana-header-inner {
    gap:25px
  }
}

@media(max-width:347px) {
  .konohana-menu-contact .konohana-phone {
    font-size:clamp(28px,9vw,34px)
  }
}
/* Approved XD contact runs and footer artwork, including the 30px lower corners. */
.konohana-catch {min-width:0}
.konohana-site {--kono-gradient:linear-gradient(90deg,#ee5533,#e9b972)}
.konohana-header-contact,.konohana-menu-contact {position:relative;padding:0;border-radius:0 0 30px 30px}
.konohana-header-contact>a,.konohana-header-contact>span,.konohana-menu-contact>a,.konohana-menu-contact>span {position:absolute;top:15px;left:0;right:0;line-height:24px}
.konohana-phone,.konohana-fax {position:absolute;left:0;right:0;margin:0;letter-spacing:0;white-space:nowrap;font-weight:400}
.konohana-phone {top:41px;font-size:34px;line-height:34px}
.konohana-fax {top:78px;font-size:19px;line-height:19px}
.konohana-contact-label {color:#333}
.konohana-phone .konohana-contact-label {font-size:23px}
.konohana-phone .konohana-contact-value {font-size:34px}
.konohana-fax .konohana-contact-label,.konohana-fax .konohana-contact-value {font-size:19px}
.konohana-footer-main {row-gap:0}
.konohana-footer-brand {gap:30.09549px;padding-left:.09549px}
.konohana-footer-brand>img {width:159.809px;flex:none}
.konohana-footer-contact {width:133px;flex:none;font-weight:400;line-height:20px;transform:translateY(.71875px)}
.konohana-footer small {margin-top:18.43125px;line-height:16px;font-weight:400}
.konohana-copyright-symbol {font-family:Helvetica,Arial,sans-serif}
.konohana-parent-link {width:255px;transform:translateY(.7px)}
@media(min-width:901px) {
 .konohana-header-inner {position:relative;padding-right:316px;justify-content:flex-start}
 .konohana-header-contact {position:absolute;right:max(-6px,calc(92px - (100vw - 100%)/2));top:-10px;margin:0}
}
@media(min-width:901px) and (max-width:1150px) {
 .konohana-catch {flex:1;width:438.82px;max-width:438.82px}
 .konohana-header-contact .konohana-phone .konohana-contact-value {font-size:27px}
}
@media(min-width:601px) and (max-width:900px) {
 .konohana-header-inner {padding-right:30px}
}
@media(max-width:600px) {
 .konohana-menu-contact {transform:translateX(.5px)}
 .konohana-footer {padding:40px 0}
 .konohana-footer-main {grid-template-columns:minmax(0,1fr)}
 .konohana-footer-brand {gap:30.09549px;padding-left:0;min-width:0}
 .konohana-footer-brand>img {max-width:calc(100% - 163.09549px)}
 .konohana-parent-link {margin-top:28px;transform:none}
 .konohana-footer small {margin-top:17.43125px}
}
@media(max-width:352px) {
 .konohana-footer-brand {gap:12px}
 .konohana-footer-brand>img {width:145px;max-width:calc(100% - 145px)}
}
@media(max-width:347px) {
 .konohana-menu-contact {transform:none}
 .konohana-menu-contact .konohana-phone .konohana-contact-value {font-size:clamp(28px,9vw,34px)}
}
@media(min-width:601px) and (max-width:658px) {
 .konohana-footer {min-height:245px;padding:40px 0}
 .konohana-footer-main {grid-template-columns:1fr}
 .konohana-footer-brand {justify-content:center;padding-left:0}
 .konohana-footer small {text-align:center;margin-top:17.43125px}
 .konohana-parent-link {grid-row:3;justify-self:center;margin-top:28px;transform:none}
}

/* Original section rules and the normal/hover more-button artwork colors. */
.konohana-section-heading::before,.konohana-section-heading::after {background:#f0b090}
.konohana-more {border-color:#f09000;border-radius:24px;opacity:1;transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out}
.konohana-more::after {background:currentColor;-webkit-mask:url(../images/konohana/arrow__right.svg) center/contain no-repeat;mask:url(../images/konohana/arrow__right.svg) center/contain no-repeat}
.konohana-more:is(a):hover,.konohana-more:is(a):focus-visible {color:#fff!important;background:#ee5533;border-color:#ee5533}
@media(prefers-reduced-motion:reduce) {.konohana-more {transition:none}}

@media(prefers-reduced-motion:reduce) {.konohana-hub::after {transition:none}}