@charset "utf-8";

/* Sell Not Applicable
------------------------------*/

.notapplicable_page .-content {
  padding-bottom: 96px;  
}

.notapplicable_page .page_subTitle {
  margin: 96px 0 40px;
}

.notapplicable_page .-headline {
  font-size: var(--large-size);
  margin: 40px 0 20px;
}

@media screen and (max-width:768px){

  .notapplicable_page .-content {
    padding-bottom: calc(60*100vw/375);  
  }
  
  .notapplicable_page .page_subTitle {
    margin: calc(60*100vw/375) 0 calc(30*100vw/375);
  }
  
  .notapplicable_page .-headline {
    margin: calc(20*100vw/375) 0 calc(10*100vw/375);
  }
 
}

/* もくじ */
.tableOfContents_list {
  background-color: var(--sub-bg01);
  border: none;
  border-radius: 5px;
  padding: 40px 60px;
  margin: 96px 0 20px;
}

.tableOfContents_list li {
  padding: 0;
}

.tableOfContents_list li a {
  display: block;
  padding: 8px 0;
  text-decoration: underline;
  transition-duration: .2s;
  color: #3C3C3C;
  width: fit-content;
}

.tableOfContents_list li a:hover {
  text-decoration: none;
}

.tableOfContents_list li:first-child,
.tableOfContents_list li:first-child a {
  padding-top: 0;
}

.tableOfContents_list li:last-child,
.tableOfContents_list li:last-child a {
  padding-bottom: 0;
}

@media screen and (max-width:768px){

  .tableOfContents_list {
    border-radius: calc(5/375*100vw);
    padding: calc(24/375*100vw) calc(20/375*100vw);
    margin: calc(40/375*100vw) 0 calc(0/375*100vw);
  }

  .tableOfContents_list li a {
    padding: calc(8/375*100vw) 0;
    font-size: calc(12/375*100vw);
  }

}


/* brandList */
.blandList {
  background-color: var(--sub-bg01);
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  justify-content: flex-start;
  padding: 40px 60px;
}

.blandList li {
  margin: 0;
  width: calc((100% - (40px*4))/5 );
}

@media screen and (max-width:768px){

  .blandList {
    gap: calc(20*100vw/375);
    padding: calc(20/375*100vw);
  }

  .blandList li {
    font-size: calc(14/375*100vw);
    width: calc((100% - (20/375*100vw))/2 );
  }

}


/* productList */
.target_products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 85px;
  justify-content: flex-start;
}

.target_products li {
  max-width: 235px;
  width: calc((100% - (85px*3))/4);
}

.target_products li img {
  width: 100%;
  height: auto;
}

.target_products li h4 {
  margin: 10px 0 0;
}

@media screen and (max-width:768px){

  .target_products {
    gap: calc(20*100vw/375);
  }

  .target_products li {
    margin-bottom: calc(20/375*100vw);
    max-width: none;
    width: calc((100% - (20*100vw/375))/2);
  }

  .target_products li h4 {
    font-size: calc(14/375*100vw);
    margin: calc(10/375*100vw) 0 0;
  }

}


/* itemList */
.otherItemList {
  background-color: var(--sub-bg01);
  padding: 40px 60px;
}

.otherItemList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
  width: 100%;
}

.otherItemList ul li {
  padding-left: 1em;
  text-indent: -1em;
  width: calc((100% - 40px)/2 );
}

.otherItemList ul + ul,
.otherItemList ul li:nth-of-type(n+3) {
  margin-top: 16px;
}

@media screen and (max-width:768px){

  .otherItemList {
    padding: calc(24/375*100vw) calc(20/375*100vw);
  }

  .otherItemList ul li {
    font-size: calc(14/375*100vw);
    text-indent: -1em;
    padding-left: 1em;
    width: 100%;
  }

  .otherItemList ul + ul,
  .otherItemList ul li + li {
    margin-top: calc(16/375*100vw);
  }

}