@charset "utf-8";
#kushiro article {
  padding-top: clamp(50px, 10.42vw, 92px);
  overflow-x: clip;
}
#kushiro .article__nav {
  padding-bottom: clamp(50px, 6.67vw, 96px);
  border-bottom: 2px solid #7483a4;
}
.cont__inner {
  padding-left: 12px;
}
.ic_ttl + p {
  font-size: clamp(14px, 2.21vw, 17px);
  line-height: 2.235;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
}
.item__imgbk {
  border-radius: 25px;
  overflow: hidden;
}
.item__txtbk-ttl {
  font-size: clamp(20px, 1.74vw, 25px);
  font-weight: 600;
  line-height: 1.352;
  letter-spacing: 0.04em;
  color: #1db6be;
  font-feature-settings: "palt";
  padding: 0.7em 0 0.2em;
}
.item__txtbk-txt {
  line-height: 1.563;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
}
/*===================
kushiro_city
===================*/
#kushiro_city {
  padding-top: clamp(30px, 7.78vw, 112px);
}
#kushiro_city .bdr_bttm {
  padding-bottom: min(70px, 14.58vw, 120px);
  border-bottom: 2px solid #7483a4;
}
#kushiro_city .cont__head {
  align-items: center;
  margin-bottom: clamp(50px, 9.9vw, 76px);
}
#kushiro_city .cont__head-txt {
  width: 49.92%;
  max-width: 620px;
}
#kushiro_city .cont__head-map {
  width: 47.26%;
  max-width: 587px;
}
#kushiro_city .cont__main {
  height: 47.57vw;
  max-height: 685px;
  margin-bottom: clamp(40px, 8vw, 66px);
}
#kushiro_city .cont__main-img {
  width: 72.99vw;
  max-width: 1051px;
  border-radius: 25px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(29%);
}
#kushiro_city .cont__main-item .item__txtbk-ttl {
  font-size: clamp(25px, 2.08vw, 30px);
  letter-spacing: 0.1em;
  font-feature-settings: initial;
}
#kushiro_city .item {
  width: 35.28vw;
  max-width: 508px;
}
#kushiro_city .cont__list {
  display: flex;
  gap: min(2.99vw, 43px);
}
#kushiro_city .cont__list .item__txtbk-ttl {
  padding: 22px 0 9px;
}
/*===================
yonemachi_town
===================*/
#yonemachi_town {
  padding: clamp(70px, 13.93vw, 107px) 0 min(21.48vw, 165px);
}
#yonemachi_town .cont__inner {
  display: flex;
  justify-content: space-between;
}
#yonemachi_town .cont__left {
  width: 59.18%;
  max-width: 735px;
}
#yonemachi_town .cont__left-txt {
  margin-bottom: clamp(40px, 7.51vw, 56px);
}

#yonemachi_town .cont__left-main {
  max-width: 734px;
}
#yonemachi_town .slider_item {
  margin-bottom: min(1.22vw, 12px);
}
#yonemachi_town .slider_item li {
  aspect-ratio: 718/473;
  margin: 8px;
  border-radius: 24px;
  overflow: hidden;
}
#yonemachi_town .cont__left-flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#yonemachi_town .slider_nav {
  width: calc(100% - 279px) !important;
  max-width: 426px !important;
}
#yonemachi_town .slider_nav .slick-track {
  width: 100% !important;
}
#yonemachi_town .slider_nav .slick-current {
  /* filter: opacity(40%); */
  display: none;
}
#yonemachi_town .slider_nav li {
  width: calc(92.48% / 2) !important;
  max-width: 213px;
  margin: 1.88%;
  aspect-ratio: 197/155;
  border-radius: min(3.26vw, 25px);
  overflow: hidden;
  cursor: pointer;
}
#yonemachi_town .slider_nav li img {
  transition: scale 0.2s;
}
#yonemachi_town .slider_nav li:hover img {
  scale: 1.1;
}

#yonemachi_town .cont__left-flex .item__txtbk {
  flex-shrink: 0;
  width: 257px;
  margin: 8px 0 0 22px;
}
#yonemachi_town .cont__left-flex .item__txtbk .item__txtbk-ttl {
  padding: 0 10px;
}

#yonemachi_town .cont__right {
  width: 38.16%;
  max-width: 474px;
}
#yonemachi_town .cont__right .item:not(:last-child) {
  margin-bottom: 15px;
}
#yonemachi_town .cont__right .item__txtbk-ttl {
  padding: 14px 0 10px;
}

@media screen and (max-width: 1920px) {
  /*===================
	kushiro_city
	===================*/
  #kushiro_city .cont__main-img {
    border-radius: 25px 0 0 25px;
  }
}
@media screen and (max-width: 1370px) {
}
@media screen and (max-width: 980px) {
  #kushiro .article__nav {
    border: none;
  }
  .cont__inner {
    padding: 0;
  }
  /*===================
	kushiro_city
	===================*/
  #kushiro_city .cont__head {
    flex-direction: column;
    gap: 50px;
  }
  #kushiro_city .cont__head-txt {
    width: 100%;
    max-width: initial;
  }
  #kushiro_city .cont__head-map {
    width: 100%;
  }
  #kushiro_city .cont__main {
    padding-top: 69.8vw;
    height: auto;
    max-height: initial;
  }
  #kushiro_city .cont__main-img {
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 69.8vw;
    border-radius: 0;
  }
  #kushiro_city .cont__main-item {
    margin: clamp(40px, 8vw, 66px) auto 0;
  }
  #kushiro_city .item {
    width: 100%;
  }
  /*===================
	yonemachi_town
	===================*/
  #yonemachi_town .cont__inner {
    flex-direction: column;
    align-items: center;
    gap: clamp(40px, 7.51vw, 56px);
  }
  #yonemachi_town .cont__left,
  #yonemachi_town .cont__left-main {
    width: 100%;
    max-width: initial;
  }
  #yonemachi_town .slider_nav {
    width: 60% !important;
  }
  #yonemachi_town .cont__left-flex .item__txtbk {
    width: 40%;
  }
  #yonemachi_town .cont__right {
    width: 100%;
    max-width: initial;
  }
  .cont__right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px 0;
  }
  .cont__right ul li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  #kushiro_city .cont__main-item .item__txtbk-ttl {
    font-size: clamp(20px, 4vw, 25px);
  }
  #yonemachi_town .cont__left-flex {
    display: block;
  }
  #yonemachi_town .slider_nav {
    width: 100% !important;
    max-width: 639px !important;
    margin: 0 auto;
  }
  #yonemachi_town .slider_nav li {
    width: calc(88.72% / 3) !important;
  }
  #yonemachi_town .slider_nav .slick-current {
    filter: opacity(40%);
    display: block;
  }
  #yonemachi_town .cont__left-flex .item__txtbk {
    width: 100%;
    margin: 10px 0;
  }
}
@media screen and (max-width: 500px) {
  #kushiro_city .cont__list {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  #yonemachi_town .cont__right ul li {
    width: 100%;
  }
}