@charset "utf-8";

/* default PC */

#contents .item-list li {
  background-color:#EB595A;
  border-radius:30px;
  color:#FFF;
  display:flex;
  flex-direction:column;
  font-size:23px;
  font-weight:bold;
  gap:10px;
  justify-content:center;
  line-height:1.5em;
  padding:25px 15px;
  position:relative;
  text-align:center;
  width:calc(100% / 4 - 18px);
}

#contents .item-list li:nth-child(2) {
  background-color:#89B329;
}

#contents .item-list li:nth-child(3) {
  background-color:#E99A23;
}

#contents .item-list li:nth-child(4) {
  background-color:#BB6FE7;
}

#contents .item-list li:nth-child(5) {
  background-color:#E677A7;
}

#contents .item-list li:nth-child(6) {
  background-color:#30AADE;
}

#contents .item-list li:nth-child(n+2) {
  gap:25px;
}

#contents .item-list li .icon {
  display:flex;
  height:146px;
  justify-content:center;
}

#contents .item-list li .icon img {
  object-fit:contain;
}

#contents .item-list {
  gap:24px;
}


/* 回収品目の注意事項 */
.cautionary-note .table-02 th {
  text-align:center;
}

.cautionary-note .table-02 td:first-child {
  min-width:120px;
  white-space:nowrap;
  width:10%;
}

.cautionary-note .table-over .table-02 {
  min-width:1140px;
}

.cautionary-note .table-over .table-02 tr:nth-child(6) td:nth-child(3) {
  width:25%;
}

.cautionary-note .table-over .table-02 th:first-child,
.cautionary-note .table-over .table-02 td.item {
  border-collapse:separate;
  color:#FFF;
  font-size:15px;
  left:0;
  padding:5px;
  position:sticky;
  text-align:center;
  vertical-align:middle;
  z-index:1;
}



.cautionary-note .table-over .table-02 td.item {
  color:#FFF;
  text-align:center;
}

.cautionary-note .table-over .table-02 tr:nth-child(2) td.item {
  background-color:#EB595A;
}

.cautionary-note .table-over .table-02 tr:nth-child(3) td.item {
  background-color:#89B329;
}

.cautionary-note .table-over .table-02 tr:nth-child(4) td.item {
  background-color:#E99A23;
}

.cautionary-note .table-over .table-02 tr:nth-child(5) td.item {
  background-color:#bb6fe7;
}

.cautionary-note .table-over .table-02 tr:nth-child(6) td.item {
  background-color:#E677A7;
}

.cautionary-note .table-over .table-02 tr:nth-child(7) td.item {
  background-color:#30AADE;
}

.cautionary-note .table-over .table-02 tr:nth-child(8) td.item {
  background-color:#30AADE;
}

.txt-1260 {
  display:none;
}

@media screen and (max-width: 1260px) {
  .txt-1260 {
    display:block;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .item-list li .icon {
    height:calc(100vw / 9);
  }

  #contents .item-list li {
    font-size:20px;
    width:calc(100% / 3 - 16px);
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
}

@media screen and (max-width: 767px) {
  #contents .item-list li .icon {
    height:calc(100vw / 7);
  }

  #contents .item-list li {
    font-size:19px;
    width:calc(100% / 2 - 16px);
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .item-list li .icon {
    height:calc(100vw / 6);
  }

  #contents .item-list li:nth-child(n+2) {
    gap:15px;
  }

  #contents .item-list li {
    font-size:15px;
    padding:20px 10px;
    width:calc(100% / 2 - 5px);
  }

  #contents .item-list {
    gap:10px;
  }


  /*  */

  .cautionary-note .table-over .table-02 tr:first-child th:nth-child(2),
  .cautionary-note .table-over .table-02 tr:first-child th:nth-child(3),
  .cautionary-note .table-over .table-02 tr:first-child th:nth-child(4) {
    text-align:left;
  }
}