@charset "UTF-8";
/*
比率統一 clamp() 一覧（1px ～ 40px）
font-size: clamp(0.8px, 0.1vw, 1.3px);
font-size: clamp(1.6px, 0.2vw, 2.5px);
font-size: clamp(2.4px, 0.3vw, 3.8px);
font-size: clamp(3.3px, 0.4vw, 5px);
font-size: clamp(4.1px, 0.5vw, 6.3px);
font-size: clamp(4.9px, 0.6vw, 7.5px);
font-size: clamp(5.7px, 0.7vw, 8.8px);
font-size: clamp(6.5px, 0.8vw, 10px);
font-size: clamp(7.3px, 0.9vw, 11.3px);
font-size: clamp(8.1px, 1vw, 12.5px);
font-size: clamp(8.9px, 1.1vw, 13.8px);
font-size: clamp(9.7px, 1.2vw, 15px);
font-size: clamp(10.6px, 1.3vw, 16.3px);
font-size: clamp(11.4px, 1.4vw, 17.5px);
font-size: clamp(12.2px, 1.5vw, 18.8px);
font-size: clamp(13px, 1.6vw, 20px); //基準
font-size: clamp(13.8px, 1.7vw, 21.3px);
font-size: clamp(14.6px, 1.8vw, 22.5px);
font-size: clamp(15.4px, 1.9vw, 23.8px);
font-size: clamp(16.2px, 2vw, 25px);
font-size: clamp(17.1px, 2.1vw, 26.3px);
font-size: clamp(17.9px, 2.2vw, 27.5px);
font-size: clamp(18.7px, 2.3vw, 28.8px);
font-size: clamp(19.5px, 2.4vw, 30px);
font-size: clamp(20.3px, 2.5vw, 31.3px);
font-size: clamp(21.1px, 2.6vw, 32.5px);
font-size: clamp(22px, 2.7vw, 33.8px);
font-size: clamp(22.8px, 2.8vw, 35px);
font-size: clamp(23.6px, 2.9vw, 36.3px);
font-size: clamp(24.4px, 3vw, 37.5px);
font-size: clamp(25.2px, 3.1vw, 38.8px);
font-size: clamp(26px, 3.2vw, 40px);
font-size: clamp(26.8px, 3.3vw, 41.3px);
font-size: clamp(27.6px, 3.4vw, 42.5px);
font-size: clamp(28.4px, 3.5vw, 43.8px);
font-size: clamp(29.2px, 3.6vw, 45px);
font-size: clamp(30.1px, 3.7vw, 46.3px);
font-size: clamp(30.9px, 3.8vw, 47.5px);
font-size: clamp(31.7px, 3.9vw, 48.8px);
font-size: clamp(32.5px, 4vw, 50px);
font-size: clamp(33.3px, 4.1vw, 51.3px);
font-size: clamp(34.1px, 4.2vw, 52.5px);
font-size: clamp(35px, 4.3vw, 53.8px);
font-size: clamp(35.8px, 4.4vw, 55px);
font-size: clamp(36.6px, 4.5vw, 56.3px);
font-size: clamp(37.4px, 4.6vw, 57.5px);
font-size: clamp(38.3px, 4.7vw, 58.8px);
font-size: clamp(39.1px, 4.8vw, 60px);
font-size: clamp(39.9px, 4.9vw, 61.3px);
font-size: clamp(40.7px, 5vw, 62.5px);
font-size: clamp(41.6px, 5.1vw, 63.8px);
font-size: clamp(42.4px, 5.2vw, 65px);
font-size: clamp(43.2px, 5.3vw, 66.3px);
font-size: clamp(44px, 5.4vw, 67.5px);
font-size: clamp(44.9px, 5.5vw, 68.8px);
font-size: clamp(45.7px, 5.6vw, 70px);
font-size: clamp(46.5px, 5.7vw, 71.3px);
font-size: clamp(47.3px, 5.8vw, 72.5px);
font-size: clamp(48.2px, 5.9vw, 73.8px);
font-size: clamp(49px, 6vw, 75px);


*/
/*フォント伸縮比率rem値	clamp値	px相当（1000px時）
clamp(1px, 0.1rem, 9999px);
clamp(2px, 0.2rem, 9999px);
clamp(3px, 0.3rem, 9999px);
clamp(4px, 0.4rem, 9999px);
clamp(5px, 0.5rem, 9999px);
clamp(6px, 0.6rem, 9999px);
clamp(7px, 0.7rem, 9999px);
clamp(8px, 0.8rem, 9999px);
clamp(9px, 0.9rem, 9999px);
clamp(10px, 1.0rem, 9999px);
clamp(11px, 1.1rem, 9999px);
clamp(12px, 1.2rem, 9999px);
clamp(13px, 1.3rem, 9999px);
clamp(14px, 1.4rem, 9999px);
clamp(15px, 1.5rem, 9999px);
clamp(16px, 1.6rem, 9999px);
clamp(17px, 1.7rem, 9999px);
clamp(18px, 1.8rem, 9999px);
clamp(19px, 1.9rem, 9999px);
clamp(20px, 2.0rem, 9999px);
clamp(21px, 2.1rem, 9999px);
clamp(22px, 2.2rem, 9999px);
clamp(23px, 2.3rem, 9999px);
clamp(24px, 2.4rem, 9999px);
clamp(25px, 2.5rem, 9999px);
clamp(26px, 2.6rem, 9999px);
clamp(27px, 2.7rem, 9999px);
clamp(28px, 2.8rem, 9999px);
clamp(29px, 2.9rem, 9999px);
clamp(30px, 3.0rem, 9999px);
clamp(31px, 3.1rem, 9999px);
clamp(32px, 3.2rem, 9999px);
clamp(33px, 3.3rem, 9999px);
clamp(34px, 3.4rem, 9999px);
clamp(35px, 3.5rem, 9999px);
*/
#top {
  width: 100%;
  color: #6a4800;
  font-weight: 500;
}

.kv {
  width: auto;
  position: relative;
}

.kv__inner {
  margin: 3rem 0 0rem 0;
}

@media (max-width: 768px) {
  .kv__inner {
    margin: 2.2rem 0 0rem 0;
  }
}

.kv__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.info {
  margin: clamp(40.65041px, 4.99479vw, 65px) 0 clamp(65.04065px, 7.99166vw, 104px) 0;
}

.info__title {
  text-align: center;
  color: #6a4800;
  font-size: clamp(16.26016px, 1.99792vw, 26px);
  margin-bottom: clamp(8.13008px, 0.99896vw, 13px);
}

.info__text {
  text-align: center;
  color: #6a4800;
  font-size: clamp(13.00813px, 1.59833vw, 20.8px);
}

.info__bn {
  width: clamp(325.20325px, 39.95831vw, 520px);
  margin: 0 auto 0 auto;
}

@media (max-width: 768px) {
  .info__bn {
    width: 90%;
  }
}

.about {
  font-size: clamp(15.44715px, 1.89802vw, 24.7px);
  line-height: 2.2;
  margin: clamp(60.97561px, 7.49218vw, 97.5px) 0 clamp(28.45528px, 3.49635vw, 45.5px);
}

@media (max-width: 768px) {
  .about {
    background-image: url(/kanawell/images/top/kanawelltoha_sp.jpg);
    background-size: cover;
    width: 37.5rem;
    height: 69.5rem;
    margin: 2.5rem auto 4rem auto;
  }
}

.about__inner {
  width: clamp(695.93496px, 85.51078vw, 1112.8px);
  margin: 0 auto;
  padding: 0 0 clamp(40.65041px, 4.99479vw, 65px) clamp(211.38211px, 25.9729vw, 338px);
  background-image: url("/kanawell/images/top/abaut_kanawelltte.svg"), url("/kanawell/images/top/abaut_ho-u.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: left 0px top 0px, right clamp(24.39024px, 2.99687vw, 39px) bottom 0px;
  background-size: clamp(171.54472px, 21.07801vw, 274.3px), clamp(87.80488px, 10.78874vw, 140.4px);
}

@media (max-width: 768px) {
  .about__inner {
    display: none;
  }
}

.services {
  width: clamp(813.00813px, 99.89577vw, 1300px);
  margin: 0 auto;
}

@media (max-width: 768px) {
  .services {
    width: 100%;
  }
}

.services__title {
  background-image: url("/kanawell/images/top/title_wave.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: clamp(504.06504px, 61.93538vw, 806px);
  text-align: center;
  display: flow-root;
  margin-bottom: clamp(47.15447px, 5.79395vw, 75.4px);
}

.services__title:not(:first-of-type) {
  margin-top: clamp(69.10569px, 8.49114vw, 110.5px);
}

@media (max-width: 768px) {
  .services__title {
    background-image: url("/kanawell/images/top/title_wave_sp.svg");
    background-size: 29.1rem;
    margin-bottom: 2.7rem;
  }
}

.services__titleMain {
  font-size: clamp(28.45528px, 3.49635vw, 45.5px);
  font-weight: 600;
  margin: clamp(59.34959px, 7.29239vw, 94.9px) 0 clamp(-4.06504px, -0.49948vw, -6.5px) 0;
  letter-spacing: clamp(6.50407px, 0.79917vw, 10.4px);
}

@media (max-width: 768px) {
  .services__titleMain {
    font-size: 2.6rem;
    letter-spacing: 0.6rem;
    margin: 3.5rem 0 -0.2rem 0;
  }
}

.services__titleSub {
  font-size: clamp(13.00813px, 1.59833vw, 20.8px);
  color: #8ec100;
  letter-spacing: clamp(3.25203px, 0.39958vw, 5.2px);
}

@media (max-width: 768px) {
  .services__titleSub {
    font-size: 1.2rem;
    letter-spacing: 0.3rem;
  }
}

.services__container {
  position: relative;
}

.services__container + .services__container {
  margin-top: clamp(73.17073px, 8.99062vw, 117px);
}

.services__wrapper {
  width: clamp(484.55285px, 59.53788vw, 774.8px);
  margin: 0 auto;
}

@media (min-width: 1300px) {
  .services__wrapper {
    position: relative;
  }
}

@media (max-width: 768px) {
  .services__wrapper {
    width: 100%;
  }
}

.services__heading {
  width: clamp(360.97561px, 44.35372vw, 577.2px);
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 1300px) {
  .services__heading {
    width: 416px;
    left: -101px;
  }
}

@media (max-width: 768px) {
  .services__heading {
    position: relative;
    margin-bottom: 1.9rem;
  }
}

.services__headingImage {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .services__headingImage {
    width: auto;
    height: 3.2rem;
  }
}

.services__media {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: clamp(212.19512px, 26.0728vw, 339.3px) clamp(272.35772px, 33.46508vw, 435.5px);
      grid-template-columns: clamp(212.19512px, 26.0728vw, 339.3px) clamp(272.35772px, 33.46508vw, 435.5px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 768px) {
  .services__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 25.5rem;
    margin: 0 auto;
  }
}

.services__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(121.13821px, 14.88447vw, 193.7px);
  background-image: url("/kanawell/images/top/info_line.svg");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: auto 100%;
  margin-top: clamp(50.4065px, 6.19354vw, 80.6px);
  padding: 0;
  color: #8ec100;
}

@media (max-width: 768px) {
  .services__info {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    background-image: url("/kanawell/images/top/info_line_sp.svg");
    margin-top: 2rem;
    height: auto;
  }
}

.services__infoList {
  margin: 0;
  padding-left: clamp(20.3252px, 2.49739vw, 32.5px);
}

.services__infoRow {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  line-height: 1.4;
  font-size: clamp(13.82114px, 1.69823vw, 22.1px);
  font-weight: 700;
  white-space: nowrap;
}

.services__infoRow + .services__infoRow {
  margin-top: clamp(6.50407px, 0.79917vw, 10.4px);
}

@media (max-width: 768px) {
  .services__infoRow {
    font-size: 1.5rem;
  }
}

.services__infoTerm {
  width: 100%;
  line-height: 1.5;
}

.services__photo {
  width: clamp(272.35772px, 33.46508vw, 435.5px);
}

.services__photo img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .services__photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}

.services__lead {
  line-height: 2;
  grid-column: 1 / -1;
  font-size: clamp(13.00813px, 1.59833vw, 20.8px);
  margin: clamp(20.3252px, 2.49739vw, 32.5px) 0 0 0;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .services__lead {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: justify;
    font-size: 1.5rem;
    line-height: 1.8;
    white-space: unset;
    margin: 1.7rem 0 0 0;
  }
}

.services__panel {
  margin-top: clamp(12.19512px, 1.49844vw, 19.5px);
}

@media (max-width: 768px) {
  .services__panel {
    width: 25.5rem;
    margin: 2.5rem auto 0;
  }
}

.services__panel.ajust {
  height: auto;
}

.services__panelTab {
  position: relative;
  color: #fff;
  background-image: url(/kanawell/images/top/panel_tab.svg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: clamp(199.18699px, 24.47446vw, 318.5px);
  width: clamp(199.18699px, 24.47446vw, 318.5px);
  height: clamp(23.57724px, 2.89698vw, 37.7px);
  font-size: clamp(12.19512px, 1.49844vw, 19.5px);
  padding: clamp(0.81301px, 0.0999vw, 1.3px) 0 0 clamp(14.63415px, 1.79812vw, 23.4px);
  z-index: 1;
  cursor: pointer;
}

.services__panelTab::before {
  content: "";
  position: absolute;
  top: clamp(6.50407px, 0.79917vw, 10.4px);
  right: clamp(17.07317px, 2.09781vw, 27.3px);
  background-image: url(/kanawell/images/top/panel_plus.svg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  width: clamp(9.7561px, 1.19875vw, 15.6px);
  height: clamp(9.7561px, 1.19875vw, 15.6px);
}

.services__panelTab.open::before {
  background-image: url(/kanawell/images/top/panel_minus.svg);
}

.services__panelTab.open + div {
  display: inline-block;
  -webkit-animation: detailOpen_Anim ease 0.6s forwards;
          animation: detailOpen_Anim ease 0.6s forwards;
}

.services__panelBody {
  display: none;
  border: clamp(0.81301px, 0.0999vw, 1.3px) solid #6a4800;
  border-radius: clamp(16.26016px, 1.99792vw, 26px);
  height: 0;
  opacity: 0;
  margin: clamp(-14.63415px, -1.79812vw, -23.4px) 0 0 clamp(19.5122px, 2.3975vw, 31.2px);
}

@media (max-width: 768px) {
  .services__panelBody {
    border-radius: 1.6rem;
  }
}

.services__panelList {
  display: inline-block;
  padding: clamp(24.39024px, 2.99687vw, 39px) clamp(34.14634px, 4.19562vw, 54.6px) clamp(9.7561px, 1.19875vw, 15.6px) clamp(24.39024px, 2.99687vw, 39px);
}

@media (max-width: 768px) {
  .services__panelList {
    padding: 3rem 2.7rem 1.3rem 2rem;
  }
}

.services__panelItem {
  margin-bottom: clamp(6.50407px, 0.79917vw, 10.4px);
  font-size: clamp(12.19512px, 1.49844vw, 19.5px);
  text-decoration: unset;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .services__panelItem {
    white-space: unset;
    font-size: 1.2rem;
  }
}

.services .services__panelLink {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4em;
  text-decoration: none;
}

.services .services__panelLink::after {
  content: "";
  width: clamp(11.38211px, 1.39854vw, 18.2px);
  height: clamp(11.38211px, 1.39854vw, 18.2px);
  background-image: url("/kanawell/images/common/icon_external.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.services .services__extPill {
  /* 色（画像に近い黄緑） */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(3.25203px, 0.39958vw, 5.2px);
  padding: clamp(6.50407px, 0.79917vw, 10.4px) clamp(8.13008px, 0.99896vw, 13px);
  border: 2px solid #8ec100;
  border-radius: 9999px;
  color: #8ec100;
  background-color: #fff;
  font-weight: 700;
  font-size: clamp(12.19512px, 1.49844vw, 19.5px);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  margin-top: clamp(4.06504px, 0.49948vw, 6.5px);
  /* 外部リンクアイコン */
}

.services .services__extPill::after {
  content: "";
  width: clamp(10.56911px, 1.29864vw, 16.9px);
  height: clamp(10.56911px, 1.29864vw, 16.9px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  background: url("/kanawell/images/common/extPill_icon.svg") center/clamp(10.56911px, 1.29864vw, 16.9px) no-repeat;
  -webkit-transform: translateY(clamp(-0.81301px, -0.0999vw, -1.3px));
          transform: translateY(clamp(-0.81301px, -0.0999vw, -1.3px));
}

.services .services__extPill:hover {
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
}

.services .services__extPill:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent) 35%, transparent);
  outline-offset: 4px;
}

.sisetu__title {
  background-image: url(/kanawell/images/top/shisetu_title.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: clamp(495.12195px, 60.83652vw, 791.7px);
  height: clamp(118.69919px, 14.58478vw, 189.8px);
  margin: 0 auto clamp(51.21951px, 6.29343vw, 81.9px) auto;
}

@media (max-width: 768px) {
  .sisetu__title {
    background-image: url(/kanawell/images/top/shisetu_title_sp.svg);
    width: 29.1rem;
    height: 9.1rem;
    margin: 0 auto 3.2rem auto;
  }
}

.sisetu__simaiku {
  background-image: url(/kanawell/images/top/simaiku_img.jpg?ver3);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 53.35rem;
}

@media (max-width: 768px) {
  .sisetu__simaiku {
    background-image: url(/kanawell/images/top/simaiku_img_sp.jpg?ver3);
    width: 37.5rem;
    height: 67.25rem;
    margin: 0 auto 4.6rem auto;
  }
}

.sisetu__yadoriba {
  background-image: url(/kanawell/images/top/yadoriba_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 46.6rem;
}

@media (max-width: 768px) {
  .sisetu__yadoriba {
    background-image: url(/kanawell/images/top/yadoriba_img_sp.jpg);
    width: 37.5rem;
    height: 60.3rem;
    margin: 0 auto 4.6rem auto;
  }
}

.sisetu__kenkou {
  background-image: url(/kanawell/images/top/kenkou_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  width: 100%;
  height: 33.6rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou {
    background-image: url(/kanawell/images/top/kenkou_img_sp.jpg?ver2);
    width: 37.5rem;
    height: 45.6rem;
    margin: 0 auto 3.3rem auto;
  }
}

.sisetu__kenkou--detail {
  position: relative;
  margin: 3.5rem 0 9.6rem 22rem;
  height: 1px;
}

@media (max-width: 768px) {
  .sisetu__kenkou--detail {
    margin: 3rem 0 6.4rem 6.5rem;
  }
}

.sisetu__kenkou--detail.ajust {
  height: auto;
}

.sisetu__kenkou--btn {
  position: absolute;
  top: -1.4rem;
  left: -2.3rem;
  width: 22.4rem;
  z-index: 1;
  cursor: pointer;
}

@media (max-width: 768px) {
  .sisetu__kenkou--btn {
    top: -1.4rem;
    left: -0.4rem;
    width: 21.6rem;
  }
}

.sisetu__kenkou--btn::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  right: 2.1rem;
  background-image: url(/kanawell/images/top/detail_plus.svg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  width: 1.2rem;
  height: 1.2rem;
}

.sisetu__kenkou--btn.open::before {
  background-image: url(/kanawell/images/top/detail_minus.svg);
}

.sisetu__kenkou--btn.open + div {
  display: inline-block;
  -webkit-animation: detailOpen_Anim ease 0.6s forwards;
          animation: detailOpen_Anim ease 0.6s forwards;
}

.sisetu__kenkou--wrap {
  display: none;
  border: 0.1rem solid #6a4800;
  border-radius: 2rem;
  height: 0;
  opacity: 0;
}

@media (max-width: 768px) {
  .sisetu__kenkou--wrap {
    border-radius: 1.6rem;
  }
}

.sisetu__kenkou--list {
  display: inline-block;
  padding: 3rem 4.2rem 1.6rem 3rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou--list {
    padding: 3rem 2.7rem 1.3rem 2rem;
  }
}

.sisetu__kenkou--item {
  margin-bottom: 1.2rem;
}

.sisetu__kenkou--linkIcn01 {
  width: 20rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou--linkIcn01 {
    width: 19.3rem;
  }
}

.sisetu__kenkou--linkIcn02 {
  width: 12rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou--linkIcn02 {
    width: 11.4rem;
  }
}

.sisetu__kenkou--linkIcn03 {
  width: 12.9rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou--linkIcn03 {
    width: 12.9rem;
  }
}

.sisetu__kenkou--linkIcn04 {
  width: 20.7rem;
}

@media (max-width: 768px) {
  .sisetu__kenkou--linkIcn04 {
    width: 20rem;
  }
}

.sisetu__soco {
  background-image: url(/kanawell/images/top/soco_img.jpg?ver3);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 37.2rem;
}

@media (max-width: 768px) {
  .sisetu__soco {
    background-image: url(/kanawell/images/top/soco_img_sp.jpg?ver3);
    width: 37.5rem;
    height: 55.3rem;
    margin: 0 auto 7.5rem auto;
  }
}

@-webkit-keyframes detailOpen_Anim {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 100%;
  }
}

@keyframes detailOpen_Anim {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 100%;
  }
}

.gyousei__title {
  background-image: url(/kanawell/images/top/gyousei_title.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: clamp(504.06504px, 61.93538vw, 806px);
  height: clamp(118.69919px, 14.58478vw, 189.8px);
  margin: clamp(97.56098px, 11.98749vw, 156px) auto clamp(55.28455px, 6.79291vw, 88.4px) auto;
}

@media (max-width: 768px) {
  .gyousei__title {
    background-image: url(/kanawell/images/top/gyousei_title_sp.svg);
    width: 29.1rem;
    height: 8.8rem;
    margin: 0 auto 3.4rem auto;
  }
}

.gyousei__sisho {
  background-image: url(/kanawell/images/top/sisho_img.jpg?ver3);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 33.5rem;
  padding: 18.4rem 0 0 22.1rem;
}

@media (max-width: 768px) {
  .gyousei__sisho {
    background-image: url(/kanawell/images/top/sisho_img_sp.jpg);
    width: 37.5rem;
    height: 54.4rem;
    margin: 0 auto 3.8rem auto;
    padding: 51.7rem 0 0 8rem;
  }
}

.gyousei__sisho--link {
  display: inline-block;
}

.gyousei__sisho--linkIcn {
  width: 21rem;
}

@media (max-width: 768px) {
  .gyousei__sisho--linkIcn {
    width: 18.3rem;
  }
}

.gyousei__sisho--detail {
  position: relative;
  margin: 3.5rem 0 9.6rem 22rem;
  height: 1px;
}

@media (max-width: 768px) {
  .gyousei__sisho--detail {
    margin: 3rem 0 6.4rem 4.3rem;
  }
}

.gyousei__sisho--detail.ajust {
  height: auto;
}

.gyousei__sisho--btn {
  position: absolute;
  top: -1.4rem;
  left: -2.3rem;
  width: 22.4rem;
  z-index: 1;
  cursor: pointer;
}

@media (max-width: 768px) {
  .gyousei__sisho--btn {
    top: -1.4rem;
    left: 1.6rem;
    width: 21.6rem;
  }
}

.gyousei__sisho--btn::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  right: 2.1rem;
  background-image: url(/kanawell/images/top/detail_plus.svg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  width: 1.2rem;
  height: 1.2rem;
}

.gyousei__sisho--btn.open::before {
  background-image: url(/kanawell/images/top/detail_minus.svg);
}

.gyousei__sisho--btn.open + div {
  display: inline-block;
  -webkit-animation: detailOpen_Anim ease 0.6s forwards;
          animation: detailOpen_Anim ease 0.6s forwards;
}

.gyousei__sisho--wrap {
  display: none;
  border: 0.1rem solid #6a4800;
  border-radius: 2rem;
  height: 0;
  opacity: 0;
}

@media (max-width: 768px) {
  .gyousei__sisho--wrap {
    border-radius: 1.6rem;
  }
}

.gyousei__sisho--list {
  display: inline-block;
  padding: 3rem 4.2rem 1.6rem 3rem;
}

@media (max-width: 768px) {
  .gyousei__sisho--list {
    padding: 3rem 2.7rem 1.3rem 2rem;
  }
}

.gyousei__sisho--item {
  margin-bottom: 1.2rem;
}

.gyousei__sisho--linkIcn01 {
  width: 42.5rem;
}

@media (max-width: 768px) {
  .gyousei__sisho--linkIcn01 {
    width: 24.3rem;
  }
}

.gyousei__ansin {
  background-image: url(/kanawell/images/top/ansin_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 33.5rem;
  padding: 17.8rem 0 0 22.1rem;
}

@media (max-width: 768px) {
  .gyousei__ansin {
    background-image: url(/kanawell/images/top/ansin_img_sp.jpg);
    width: 37.5rem;
    height: 51.8rem;
    margin: 0 auto 7.5rem auto;
    padding: 49.3rem 0 0 8rem;
  }
}

.gyousei__ansin--link {
  display: inline-block;
}

.gyousei__ansin--linkIcn {
  width: 21.6rem;
}

@media (max-width: 768px) {
  .gyousei__ansin--linkIcn {
    width: 20rem;
  }
}

.shuuhen__title {
  background-image: url(/kanawell/images/top/shuuhen_title.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: clamp(504.06504px, 61.93538vw, 806px);
  height: clamp(118.69919px, 14.58478vw, 189.8px);
  margin: clamp(97.56098px, 11.98749vw, 156px) auto clamp(55.28455px, 6.79291vw, 88.4px) auto;
}

@media (max-width: 768px) {
  .shuuhen__title {
    background-image: url(/kanawell/images/top/shuuhen_title_sp.svg);
    width: 29.1rem;
    height: 9.1rem;
    margin: 0 auto 3.4rem auto;
  }
}

.shuuhen__sandai {
  background-image: url(/kanawell/images/top/sandai_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 42.9rem;
  padding: 17.4rem 0 0 22.1rem;
}

@media (max-width: 768px) {
  .shuuhen__sandai {
    background-image: url(/kanawell/images/top/sandai_img_sp.jpg);
    width: 37.5rem;
    height: 51rem;
    margin: 0 auto 4.6rem auto;
    padding: 48.2rem 0 0 8rem;
  }
}

.shuuhen__sandai--link {
  display: inline-block;
}

.shuuhen__sandai--linkIcn {
  width: 17.4rem;
}

@media (max-width: 768px) {
  .shuuhen__sandai--linkIcn {
    width: 14.5rem;
  }
}

.shuuhen__kouminkan {
  background-image: url(/kanawell/images/top/kouminkan_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 42.9rem;
  padding: 18rem 0 0 22.1rem;
}

@media (max-width: 768px) {
  .shuuhen__kouminkan {
    background-image: url(/kanawell/images/top/kouminkan_img_sp.jpg);
    width: 37.5rem;
    height: 51.65rem;
    margin: 0 auto 4.6rem auto;
    padding: 49.2rem 0 0 8rem;
  }
}

.shuuhen__kouminkan--link {
  display: inline-block;
}

.shuuhen__kouminkan--linkIcn {
  width: 12rem;
}

@media (max-width: 768px) {
  .shuuhen__kouminkan--linkIcn {
    width: 10.7rem;
  }
}

.shuuhen__taiiku {
  background-image: url(/kanawell/images/top/taiiku_img.jpg?ver2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 33.95rem;
  padding: 17.8rem 0 0 22.1rem;
}

@media (max-width: 768px) {
  .shuuhen__taiiku {
    background-image: url(/kanawell/images/top/taiiku_img_sp.jpg?ver2);
    width: 37.5rem;
    height: 49.2rem;
    margin: 0 auto 4.6rem auto;
    padding: 46.5rem 0 0 8rem;
  }
}

.shuuhen__taiiku--link {
  display: inline-block;
}

.shuuhen__taiiku--linkIcn {
  width: 16.5rem;
}

@media (max-width: 768px) {
  .shuuhen__taiiku--linkIcn {
    width: 14.5rem;
  }
}

.access {
  background-image: url("/kanawell/images/top/access_back.svg?ver1");
  background-repeat: repeat-x;
  background-position: 50% 0%;
  background-size: clamp(813.00813px, 99.89577vw, 1300px);
  position: relative;
  padding: clamp(56.91057px, 6.9927vw, 91px) clamp(40.65041px, 4.99479vw, 65px) clamp(83.73984px, 10.28926vw, 133.9px) clamp(40.65041px, 4.99479vw, 65px);
  margin: clamp(87.80488px, 10.78874vw, 140.4px) 0 clamp(87.80488px, 10.78874vw, 140.4px) 0;
}

@media (max-width: 768px) {
  .access {
    background-image: url(/kanawell/images/top/access_back_sp.svg?ver1);
    background-size: 100%;
    margin: 15rem 0 5.2rem 0;
    padding: 4rem 2rem 5rem;
  }
}

.access__title {
  text-align: center;
}

.access__titleMain {
  font-size: clamp(28.45528px, 3.49635vw, 45.5px);
  font-weight: 600;
  margin: 0 0 clamp(-4.06504px, -0.49948vw, -6.5px) 0;
  letter-spacing: clamp(6.50407px, 0.79917vw, 10.4px);
}

@media (max-width: 768px) {
  .access__titleMain {
    font-size: 2.6rem;
    letter-spacing: 0.6rem;
  }
}

.access__titleSub {
  font-size: clamp(13.00813px, 1.59833vw, 20.8px);
  color: #fff;
  letter-spacing: clamp(3.25203px, 0.39958vw, 5.2px);
}

@media (max-width: 768px) {
  .access__titleSub {
    font-size: 1.2rem;
    letter-spacing: 0.3rem;
  }
}

.access__container {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: clamp(731.70732px, 89.90619vw, 1170px);
  -ms-grid-columns: clamp(361.78862px, 44.45362vw, 578.5px) 1fr;
      grid-template-columns: clamp(361.78862px, 44.45362vw, 578.5px) 1fr;
      grid-template-areas: "guide map";
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: clamp(40.65041px, 4.99479vw, 65px) auto auto auto;
}

@media (max-width: 768px) {
  .access__container {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "map" "guide";
    width: auto;
    margin: 3rem auto auto auto;
  }
}

.access__guide {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: guide;
}

.access__methodTitle + .access__methodTitle {
  margin-top: clamp(28.45528px, 3.49635vw, 45.5px);
}

@media (max-width: 768px) {
  .access__methodTitle {
    margin-top: 4rem;
  }
}

.access__methodTitle--car {
  display: block;
  width: clamp(150.4065px, 18.48072vw, 240.5px);
}

@media (max-width: 768px) {
  .access__methodTitle--car {
    width: 16.7rem;
  }
}

.access__methodTitle--bus {
  display: block;
  width: clamp(173.98374px, 21.37769vw, 278.2px);
}

@media (max-width: 768px) {
  .access__methodTitle--bus {
    width: 19.2rem;
  }
}

.access__text {
  color: #fff;
  font-size: clamp(13.82114px, 1.69823vw, 22.1px);
  margin-top: clamp(18.69919px, 2.2976vw, 29.9px);
  padding-left: clamp(38.21138px, 4.6951vw, 61.1px);
  line-height: 2;
}

@media (max-width: 768px) {
  .access__text {
    font-size: 1.5rem;
    white-space: nowrap;
    margin-top: 1rem;
    padding-left: 1rem;
  }
}

.access__extPill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(3.25203px, 0.39958vw, 5.2px);
  padding: clamp(6.50407px, 0.79917vw, 10.4px) clamp(8.13008px, 0.99896vw, 13px);
  border: 2px solid #fff;
  border-radius: 9999px;
  color: #fff;
  background-color: #8ec100;
  font-weight: 700;
  font-size: clamp(12.19512px, 1.49844vw, 19.5px);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  margin-top: clamp(8.13008px, 0.99896vw, 13px);
}

.access__extPill::after {
  content: "";
  width: clamp(10.56911px, 1.29864vw, 16.9px);
  height: clamp(10.56911px, 1.29864vw, 16.9px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  background: url("/kanawell/images/common/extPill_icon_white.svg") center/clamp(10.56911px, 1.29864vw, 16.9px) no-repeat;
  -webkit-transform: translateY(clamp(-0.81301px, -0.0999vw, -1.3px));
          transform: translateY(clamp(-0.81301px, -0.0999vw, -1.3px));
}

@media (max-width: 768px) {
  .access__extPill::after {
    width: 1.2rem;
    height: 1.2rem;
    background-size: 1.2rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.access__extPill:hover {
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
  color: #fff;
}

.access__map {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: map;
}

.access__googlemap {
  width: clamp(366.66667px, 45.05299vw, 586.3px);
  height: clamp(240.65041px, 29.56915vw, 384.8px);
}

@media (max-width: 768px) {
  .access__googlemap {
    width: 33.5rem;
    height: 23.93rem;
    top: 19.5rem;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.access__letsgo {
  position: absolute;
  top: 0;
  right: clamp(32.52033px, 3.99583vw, 52px);
  width: clamp(138.21138px, 16.98228vw, 221px);
  -webkit-transform: translateY(calc(-1 * clamp(235.77236px, 28.96977vw, 377px)));
          transform: translateY(calc(-1 * clamp(235.77236px, 28.96977vw, 377px)));
}

@media (max-width: 768px) {
  .access__letsgo {
    right: 10.6rem;
    width: 12.7rem;
    -webkit-transform: translateY(-19.4rem);
            transform: translateY(-19.4rem);
  }
}

.contact {
  width: clamp(386.17886px, 47.45049vw, 617.5px);
  margin: 0 auto 10.5rem auto;
}

@media (max-width: 768px) {
  .contact {
    width: 100%;
    padding: 0 2.6rem 0 2.6rem;
  }
}

.contact__title {
  font-size: clamp(28.45528px, 3.49635vw, 45.5px);
  font-weight: 700;
  text-align: center;
  letter-spacing: clamp(4.06504px, 0.49948vw, 6.5px);
  line-height: 1;
}

@media (max-width: 768px) {
  .contact__title {
    font-size: 2.6rem;
  }
}

.contact__label {
  font-size: clamp(13.00813px, 1.59833vw, 20.8px);
  font-weight: 500;
  color: #8ec100;
  text-align: center;
  letter-spacing: clamp(2.43902px, 0.29969vw, 3.9px);
  margin-top: clamp(4.87805px, 0.59937vw, 7.8px);
  margin-bottom: clamp(36.58537px, 4.49531vw, 58.5px);
}

@media (max-width: 768px) {
  .contact__label {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
  }
}

.contact__heading {
  font-size: clamp(15.44715px, 1.89802vw, 24.7px);
  text-align: center;
  letter-spacing: clamp(0.81301px, 0.0999vw, 1.3px);
  margin-bottom: clamp(11.38211px, 1.39854vw, 18.2px);
}

@media (max-width: 768px) {
  .contact__heading {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
  }
}

.contact__container {
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* または明示的な幅 */
}

.contact__wrap {
  font-size: clamp(13.82114px, 1.69823vw, 22.1px);
  margin-bottom: clamp(5.69106px, 0.69927vw, 9.1px);
  letter-spacing: clamp(0.81301px, 0.0999vw, 1.3px);
  line-height: clamp(27.64228px, 3.39646vw, 44.2px);
}

@media (max-width: 768px) {
  .contact__wrap {
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin-bottom: 0.1rem;
    letter-spacing: 0;
  }
}

.contact__itemL {
  display: inline-block;
  vertical-align: top;
  margin-right: clamp(8.13008px, 0.99896vw, 13px);
}

.contact__itemR {
  display: inline-block;
}

.contact__picture {
  margin: clamp(20.3252px, 2.49739vw, 32.5px) 0 clamp(24.39024px, 2.99687vw, 39px) 0;
}

@media (max-width: 768px) {
  .contact__picture {
    margin: 2.5rem 0 3rem 0;
  }
}

.contact__note {
  line-height: clamp(20.3252px, 2.49739vw, 32.5px);
  padding-top: clamp(3.25203px, 0.39958vw, 5.2px);
}
/*# sourceMappingURL=top.css.map */