@charset "UTF-8";
/* =====================
	TOPページ
 ======================= */
/** -------------------- MV -------------------- **/
.mv {
  position: relative;
}
.mv .mv-video video {
  width: 100%;
}
.mv .mv-ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mv .mv-ttl img {
  width: 100%;
}

/** -------------------- お知らせ -------------------- **/
.news {
  padding: 4.688% 0 5.208%;
}
.news .news-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 4.167%;
     -moz-column-gap: 4.167%;
          column-gap: 4.167%;
  margin-bottom: 4.167%;
}
.news .news-ttl {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.news .news-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.news .news-list {
  border-top: 1px solid var(--c_border);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1em auto 1em 1fr;
  grid-template-columns: auto auto 1fr;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.news .news-list-item {
  border-bottom: 1px solid var(--c_border);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.news .news-list-item-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
  -ms-grid-column-span: 3;
  grid-column: span 3;
  padding: 1.2em 0;
  font-size: 125%;
  line-height: 1.44;
}
.news .news-list-item-date {
  letter-spacing: 0.2em;
  color: var(--c_border);
}
.news .news-list-item-cat > span {
  text-align: center;
  display: block;
  font-weight: 700;
  border-radius: 100px;
  padding: 0 0.8em;
  background: var(--c_blue);
  color: var(--c_wht);
  max-width: 10em;
}
.news .news-list-item-ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

/** -------------------- お客様の想いに、まっすぐ応える。 -------------------- **/
.about {
  padding: 9.375% 0 7.813%;
  overflow: hidden;
}
.about .about-ttl {
  text-align: center;
  font-size: 325%;
  font-weight: 700;
  line-height: 1;
  position: relative;
}
.about .about-ttl:before {
  content: "";
  width: 6.792%;
  padding-top: 6.875%;
  background: url(../img/home/about01.png) no-repeat center/contain;
  position: absolute;
  right: -0.846em;
  top: -0.846em;
}
.about .about-ttl > span {
  background: var(--c_blue);
  color: var(--c_wht);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  display: inline-block;
  padding: 0.185em 0 0.262em 0.462em;
}
.about .about-lead {
  margin-top: 2.5%;
  text-align: center;
  font-size: 125%;
  line-height: 1.8;
  position: relative;
  z-index: 2;
}
.about .about-lead:after {
  content: "";
  width: 17%;
  padding-top: 23.333%;
  background: url(../img/home/about02.png) no-repeat center/contain;
  position: absolute;
  bottom: -9.333%;
  left: -9.333%;
  z-index: -1;
}

/** -------------------- 日東物産の5つの強み -------------------- **/
.strength {
  padding: 2.604% 0 7.813%;
  margin-top: -2.604%;
}
.strength .strength-container {
  position: relative;
}
.strength .strength-list {
  padding: 0 1.563%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5em 1.613%;
}
.strength .strength-list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.258%;
          flex: 0 0 32.258%;
  background: var(--c_wht);
  border-radius: 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.strength .strength-list-item:before {
  content: "";
  width: 75.667%;
  padding-top: 75.667%;
  border-radius: 50%;
  background: rgba(40, 120, 225, 0.14);
  position: absolute;
  top: 0;
  margin-top: -37.833%;
  left: -37.833%;
  z-index: -1;
}
.strength .strength-list-item-link {
  color: var(--c_blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 19em;
}
.strength .strength-list-item-txt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 175%;
  font-weight: 700;
  line-height: 1.57;
}
.strength .strength-list-item-txt .size-s {
  font-size: 71.429%;
}
.strength .strength-list-item-txt .size-l {
  font-size: 157.143%;
}
.strength .strength-list-item-txt .size-xl {
  font-size: 185.714%;
  line-height: 1;
}
.strength .strength-list-item-more {
  border-radius: 1.364em 0 1.364em 0;
  background: var(--c_blue);
  color: var(--c_wht);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 1.091em;
     -moz-column-gap: 1.091em;
          column-gap: 1.091em;
  font-size: 110%;
  font-weight: 700;
  padding: 0.591em 1.682em 0.682em 2.091em;
  position: absolute;
  bottom: 0;
  right: 0;
}
.strength .strength-list-item-more:after {
  content: "";
  width: 0.455em;
  height: 0.682em;
  background: url(../img/common/arrow.png) no-repeat center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-filter: var(--filter_wht);
          filter: var(--filter_wht);
}
.strength .strength-list-item01:before {
  background: rgba(36, 129, 162, 0.13);
}
.strength .strength-list-item01 .strength-list-item-link {
  color: #2481A2;
  -webkit-column-gap: 9.167%;
     -moz-column-gap: 9.167%;
          column-gap: 9.167%;
}
.strength .strength-list-item01 .strength-list-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 9.15em;
          flex: 0 1 9.15em;
}
.strength .strength-list-item01 .strength-list-item-more {
  background: #2481A2;
}
.strength .strength-list-item02:before {
  background: rgba(235, 160, 39, 0.15);
}
.strength .strength-list-item02 .strength-list-item-link {
  color: #EBA027;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.strength .strength-list-item02 .strength-list-item-img {
  width: 34.833%;
  position: absolute;
  right: 5.333%;
  top: 0;
  margin-top: 8.333%;
}
.strength .strength-list-item02 .strength-list-item-txt {
  margin-left: 8.333%;
}
.strength .strength-list-item02 .strength-list-item-more {
  background: #EBA027;
}
.strength .strength-list-item03:before {
  background: rgba(80, 170, 50, 0.14);
}
.strength .strength-list-item03 .strength-list-item-link {
  color: #50AA32;
  -webkit-column-gap: 3.333%;
     -moz-column-gap: 3.333%;
          column-gap: 3.333%;
}
.strength .strength-list-item03 .strength-list-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 9.5em;
          flex: 0 1 9.5em;
}
.strength .strength-list-item03 .strength-list-item-more {
  background: #50AA32;
}
.strength .strength-list-item04 .strength-list-item-link {
  -webkit-column-gap: 7.833%;
     -moz-column-gap: 7.833%;
          column-gap: 7.833%;
}
.strength .strength-list-item04 .strength-list-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 8.55em;
          flex: 0 1 8.55em;
}
.strength .strength-list-item05:before {
  background: rgba(199, 77, 77, 0.13);
}
.strength .strength-list-item05 .strength-list-item-link {
  color: var(--c_red);
  -webkit-column-gap: 1%;
     -moz-column-gap: 1%;
          column-gap: 1%;
}
.strength .strength-list-item05 .strength-list-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 8.45em;
          flex: 0 1 8.45em;
}
.strength .strength-list-item05 .strength-list-item-more {
  background: var(--c_red);
}
.strength .strength-more {
  position: absolute;
  right: 0;
  top: 2.667%;
  width: 100%;
}

/** -------------------- 取扱メーカー・商品紹介 -------------------- **/
.maker {
  background: var(--c_green);
  color: var(--c_wht);
  padding: 6.771% 0 6.25%;
  overflow: hidden;
}
.maker .maker-container {
  position: relative;
}
.maker .maker-lead {
  text-align: center;
  border-top: 1px solid currentColor;
  padding-top: 2.5%;
  font-size: 125%;
  line-height: 1.8;
}
.maker .maker-list {
  margin: 4.167% -0.75em 6.667%;
}
.maker .maker-list .slick-list {
  overflow: visible;
}
.maker .maker-list-item {
  margin: 0 0.75em;
  display: block;
  background: var(--c_wht);
  border-radius: 1.5em;
  overflow: hidden;
}
.maker .maker-list-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2.5%;
     -moz-column-gap: 2.5%;
          column-gap: 2.5%;
}
.maker .maker-list-nav .slick-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: -9999px;
  width: 3.3em;
  height: 3.3em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--c_blue);
  cursor: pointer;
  -webkit-transition: var(--anim);
  transition: var(--anim);
}
.maker .maker-list-nav .slick-arrow:before {
  content: "";
  width: 0.6em;
  height: 1.1em;
  background: url(../img/common/arrow.png) no-repeat center/contain;
  -webkit-filter: var(--filter_wht);
          filter: var(--filter_wht);
}
.maker .maker-list-nav .slick-prev {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.maker .maker-list-nav .slick-next {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.maker .maker-list-nav .slick-disabled {
  opacity: 0.5;
}
.maker .maker-list-nav .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.6em 1.5em;
}
.maker .maker-list-nav .slick-dots > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.maker .maker-list-nav .slick-dots button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  text-indent: -9999px;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #DCDCDC;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: var(--anim);
  transition: var(--anim);
}
.maker .maker-list-nav .slick-dots .slick-active button {
  background: var(--c_blue);
}
.maker .maker-more {
  position: absolute;
  right: 0;
  top: 0;
}

/** -------------------- 日東会会員紹介 -------------------- **/
.member {
  padding: 7.813% 0;
  overflow: hidden;
}
.member .member-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5%;
     -moz-column-gap: 5%;
          column-gap: 5%;
}
.member .member-txtbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
}
.member .member-txt {
  font-size: 125%;
  line-height: 1.8;
  margin: 2em 0;
}
.member .member-sub {
  width: 41%;
  margin-top: -4.3em;
}
.member .member-imgbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.member .member-img {
  width: 45em;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.member .member-img img {
  border-radius: 2.5em 0 0 2.5em;
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/** -------------------- その他下層リンクバナー -------------------- **/
.subpage {
  padding: 5.469% 0;
}
.subpage .subpage-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5% 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5em 2.5%;
}
.subpage .subpage-list-item-link {
  display: block;
  border-radius: 1.5em;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.subpage .subpage-list-item-link:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--c_wht);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: var(--anim);
  transition: var(--anim);
}
.subpage .subpage-list-item-link:hover {
  opacity: 1;
}
.subpage .subpage-list-item-link:hover:before {
  opacity: 0.3;
}
.subpage .subpage-list-item-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.8em;
     -moz-column-gap: 0.8em;
          column-gap: 0.8em;
  padding: 0.88em;
  background: var(--c_blue);
  color: var(--c_wht);
  font-size: 125%;
  font-weight: 700;
  line-height: 1.12;
}
.subpage .subpage-list-item-txt:after {
  content: "";
  width: 0.4em;
  height: 0.64em;
  background: url(../img/common/arrow.png) no-repeat center/contain;
  -webkit-filter: var(--filter_wht);
          filter: var(--filter_wht);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.subpage .subpage-list-item:nth-child(odd) .subpage-list-item-txt {
  background: var(--c_green);
}

/** -------------------- 年間カレンダー -------------------- **/
.calendar {
  padding: 5.208% 0 7.813%;
}
.calendar:last-child {
  padding-bottom: 0;
}
.calendar .calendar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.5em 1.667%;
}
.calendar .calendar-ttl {
  margin: 0;
}
.calendar .calendar-dl-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.4em;
     -moz-column-gap: 0.4em;
          column-gap: 0.4em;
  background: var(--c_red);
  color: var(--c_wht);
  border-radius: 100px;
  border: 2px solid var(--c_red);
  padding: 0.52em 1.12em;
  font-size: 125%;
  font-weight: 700;
  line-height: 1.44;
}
.calendar .calendar-dl-btn img {
  -webkit-filter: var(--filter_wht);
          filter: var(--filter_wht);
  -webkit-transition: var(--anim);
  transition: var(--anim);
}
.calendar .calendar-dl-btn-pdf {
  width: 1.2em;
}
.calendar .calendar-dl-btn-dl {
  width: 0.6em;
}
.calendar .calendar-dl-btn:hover {
  opacity: 1;
  background: var(--c_wht);
  color: var(--c_red);
}
.calendar .calendar-dl-btn:hover img {
  -webkit-filter: var(--filter_red);
          filter: var(--filter_red);
}
.calendar .calendar-pdf {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border: 2px solid var(--c_border);
}
.calendar .calendar-pdf img {
  width: 100%;
  height: auto !important;
}

/** -------------------- お問い合わせ -------------------- **/
.contact {
  margin-top: 0;
}

/* タブレット
  ------------------------ */
@media (max-width: 1079px) {
  /** -------------------- MV -------------------- **/
  /** -------------------- お知らせ -------------------- **/
  .news .news-container {
    display: block;
  }
  .news .news-list {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .news .news-list-item {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .news .news-list-item-link {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    gap: 12px 20px;
    padding: 16px 0;
    font-size: 14px;
  }
  .news .news-list-item-ttl {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    font-size: 18px;
    -webkit-line-clamp: 2;
  }
  /** -------------------- お客様の想いに、まっすぐ応える。 -------------------- **/
  .about {
    padding-bottom: 50px;
  }
  .about .about-ttl {
    font-size: 38px;
  }
  .about .about-ttl:before {
    top: auto;
    bottom: calc(100% + 8px);
    right: -20px;
  }
  .about .about-ttl > span {
    padding: 4px 0 8px 16px;
  }
  .about .about-lead {
    font-size: 16px;
  }
  .about .about-lead:after {
    width: 100px;
    padding-top: 140px;
    display: block;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 8px;
  }
  /** -------------------- 日東物産の5つの強み -------------------- **/
  .strength {
    padding-top: 75px;
    margin-top: 0;
  }
  .strength .strength-list {
    padding: 0 20px;
  }
  .strength .strength-list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 600px;
            flex: 0 0 600px;
  }
  .strength .strength-more {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 50px;
  }
  .strength .strength-more .cmn-btn01--right {
    margin-right: auto;
  }
  /** -------------------- 取扱メーカー・商品紹介 -------------------- **/
  .maker .maker-lead {
    font-size: 18px;
  }
  .maker .maker-list {
    margin: 4.167% -0.667% 2.5%;
  }
  .maker .maker-list-item {
    margin: 0 0.4em;
  }
  .maker .maker-list-nav .slick-arrow {
    width: 48px;
    height: 48px;
  }
  .maker .maker-list-nav .slick-dots {
    gap: 0.4em 0.8em;
  }
  .maker .maker-more {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 50px;
  }
  .maker .maker-more .cmn-btn01--right {
    margin-right: auto;
  }
  /** -------------------- 日東会会員紹介 -------------------- **/
  .member .member-container {
    display: block;
  }
  .member .member-txt {
    font-size: 18px;
  }
  .member .member-sub {
    width: 120px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .member .member-more .cmn-btn01--right {
    margin-right: auto;
  }
  .member .member-imgbox {
    margin-top: 30px;
  }
  .member .member-img {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
  }
  .member .member-img img {
    border-radius: 2.5em;
  }
}
/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  /** -------------------- MV -------------------- **/
  /** -------------------- お知らせ -------------------- **/
  .news {
    padding: 50px 0;
  }
  .news .news-container {
    margin-bottom: 30px;
  }
  .news .news-list-item-ttl {
    font-size: 16px;
  }
  /** -------------------- お客様の想いに、まっすぐ応える。 -------------------- **/
  .about {
    padding: 80px 0 20px;
  }
  .about .about-ttl {
    font-size: 36px;
    line-height: 2;
  }
  .about .about-ttl:before {
    width: 60px;
    padding-top: 60px;
    right: 0;
    bottom: 100%;
  }
  .about .about-ttl > span {
    display: inline;
    padding: 0 0 0 12px;
  }
  .about .about-lead {
    margin-top: 20px;
    text-align: left;
  }
  /** -------------------- 日東物産の5つの強み -------------------- **/
  .strength {
    padding: 40px 0 80px;
  }
  .strength .strength-list {
    padding: 0 20px;
    gap: 30px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .strength .strength-list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-radius: 16px;
  }
  .strength .strength-list-item:before {
    width: 240px;
    padding-top: 240px;
    margin-top: -120px;
    left: -120px;
  }
  .strength .strength-list-item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
    padding: 20px 20px 0;
    min-height: auto;
  }
  .strength .strength-list-item-txt {
    font-size: 20px;
  }
  .strength .strength-list-item-txt .size-s {
    font-size: 12px;
  }
  .strength .strength-list-item-txt .size-l {
    font-size: 32px;
  }
  .strength .strength-list-item-txt .size-xl {
    font-size: 40px;
  }
  .strength .strength-list-item-more {
    font-size: 16px;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    padding: 8px 20px 12px 28px;
    position: relative;
    bottom: auto;
    right: auto;
    margin: 0 -20px 0 auto;
    border-radius: 16px 0 16px 0;
  }
  .strength .strength-list-item-more:after {
    width: 8px;
    height: 12px;
  }
  .strength .strength-list-item01 .strength-list-item-img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 120px;
  }
  .strength .strength-list-item02 .strength-list-item-img {
    width: 140px;
    position: relative;
    right: auto;
    top: auto;
    margin: 0 auto;
  }
  .strength .strength-list-item02 .strength-list-item-txt {
    margin: 0;
  }
  .strength .strength-list-item03 .strength-list-item-img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 140px;
  }
  .strength .strength-list-item04 .strength-list-item-img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100px;
  }
  .strength .strength-list-item05 .strength-list-item-img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 140px;
  }
  /** -------------------- 取扱メーカー・商品紹介 -------------------- **/
  .maker {
    padding: 60px 0;
  }
  .maker .maker-lead {
    font-size: 16px;
  }
  .maker .maker-list {
    margin: 30px -4px 20px;
  }
  .maker .maker-list-item {
    margin: 0 4px;
  }
  .maker .maker-list-item-link {
    border-radius: 16px;
  }
  .maker .maker-list-nav {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
  .maker .maker-list-nav .slick-arrow {
    width: 28px;
    height: 28px;
  }
  .maker .maker-list-nav .slick-arrow:before {
    width: 8px;
    height: 8px;
  }
  .maker .maker-list-nav .slick-dots {
    gap: 8px 12px;
  }
  .maker .maker-list-nav .slick-dots button {
    width: 8px;
    height: 8px;
  }
  .maker .maker-more {
    margin-top: 30px;
  }
  /** -------------------- 日東会会員紹介 -------------------- **/
  .member {
    padding: 80px 0;
  }
  .member .member-txt {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .member .member-sub {
    width: 90px;
    top: 20px;
  }
  .member .member-imgbox {
    margin-top: 30px;
  }
  .member .member-img img {
    border-radius: 24px;
  }
  /** -------------------- その他下層リンクバナー -------------------- **/
  .subpage {
    padding: 50px 0;
  }
  .subpage .subpage-list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 30px 0;
  }
  .subpage .subpage-list-item-link {
    border-radius: 16px;
  }
  .subpage .subpage-list-item-txt {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
    padding: 12px;
    font-size: 18px;
  }
  .subpage .subpage-list-item-txt:after {
    width: 8px;
    height: 12px;
  }
  /** -------------------- 年間カレンダー -------------------- **/
  .calendar {
    padding: 50px 0;
  }
  .calendar .calendar-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .calendar .calendar-dl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .calendar .calendar-dl-btn {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    border-width: 1px;
    font-size: 16px;
  }
  .calendar .calendar-dl-btn-pdf {
    width: 24px;
  }
  .calendar .calendar-dl-btn-dl {
    width: 12px;
  }
  .calendar .calendar-pdf {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-width: 1px;
  }
}