@charset "utf-8";

/* default PC */
#use {
  background-color:#F7F2E6;
}

#contents .caution-box {
  background-color:#FFE6E6;
  border-radius:40px;
  padding:35px;
}

#contents .step-box {
  display:grid;
  gap:65px 0;
}

#contents .step-box .step-item .step-num {
  color:#D96A11;
  font-size:110%;
  font-weight:bold;
  margin-right:15px;
}

#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;
}


#contents .step-item p.point-num {
  color:#EB595A;
  font-size:22px;
  font-weight:bold;
}

#contents .step-item p.point-num .main {
  font-size:125%;
  padding:5px;
}

#contents .flex.center.spot-list {
    padding: 30px 50px 0px 50px;
}

#contents .flex.center.spot-list p.spot-item {
    border: 3px solid #6bace3;
    color: #6bace3;
    padding: 7px 40px;
    margin-right: 25px;
}

#contents .flex.center.spot-list p.spot-item:last-child {
    margin-right: 0;
}

#contents #unmanned .flex.center.spot-list p.spot-item {
    border: 3px solid #32af8a;
    color: #32af8a;
}

#contents .use-box a.link-btn.center {
    position: absolute;
    right: 30px;
    top: 4px;
    width: 310px;
    padding: 13px 15px;
    background-color: #4d90c9;
}

#contents .use-box {
    position: relative;
}

#contents #unmanned.use-box a.link-btn.center {
    background-color: #249977;
}

/* 操作画面 */
.screen-img {
  background-color:#F7F2E6;
  border-radius:10px;
  padding: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%;
}

#contents .cautionary-note h3 {
  background-color:#FFF;
}

.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:#E677A7;
}

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

.cautionary-note .table-over .table-02 tr:nth-child(7) 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) {
  #contents .anchor-box {
    display:grid;
    gap:20px;
    grid-template-columns:1fr 1fr;
  }

#contents .use-box a.link-btn.center {
    top: 0.3vw;
    padding: 1% 1%;
    width: 240px;
}
}

@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);
  }

#contents .use-box .txt-box {
    padding-top: 90px;
}

#contents .use-box a.link-btn.center {
    top: 75px;
    left: 0;
    right: 0;
    margin: auto;
}
}

/* 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;
  }

  #contents .caution-box {
    padding:30px 15px;
  }

  #contents .step-box {
    gap:45px 0;
  }

  #contents .step-box .step-item .step-num.sp-num {
    display:block;
  }

  #contents .flow-group {
    margin-bottom:30px;
  }

  #contents .anchor-box {
    gap:15px;
    grid-template-columns:100%;
  }

  /*  */

  .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;
  }
}