.item-slider {
  display:none
}
.item-slider.slick-initialized {
  display:block
}
.mincho {
  font-family:"Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif
}
.t-title {
  margin-top:min(2.5vw,30px)
  text-align:center  
}
@media screen and (max-width: 680px ) {
  .h-title {
    margin-top:max(5.3vw,20px)
  }
}
.t-title h1 {
  max-width:1240px;
  padding:0 20px;
  margin:0 auto
}
.t-link {
  max-width:600px;
  margin:min(3.33vw,40px) auto 0
}
@media screen and (max-width: 680px ) {
  .t-link {
    margin:max(8vw,30px) auto 0
  }
}
.t-link a {
  position:relative;
  display:block;
  height:min(5.5vw,66px);
  line-height:min(5.5vw,66px);
  text-align:center;
  font-size:min(2vw,24px);
  background-color:#83b31f;
  border:solid 4px #83b31f;
  color:#fff;
  border-radius:999px;
  box-shadow:0px 4px 10px -2px #777
}
@media screen and (min-width: 681px ) {
  .t-link a {
    transition:.3s all
  }
  .t-link a:hover {
    background-color:#fff;
    color:#83b31f
  }
  .t-link a:hover::after {
    background:#83b31f
  }
}
@media screen and (max-width: 680px ) {
  .t-link a {
    height:max(23.4vw,88px);
    line-height:max(23.4vw,88px);
    font-size:max(5.3vw,20px);
    padding-right:.5em
  }
}
.t-link a::after {
  transition:.3s all;
  position:absolute;
  display:block;
  content:"";
  right:min(2.5vw,30px);
  top:50%;
  transform:translateY(-50%);
  background:#fff;
  height:min(1.9vw,23px);
  width:min(1.6vw,20px);
  clip-path:polygon(0 0, 100% 50%, 0 100%)
}
@media screen and (max-width: 680px ) {
  .t-link a::after {
    right:max(5.3vw,20px);
    height:max(4.8vw,18px);
    width:max(4.2vw,16px)
  }
}
.t-area {
  max-width:1320px;
  margin: 30px auto 60px;
}
@media screen and (max-width: 680px ) {
  .t-area {
    margin:max(16vw,60px) auto 0
  }
}
.t-area-wrap {
  padding:0 60px
}
@media screen and (max-width: 1100px ) {
  .t-area-wrap {
    padding:0 40px
  }
}
@media screen and (max-width: 680px ) {
  .t-area-wrap {
    padding:0 20px
  }
}
.t-area-inner:not(:first-child) {
  margin-top:min(6.66vw,80px)
}
@media screen and (max-width: 680px ) {
  .t-area-inner:not(:first-child) {
    margin-top:max(10.6vw,40px)
  }
}
.block-title.temi_ttl {
  margin-bottom:min(4.166vw,50px)
}
@media screen and (max-width: 1100px ) {
  .block-title.hokk_ttl {
    margin-bottom:max(6.67vw,25px)
  }
}
.block-title-mini {
  font-size:min(2.916vw,35px);
  color:#0d855a;
  margin-bottom:min(3.33vw,40px);
  padding:0 60px;
  line-height:1.4
}
@media screen and (max-width: 1100px ) {
  .block-title-mini {
    padding:0 40px;
    margin-bottom:min(2.5vw,30px)
  }
}
@media screen and (max-width: 680px ) {
  .block-title-mini {
    margin-bottom:max(8vw,30px);
    font-size:max(8vw,30px);
    padding:0 20px;
    text-align:center
  }
}
.item-list {
  position:relative;
  padding:0 60px
}
@media screen and (max-width: 1100px ) {
  .item-list {
    padding:0 40px
  }
}
@media screen and (max-width: 680px ) {
  .item-list {
    padding:0 5px
  }
}
.item-list .slick-track {
  margin-left:0;
  margin-right:0
}
.item {
  margin:15px
}
@media screen and (max-width: 680px ) {
  .item {
    margin:10px
  }
}
.slick-arrow {
  position:absolute;
  overflow:hidden;
  text-indent:-10000px;
  width:min(2.5vw,30px);
  height:min(4.33vw,52px);
  border:none;
  background-image:url(../img/hokkaido/arw_slide.png);
  background-color:rgba(0,0,0,0);
  background-size:cover;
  top:50%
}
.slick-arrow.slick-prev {
  transform:translateY(-50%);
  left:15px
}
.slick-arrow.slick-next {
  transform:translateY(-50%) scale(-1, 1);
  right:15px
}
.slick-arrow.slick-disabled {
  display:none !important
}
.cat-list {
  padding:0 60px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:min(2.5vw,30px)
}
@media screen and (max-width: 1100px ) {
  .cat-list {
    padding:0 40px
  }
}
@media screen and (max-width: 680px ) {
  .cat-list {
    padding:0 20px;
    grid-template-columns:1fr 1fr;
    gap:max(4vw,15px)
  }
}
@media screen and (min-width: 681px ) {
  .cat-list a {
    transition:.3s all
  }
  .cat-list a:hover {
    transform:scale(1.1)
  }
}
.cat-list img {
  display:block
}
.t-area-set-txt {
  margin-top:min(3.3vw,40px)
}
@media screen and (max-width: 680px ) {
  .t-area-set-txt {
    margin-top:max(6.67vw,25px)
  }
}
.t-area-set.flex {
  display:flex;
  justify-content:space-between
}
@media screen and (max-width: 680px ) {
  .t-area-set.flex {
    flex-direction:column
  }
}
.t-area-set.flex .h-area-set-img {
  width:45%
}
@media screen and (max-width: 680px ) {
  .t-area-set.flex .h-area-set-img {
    width:100%
  }
}
.t-area-set.flex .t-area-set-txt {
  width:50%;
  margin-top:0
}
@media screen and (max-width: 680px ) {
  .t-area-set.flex .t-area-set-txt {
    width:100%;
    margin-top:max(6.67vw,25px)
  }
}
.map {
  position:relative;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto
}
.map svg {
  display:none
}
.map-link {
  position:absolute
}
@media screen and (max-width: 680px ) {
  .map-link {
    display:none
  }
}
.map-link a {
  display:block;
  opacity:0;
  width:100%;
  height:100%
}
.flex-2col {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.flex-2col .flex-item.span45 {
  width:45%
}
.flex-2col .flex-item.span50 {
  width:50%
}
@media screen and (max-width: 680px ) {
  .flex-2col .flex-item+.flex-item {
    left:max(25.6vw,96px)
  }
}
@media screen and (max-width: 680px ) {
  .flex-2col .flex-item {
    width:100% !important
  }
}
@media screen and (max-width: 680px ) {
  .flex-2col {
    flex-direction:column
  }
}
.txt-strong {
  font-size:min(35vw,42px);
  color:#727071
}
@media screen and (max-width: 680px ) {
  .txt-strong {
    font-size:max(8vw,30px)
  }
}
.txt-def {
  line-height:1.7;
  font-size:min(1.666vw,20px)
}
@media screen and (max-width: 680px ) {
  .txt-def {
    font-size:max(4.2666vw,16px)
  }
}

.t-icon {
  text-align:center;
  margin-top: 50px;
}