@media (min-width: 769px) {
  .gnavi .gnavi_faq.active svg {
    fill: #e60012;
  }
  .gnavi .gnavi_faq.active a::before {
    transform: scale(1, 1);
  }
}

@media (min-width: 769px) {
  .gnavi .gnavi_goods.active svg {
    fill: #e60012;
  }
  .gnavi .gnavi_goods.active a::before {
    transform: scale(1, 1);
  }
}

.sp-logo {
  background: #e60012;
  padding: 85px 0 92px;
  text-align: center;
}

.sp-logo svg {
  fill: #fcfcfc;
  width: 444px;
}

.page-title {
  background: #0c0c0c;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-title img {
  width: auto;
  height: 50%;
}


@media (min-width: 769px) {
  .page-title {
    padding-top: 76px;
    height: 276px;
    overflow: hidden;
  }
  .page-title img {
    width: 100%;
    height: auto;
    max-width: 400px;
  }
}

@media (min-width: 769px) {
  .title-hr.hr-black.hr01 {
    background-image: url(../images/hr-faq01.jpg);
  }
  .title-hr.hr-black.hr02 {
    background-image: url(../images/hr-faq02.jpg);
  }
  .title-hr.hr-black.hr-goods {
    background-image: url(../images/hr-goods.png);
  }
}

.sub-navi ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 130px;
}

@media (min-width: 769px) {
  .sub-navi ul {
    margin: 0 auto 80px;
    width: 640px;
  }
}

@media (min-width: 769px) {
  .sub-navi .goods_link {
    margin: 0 auto 80px;
    width: 420px;
  }
}

@media (max-width: 768px) {
  .sub-navi ul li {
    width: 49%;
  }
}

@media (min-width: 769px) {
  .sub-navi ul li {
    width: 200px;
  }
}

.sub-navi ul li a {
  background: #fcfcfc;
}

.article-contents {
  background: #eee;
  color: #0c0c0c;
  font-size: 3.2rem;
  padding: 160px 0 0;
}

@media (min-width: 769px) {
  .article-contents {
    font-size: 1.6rem;
    padding: 80px 0 70px;
  }
}

.article-contents h4 {
  color: #e60012;
  font-size: 4.8rem;
  font-weight: bold;
  margin: 0 0 40px;
}

@media (min-width: 769px) {
  .article-contents h4 {
    font-size: 2.4rem;
    margin: 0 0 20px;
  }
}

.article-contents .article-container {
  padding: 0 0 70px;
}

@media (min-width: 769px) {
  .article-contents .article-container {
    padding: 0 0 30px;
  }
}

.article-contents .each {
  padding: 0 0 80px;
}

.article-contents .each dl {
  padding: 0 0 40px;
}

.article-contents .each dl dt {
  font-weight: bold;
  padding: 0 0 10px;
}

.article-contents .each dl ul {
  color: #666;
  font-size: 2.8rem;
  margin: 10px 0 0;
}

.article-contents .each dl ul li:not(:last-child) {
  padding: 0 0 10px;
}

@media (min-width: 769px) {
  .article-contents .each {
    padding: 0 0 30px;
  }
  .article-contents .each dl {
    padding: 0 0 20px;
  }
  .article-contents .each dl ul {
    font-size: 1.4rem;
    margin: 5px 0 0;
  }
  .article-contents .each dl ul li:not(:last-child) {
    padding: 0 0 2px;
  }
}

.article-contents .list {
  margin: 0 0 0 40px;
}

.article-contents .list > li {
  list-style-type: disc;
  padding: 0 0 10px;
}

.article-contents .list > li ul {
  color: #666;
  font-size: 2.8rem;
  margin: 10px 0 0;
}

.article-contents .list > li ul li:not(:last-child) {
  padding: 0 0 10px;
}

@media (min-width: 769px) {
  .article-contents .list {
    margin: 0 0 0 24px;
  }
  .article-contents .list > li ul {
    font-size: 1.4rem;
    margin: 5px 0 0;
  }
  .article-contents .list > li ul li:not(:last-child) {
    padding: 0 0 2px;
  }
}



.goods_area {
  padding: 0 0 88px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item_box {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.item_box:first-child {
  margin-top: 0;
}
.item_img {
  width: 100%;
  border: solid 1px #d3d3d3;
}
.item_name {
  margin-top: 40px;
  font-size: 4.8rem;
  font-weight: bold;
  color: #e60012;
  line-height: 1.4;
}
.item_detail {
  margin-top: 24px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
  
}
.item_price {
  margin-top: 36px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
}
.item_price span {
  font-size: 4.8rem;
}

@media (min-width: 769px) {
  .goods_area {
    padding: 0 0 50px;
  }
  .item_box {
    margin-top: 40px;
    width: 48.0769230769%;
  }
  .item_box:nth-child(-n+2) {
    margin-top: 0;
  }
  .item_img {
    height: 23vw;
    max-height: 262px;
  }
  .item_name {
    margin-top: 20px;
    font-size: 2.4rem;
  }
  .item_detail {
    margin-top: 12px;
    font-size: 1.6rem;
  }
  .item_price {
    margin-top: 18px;
    font-size: 1.6rem;
  }
  .item_price span {
    font-size: 2.4rem;
  }
}