@charset "UTF-8";
/*=======================================================
共通
=======================================================*/
.ly_main {
  padding-top: 0;
}

.bl_articles {
  padding-top: min(140 / 1280 * 100vw, 140px);
}

@media screen and (max-width: 750px) {
  .ly_main {
    padding-top: 108px;
  }
  .bl_articles {
    padding-top: 140px;
  }
}
/*=======================================================
mv
=======================================================*/
.bl_mv {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: min(207 / 1280 * 100vw, 207px) 0 min(220 / 1280 * 100vw, 220px);
}
.bl_mv_box {
  display: inline-grid;
  gap: min(32 / 1280 * 100vw, 32px);
}
.bl_mv_box_wrapper {
  padding-right: min(81 / 1280 * 100vw, 81px);
  text-align: right;
}
.bl_mv_ttl {
  width: min(332 / 1280 * 100vw, 332px);
  display: flex;
}
.bl_mv_txt {
  line-height: calc(77/45);
  text-align: left;
}

@media screen and (max-width: 750px) {
  .bl_mv {
    padding: 0;
    display: grid;
    align-items: center;
    height: 638px;
  }
  .bl_mv .ly_cont_inner {
    height: auto;
  }
  .bl_mv_box {
    gap: 24px;
  }
  .bl_mv_box_wrapper {
    padding-right: 213px;
  }
  .bl_mv_ttl {
    width: 414px;
  }
  .bl_mv_txt {
    line-height: calc(165/96);
  }
}
/*=======================================================
article-info
=======================================================*/
.bl_articles-info {
  background: #f1f0ec;
  padding: min(140 / 1280 * 100vw, 140px) 0;
}
.bl_articles-info_list {
  display: grid;
  gap: min(48 / 1280 * 100vw, 48px);
}
.bl_articles-info_item .bl_item_ttl {
  padding: min(9 / 1280 * 100vw, 9px) min(24 / 1280 * 100vw, 24px) min(12 / 1280 * 100vw, 12px);
  line-height: calc(35/24);
  font-size: min(24 / 1280 * 100vw, 24px);
  font-weight: 400;
  letter-spacing: 0.2em;
  background: #ffffff;
  position: relative;
  margin-bottom: min(40 / 1280 * 100vw, 40px);
  text-align: center;
}
.bl_articles-info_item .bl_item_ttl::before {
  position: absolute;
  content: "";
  top: 50%;
  left: min(24 / 1280 * 100vw, 24px);
  transform: translateY(-50%);
  height: min(36 / 1280 * 100vw, 36px);
}
.bl_articles-info_item .bl_item_ttl_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
}
.bl_articles-info_item .bl_item_ttl_inner::before, .bl_articles-info_item .bl_item_ttl_inner::after {
  content: "-";
}
.bl_articles-info_item.category .bl_item_ttl::before {
  width: min(159 / 1280 * 100vw, 159px);
  background: url("../images/common/ttl_deco_category.svg") bottom center/contain no-repeat;
}
.bl_articles-info_item.tag .bl_item_ttl::before {
  width: min(155 / 1280 * 100vw, 155px);
  background: url("../images/common/ttl_deco_keyword.svg") bottom center/contain no-repeat;
}
.bl_articles-info_item .bl_category_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(80 / 1280 * 100vw, 80px);
  margin-bottom: min(48 / 1280 * 100vw, 48px);
}
.bl_articles-info_item .bl_category_item {
  width: calc((100% - min(80 / 1280 * 100vw, 80px) * 1) / 2);
}
.bl_articles-info_item .bl_tag {
  padding: min(2 / 1280 * 100vw, 2px) min(14 / 1280 * 100vw, 14px) min(4 / 1280 * 100vw, 4px);
  color: #222222;
  border: min(1 / 1280 * 100vw, 1px) solid #d8b787;
  background: #ffffff;
  border-radius: min(17 / 1280 * 100vw, 17px);
}
.bl_articles-info_item .bl_tag_list {
  display: flex;
  flex-wrap: wrap;
  max-width: min(1080 / 1280 * 100vw, 1080px);
  gap: min(16 / 1280 * 100vw, 16px);
  margin-inline: auto;
  justify-content: center;
}
.bl_articles-info_item .bl_tag_item {
  line-height: calc(29/15);
}
.bl_articles-info_item .bl_tag::before {
  display: none;
}
.bl_articles-info_item .bl_tag_inner {
  position: relative;
  padding-left: 0.6em;
}
.bl_articles-info_item .bl_tag_inner::before {
  position: absolute;
  content: "#";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .bl_articles-info {
    padding: 120px 0;
  }
  .bl_articles-info_list {
    gap: 80px;
  }
  .bl_articles-info_item .bl_item_ttl {
    padding: 21px 36px;
    font-size: 28px;
    margin-bottom: 64px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .bl_articles-info_item .bl_item_ttl::before {
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    height: 54px;
  }
  .bl_articles-info_item.category .bl_item_ttl::before {
    width: 240px;
  }
  .bl_articles-info_item.tag .bl_item_ttl::before {
    width: 249px;
  }
  .bl_articles-info_item .bl_category_list {
    gap: 80px;
    margin-bottom: 0;
  }
  .bl_articles-info_item .bl_category_item {
    width: 100%;
  }
  .bl_articles-info_item .bl_tag {
    padding: 3px 21px 6px;
    border-width: 2px;
    border-radius: 25px;
  }
  .bl_articles-info_item .bl_tag_list {
    max-width: none;
    gap: 24px;
  }
}
/*=======================================================
top-bnr
=======================================================*/
.bl_top-bnr {
  padding: min(140 / 1280 * 100vw, 140px) 0;
}
.bl_top-bnr_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(24 / 1280 * 100vw, 24px);
}
.bl_top-bnr_item {
  width: calc((100% - min(24 / 1280 * 100vw, 24px) * 3) / 4);
}
.bl_top-bnr_item .bl_item_link {
  display: flex;
}
.bl_top-bnr_item .bl_item_link > img {
  height: min(282 / 1280 * 100vw, 282px);
  object-fit: cover;
}

@media screen and (max-width: 750px) {
  .bl_top-bnr {
    padding: 120px 0;
  }
  .bl_top-bnr_list {
    gap: 36px;
  }
  .bl_top-bnr_item {
    width: calc((100% - 36px) / 2);
  }
  .bl_top-bnr_item .bl_item_link > img {
    height: 327px;
    object-fit: cover;
  }
}
/*=======================================================
products
=======================================================*/
.bl_products {
  padding-top: 0;
}