@charset "utf-8";

/*##### PermitList #####*/
.boxPermitList01Top {
  padding-top: 3.5em;
  padding-bottom: 5.0em;
}
@media all and (max-width: 750px){
  .boxPermitList01Top {
    padding-top: 2.0em;
    padding-bottom: 3.5em;
  }
}

.boxPermitList01Top .c_heading_h3 {
  margin-bottom: 1.5em;
  text-align: center;
}

.boxPermitList01Top .boxImg {
  text-align: center;
}

.boxPermitList01Top .boxImg img {
  width: auto;
  max-width: 100%;
}

.boxPermitList0101 {
  padding-bottom: 5.0em;
}
@media all and (max-width: 750px){
  .boxPermitList0101 {
    padding-bottom: 3.5em;
  }
}

.boxPermitList0101 .boxList,
.boxPermitList0102 .boxList {
  overflow: auto;
  height: 100vh;
  margin-top: 2.5em;
}
@media all and (max-width: 750px){
  .boxPermitList0101 .boxList,
  .boxPermitList0102 .boxList {
    position: relative;
    /*overflow-x: auto;
    height: auto;*/
  }
  .boxPermitList0101 .boxList {
    padding-bottom: 2.0em;
  }
}
@media all and (max-width: 464px){
  .boxPermitList0102 .boxList {
    padding-bottom: 2.0em;
  }
}

@media all and (max-width: 750px){
  .boxPermitList0101 .boxList:before {
    content: '⇔スクロール⇔';
    position: absolute;
    bottom: 0.1em;
    right: 1.0em;
    animation: aniTbScroll01 0.8s ease-in infinite alternate;
  }
}
@media all and (max-width: 464px){
  .boxPermitList0102 .boxList:before {
    content: '⇔スクロール⇔';
    position: absolute;
    bottom: 0.1em;
    right: 1.0em;
    animation: aniTbScroll01 0.8s ease-in infinite alternate;
  }
}

.boxPermitList0101 .boxList + .boxBaseCom {
  margin-top: 1.5em;
}
.boxPermitList0102 .boxList + .boxBaseCom {
  margin-top: 1.5em;
  font-weight: 700;
}

.boxPermitList0101 .tb01,
.boxPermitList0102 .tb01 {
  width: 100%;
  /*border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;*/
  border-collapse: separate;
  border-spacing: 2px;
}
.boxPermitList0102 .tb01 {
  max-width: 583px;
}
@media all and (max-width: 750px){
  .boxPermitList0101 .tb01 {
    width: 900px;
  }
  .boxPermitList0102 .tb01 {
    width: 464px;
  }
}

.boxPermitList0101 .tb01 th,
.boxPermitList0101 .tb01 td,
.boxPermitList0102 .tb01 th,
.boxPermitList0102 .tb01 td {
  padding: 0.8em 0.3em;
  /*border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;*/
  line-height: 1.0;
}
.boxPermitList0101 .tb01 th.thArea,
.boxPermitList0101 .tb01 th.thPref,
.boxPermitList0101 .tb01 td,
.boxPermitList0102 .tb01 th.thArea,
.boxPermitList0102 .tb01 th.thPref,
.boxPermitList0102 .tb01 td {
  text-align: center;
  vertical-align: middle;
}
.boxPermitList0101 .tb01 td,
.boxPermitList0102 .tb01 td {
  padding: 0.3em 0.3em;
  background-color: #eee;
}
.boxPermitList0101 .tb01 td.tdPdf,
.boxPermitList0102 .tb01 td.tdPdf {
  background-color: transparent;
}
.boxPermitList0101 .tb01 thead th,
.boxPermitList0102 .tb01 thead th {
  /* 縦スクロール時に固定する */
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  background-color: #0e498b;
  text-align: center;
  color: #fff;
}
.boxPermitList0101 .tb01 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 20);
}
.boxPermitList0101 .tb01.typeDisp19 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 19);
}
.boxPermitList0101 .tb01.typeDisp18 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 18);
}
.boxPermitList0101 .tb01.typeDisp17 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 17);
}
.boxPermitList0101 .tb01.typeDisp16 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 16);
}
.boxPermitList0101 .tb01.typeDisp15 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 15);
}
.boxPermitList0101 .tb01.typeDisp14 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 14);
}
.boxPermitList0101 .tb01.typeDisp13 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 13);
}
.boxPermitList0101 .tb01.typeDisp12 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 12);
}
.boxPermitList0101 .tb01.typeDisp11 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 11);
}
.boxPermitList0101 .tb01.typeDisp10 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 10);
}
.boxPermitList0101 .tb01.typeDisp9 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 9);
}
.boxPermitList0101 .tb01.typeDisp8 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 8);
}
.boxPermitList0101 .tb01.typeDisp7 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 7);
}
.boxPermitList0101 .tb01.typeDisp6 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 6);
}
.boxPermitList0101 .tb01.typeDisp5 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 5);
}
.boxPermitList0101 .tb01.typeDisp4 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 4);
}
.boxPermitList0101 .tb01.typeDisp3 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 3);
}
.boxPermitList0101 .tb01.typeDisp2 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 2);
}
.boxPermitList0101 .tb01.typeDisp1 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 1);
}
.boxPermitList0102 .tb01 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 8);
}
.boxPermitList0102 .tb01.typeDisp7 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 7);
}
.boxPermitList0102 .tb01.typeDisp6 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 6);
}
.boxPermitList0102 .tb01.typeDisp5 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 5);
}
.boxPermitList0102 .tb01.typeDisp4 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 4);
}
.boxPermitList0102 .tb01.typeDisp3 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 3);
}
.boxPermitList0102 .tb01.typeDisp2 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 2);
}
.boxPermitList0102 .tb01.typeDisp1 thead th {
  width: calc((100% - (35px + 80px + 50px)) / 1);
}
.boxPermitList0101 .tb01 thead th:nth-child(1),
.boxPermitList0102 .tb01 thead th:nth-child(1) {
  width: calc(35px + 80px);
  background-color: transparent;
}
.boxPermitList0101 .tb01 thead th.thPdf,
.boxPermitList0102 .tb01 thead th.thPdf {
  width: 50px;
  background-color: #fff;
  color: #fff;
}
.boxPermitList0101 .tb01 th.thArea,
.boxPermitList0102 .tb01 th.thArea {
  width: 35px;
  background-color: #eee;
}
.boxPermitList0101 .tb01 th.thPref,
.boxPermitList0102 .tb01 th.thPref {
  width: 80px;
  color: #fff;
}
.boxPermitList0101 .tb01 th.thPref.typeArea1,
.boxPermitList0102 .tb01 th.thPref.typeArea1 {
  background-color: #ea4a29;
}
.boxPermitList0101 .tb01 th.thPref.typeArea2,
.boxPermitList0102 .tb01 th.thPref.typeArea2 {
  background-color: #504696;
}
.boxPermitList0101 .tb01 th.thPref.typeArea3,
.boxPermitList0102 .tb01 th.thPref.typeArea3 {
  background-color: #049b45;
}
.boxPermitList0101 .tb01 th.thPref.typeArea4,
.boxPermitList0102 .tb01 th.thPref.typeArea4 {
  background-color: #8b42b8;
}
.boxPermitList0101 .tb01 th.thPref.typeArea5,
.boxPermitList0102 .tb01 th.thPref.typeArea5 {
  background-color: #ea63a4;
}
.boxPermitList0101 .tb01 th.thPref.typeArea6,
.boxPermitList0102 .tb01 th.thPref.typeArea6 {
  background-color: #ff971d;
}
.boxPermitList0101 .tb01 th.thPref.typeArea7,
.boxPermitList0102 .tb01 th.thPref.typeArea7 {
  background-color: #8a5113;
}
.boxPermitList0101 .tb01 th.thPref.typeArea8,
.boxPermitList0102 .tb01 th.thPref.typeArea8 {
  background-color: #3cb9fc;
}
.boxPermitList0101 .tb01 th.thPref.typeArea9,
.boxPermitList0102 .tb01 th.thPref.typeArea9 {
  background-color: #00ff48;
}
.boxPermitList0101 .tb01 th.thPref.typeArea10,
.boxPermitList0102 .tb01 th.thPref.typeArea10 {
  background-color: #ff01fd;
}
@media all and (max-width: 750px){
  .boxPermitList0101 .tb01 thead th,
  .boxPermitList0102 .tb01 thead th {
    /*position: visible;
    top: auto;*/
  }
  .boxPermitList0101 .tb01 th.thArea,
  .boxPermitList0102 .tb01 th.thArea {
    /* 横スクロール時に固定する */
    position: sticky;
    left: 0;
  }
  .boxPermitList0101 .tb01 th.thPref,
  .boxPermitList0102 .tb01 th.thPref {
    /* 横スクロール時に固定する */
    position: sticky;
    left: 35px;
  }
}

.boxPermitList0101 .tb01 td.tdPdf .icnPdf01Base,
.boxPermitList0102 .tb01 td.tdPdf .icnPdf01Base {
  width: 100%;
  max-width: 30px;
}

.boxPermitList0101 .tb01 thead th > span,
.boxPermitList0102 .tb01 thead th > span {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  display: inline-block;
  writing-mode: vertical-rl;
  white-space: pre;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}

.boxPermitList0101 .tb01 th.thArea > span,
.boxPermitList0102 .tb01 th.thArea > span {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  display: inline-block;
  writing-mode: vertical-rl;
  white-space: pre;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  line-height: 1.0;
}

.boxPermitList0101 .tb01 td .txtCircle,
.boxPermitList0102 .tb01 td .txtCircle {
  display: inline-block;
  width: 1.0em;
  height: 1.0em;
  border-radius: 1.0em;
  background-color: #333;
  line-height: 1.0;
}

.boxPermitList0102 {
  padding-bottom: 5.0em;
}
@media all and (max-width: 750px){
  .boxPermitList0102 {
    padding-bottom: 2.5em;
  }
}


/*##### Privacy Policy #####*/
.boxPrivacy01 {
  padding-top: 2em;
  padding-bottom: 7em;
}
@media all and (max-width: 750px){
  .boxPrivacy01 {
    padding-top: 0;
    padding-bottom: 2.5em;
  }
}

.boxPrivacy01 .boxCont01One + .boxCont01One {
  margin-top: 4em;
}
@media all and (max-width: 750px){
  .boxPrivacy01 .boxCont01One + .boxCont01One {
    margin-top: 2em;
  }
}

.boxPrivacy01 .boxCont01One .ttl01 {
  margin-bottom: 1.0em;
  line-height: 1.6;
  font-size: 1.3rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxPrivacy01 .boxCont01One .ttl01 {
    margin-bottom: 0.5em;
    font-size: 1.1rem;
  }
}

.boxPrivacy01 .boxCont01One .boxBaseCom + .ulBase > li:first-child {
  margin-top: 1.5em;
}
@media all and (max-width: 750px){
  .boxPrivacy01 .boxCont01One .boxBaseCom + .ulBase > li:first-child {
    margin-top: 1.0em;
  }
}

.boxPrivacy01 .boxCont01One .boxBaseCom + .boxCompanyName {
  margin-top: 1.5em;
}

.boxPrivacy01 .boxCont01One .boxCompanyName {
  margin-bottom: 0.5em;
}

.boxPrivacy01 .boxCont01One .boxCompanyName > p {
  font-size: 1.13rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxPrivacy01 .boxCont01One .boxCompanyName > p {
    font-size: 0.95rem;
  }
}

.boxPrivacy01 .boxCont01One .dlBase.type01 {
  margin-bottom: 0.2em;
}

.boxPrivacy01 .boxCont01One .boxAddress {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0.2em;
  font-size: 1.13rem;
}
@media all and (max-width: 750px){
  .boxPrivacy01 .boxCont01One .boxAddress {
    font-size: 0.9rem;
  }
}

.boxPrivacy01 .boxCont01One .boxAddress .txtZipcode {
  margin-right: 0.5em;
}

.boxPrivacy01 .boxCont01One .boxTelFax {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxPrivacy01 .boxCont01One .boxTelFax .dlBase:first-child {
  margin-right: 1.0em;
}


/*##### TrackRecord #####*/
.boxTrackRecoard01Wrap {
  padding-bottom: 3.0em;
}
@media all and (max-width: 750px){
  .boxTrackRecoard01Wrap {
    padding-bottom: 1.0em;
  }
}

.boxTrackRecoard0101 {
  margin-top: 2.5em;
}

.boxTrackRecoard0101 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  max-width: 800px;
  margin: 2.5em auto 4.0em auto;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR {
    max-width: none;
    margin: 1.5em auto 2.0em auto;
  }
}
/*
@media all and (max-width: 470px){
  .boxTrackRecoard0101 .boxCont01LR {
    display: block;
  }
}*/

.boxTrackRecoard0101 .boxCont01LR .boxImg {
  width: 58%;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg {
    width: 50%;
  }
}
/*
@media all and (max-width: 470px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg {
    width: 100%;
  }
}*/

.boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart {
  position: relative;
  width: 400px;
  height: 400px;
  border: 1.0em #f3f5f2 solid;
  border-radius: 50%;
  background: conic-gradient(
    #4caf50 0% 40%,   /* 40% 緑 */
    #f44336 40% 70%,  /* 30% 赤 */
    #2196f3 70% 100%  /* 30% 青 */
  );
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart {
    width: 45vw;
    height: 45vw;
    margin-left: auto;
    margin-right: auto;
    border: 2.0vw #f3f5f2 solid;
    border-radius: 45vw;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart {
    width: 40vw;/*55vw;*/
    height: 40vw;/*55vw;*/
    border-radius: 40vw;/*55vw;*/
  }
}

.boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart:before {
  content: '収集運搬量';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin: auto;
  border-radius: 220px;
  background-color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.55rem;
  font-weight: 700;
  color: #273617;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart:before {
    width: 24vw;
    height: 24vw;
    border-radius: 24vw;
  }
}
@media all and (max-width: 680px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart:before {
    font-size: 3.6vw;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0101 .boxCont01LR .boxImg #pieChart:before {
    width: 20vw;
    height: 20vw;
    border-radius: 20vw;
    font-size: 3.0vw;
  }
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt {
  width: calc(100% - 58%);
  padding-left: 3%;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxTxt {
    width: 50%;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0101 .boxCont01LR .boxTxt {
    /*
    width: 100%;
    padding-top: 1.5em;
    padding-left: 0;*/
    font-size: 3.0vw;
  }
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 300px;
  line-height: 1.4;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 {
    width: 100%;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 + .dl01 {
  margin-top: 0.5em;
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 > dt {
  position: relative;
  width: calc(100% - 80px);
  padding-left: 1.3em;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 > dt {
    width: calc(100% - 20%);
  }
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 > dt .txtDeco01 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.0em;
  height: 1.0em;
  margin: auto;
}

.boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 > dd {
  width: 80px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0101 .boxCont01LR .boxTxt .dl01 > dd {
    width: 20%;
  }
}

.boxTrackRecoard0102 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-top: 2.5em;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont01 {
    max-width: none;
    margin-top: 1.5em;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl {
  width: 250px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl {
    width: 170px;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl {
    width: 36%;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 0.5em 0.2em 1.0em;
  background-color: #0e498b;
  line-height: 1.4;
  color: #fff;
}
.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne:first-child {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: 2.5em;
  padding: 0.3em 1.0em 0.2em 1.0em;
}
.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne.typeTotal {
  margin-top: 12px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne:first-child {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne > span {
    font-size: 2.7vw;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne.typeTotal:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne:first-child > span {
  font-size: 0.9rem;
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne:first-child > span {
    font-size: 2.5vw;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .icon01 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.0em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
  border-radius: 0.2em;
  background-color: #e3effd;
  color: #0e498b;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .icon01 {
    right: 0.3em;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
  position: absolute;
  top: 50%;
  left: 96%;/*102%;*/
  display: -webkit-flex;
  display: flex;
  display: none;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-radius: 0.3em;
  background-color: rgba(102, 102, 255, 0.9);
  min-width: 22em;
  padding: 0.3em 0.5em 0.3em 4.5em;
  text-align: left;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: 0.8rem;
  text-indent: -4.0em;
  transform: translateY(-50%);
}
.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .icon01:hover + .txtDetail {
  display: -webkit-flex;
  display: flex;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
    left: 100%;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
    font-size: 2.6vw;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeTtl .boxTtlOne .txtDetail:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.7em;
  width: 0.3em;
  height: 0.3em;
  margin: auto;
  border: 0.3em rgba(255,255,255,0) solid;
  border-right: 0.5em rgba(102, 102, 255, 0.9) solid;
}

.boxTrackRecoard0102 .boxCont0101.typeCont {
  width: calc((100% - 250px) / 3);
  text-align: right;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeCont {
    width: calc((100% - 170px) / 3);
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeCont {
    width: calc((100% - 36%) / 3);
  }
}

.boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 1.0em 0.2em 1.0em;
  background-color: #eeeeee;
  line-height: 1.4;
}
.boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne.typeTtl {
  -webkit-justify-content: center;
  justify-content: center;
  height: 2.5em;
  background-color: #0e498b;
  color: #fff;
}
.boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne.typeTotal {
  position: relative;
  margin-top: 12px;
  background-color: #cbdefc;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne > span {
    letter-spacing: normal;
    font-size: 2.6vw;
  }
  .boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne.typeTtl > span {
    font-size: 2.7vw;
  }
}

.boxTrackRecoard0102 .boxCont0101.typeCont .boxContOne.typeTotal:before {
  content: '';
  position: absolute;
  top: -7px;
  left: -3px;
  width: calc(100% + 3px);
  height: 2px;
  background-color: #333;
}


.boxTrackRecoard02Wrap {
  padding-bottom: 2.0em;
}
@media all and (max-width: 750px){
  .boxTrackRecoard02Wrap {
    padding-bottom: 0;/*1.0em;*/
  }
}

.boxTrackRecoard0201 {
  margin-top: 2.5em;
}

.boxTrackRecoard0201 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  max-width: 800px;
  margin: 2.5em auto 4.0em auto;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR {
    max-width: none;
    margin: 1.5em auto 2.0em auto;
  }
}
/*
@media all and (max-width: 470px){
  .boxTrackRecoard0201 .boxCont01LR {
    display: block;
  }
}*/

.boxTrackRecoard0201 .boxCont01LR .boxImg {
  width: 58%;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg {
    width: 50%;
  }
}
/*
@media all and (max-width: 470px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg {
    width: 100%;
  }
}*/

.boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02 {
  position: relative;
  width: 400px;
  height: 400px;
  border: 1.0em #f3f5f2 solid;
  border-radius: 50%;
  background: conic-gradient(
    #4caf50 0% 40%,   /* 40% 緑 */
    #f44336 40% 70%,  /* 30% 赤 */
    #2196f3 70% 100%  /* 30% 青 */
  );
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02 {
    width: 45vw;
    height: 45vw;
    margin-left: auto;
    margin-right: auto;
    border: 2.0vw #f3f5f2 solid;
    border-radius: 45vw;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02 {
    width: 40vw;/*55vw;*/
    height: 40vw;/*55vw;*/
    border-radius: 40vw;/*55vw;*/
  }
}

.boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02:before {
  content: '収集運搬量';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin: auto;
  border-radius: 220px;
  background-color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.55rem;
  font-weight: 700;
  color: #273617;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02:before {
    width: 24vw;
    height: 24vw;
    border-radius: 24vw;
  }
}
@media all and (max-width: 680px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02:before {
    font-size: 3.6vw;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0201 .boxCont01LR .boxImg #pieChart02:before {
    width: 20vw;
    height: 20vw;
    border-radius: 20vw;
    font-size: 3.0vw;
  }
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt {
  width: calc(100% - 58%);
  padding-left: 3%;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxTxt {
    width: 50%;
  }
}
@media all and (max-width: 470px){
  .boxTrackRecoard0201 .boxCont01LR .boxTxt {
    /*
    width: 100%;
    padding-top: 1.5em;
    padding-left: 0;*/
    font-size: 3.0vw;
  }
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 300px;
  line-height: 1.4;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 {
    width: 100%;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 + .dl01 {
  margin-top: 0.5em;
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 > dt {
  position: relative;
  width: calc(100% - 80px);
  padding-left: 1.3em;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 > dt {
    width: calc(100% - 20%);
  }
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 > dt .txtDeco01 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.0em;
  height: 1.0em;
  margin: auto;
}

.boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 > dd {
  width: 80px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0201 .boxCont01LR .boxTxt .dl01 > dd {
    width: 20%;
  }
}

.boxTrackRecoard0202 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-top: 2.5em;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont01 {
    max-width: none;
    margin-top: 1.5em;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl {
  width: 250px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl {
    width: 170px;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl {
    width: 36%;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 0.5em 0.2em 1.0em;
  background-color: #0e498b;
  line-height: 1.4;
  color: #fff;
}
.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne:first-child {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: 2.5em;
  padding: 0.3em 1.0em 0.2em 1.0em;
}
.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne.typeTotal {
  margin-top: 12px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne:first-child {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne > span {
    font-size: 2.7vw;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne.typeTotal:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne:first-child > span {
  font-size: 0.9rem;
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne:first-child > span {
    font-size: 2.5vw;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .icon01 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.0em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
  border-radius: 0.2em;
  background-color: #e3effd;
  color: #0e498b;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .icon01 {
    right: 0.3em;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
  position: absolute;
  top: 50%;
  left: 96%;/*102%;*/
  display: -webkit-flex;
  display: flex;
  display: none;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-radius: 0.3em;
  background-color: rgba(102, 102, 255, 0.9);
  min-width: 22em;
  padding: 0.3em 0.5em 0.3em 4.5em;
  text-align: left;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: 0.8rem;
  text-indent: -4.0em;
  transform: translateY(-50%);
}
.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .icon01:hover + .txtDetail {
  display: -webkit-flex;
  display: flex;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
    left: 100%;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .txtDetail {
    font-size: 2.6vw;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeTtl .boxTtlOne .txtDetail:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.7em;
  width: 0.3em;
  height: 0.3em;
  margin: auto;
  border: 0.3em rgba(255,255,255,0) solid;
  border-right: 0.5em rgba(102, 102, 255, 0.9) solid;
}

.boxTrackRecoard0202 .boxCont0101.typeCont {
  width: calc((100% - 250px) / 3);
  text-align: right;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeCont {
    width: calc((100% - 170px) / 3);
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeCont {
    width: calc((100% - 36%) / 3);
  }
}

.boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 1.0em 0.2em 1.0em;
  background-color: #eeeeee;
  line-height: 1.4;
}
.boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne.typeTtl {
  -webkit-justify-content: center;
  justify-content: center;
  height: 2.5em;
  background-color: #0e498b;
  color: #fff;
}
.boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne.typeTotal {
  position: relative;
  margin-top: 12px;
  background-color: #cbdefc;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne > span {
    letter-spacing: normal;
    font-size: 2.6vw;
  }
  .boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne.typeTtl > span {
    font-size: 2.7vw;
  }
}

.boxTrackRecoard0202 .boxCont0101.typeCont .boxContOne.typeTotal:before {
  content: '';
  position: absolute;
  top: -7px;
  left: -3px;
  width: calc(100% + 3px);
  height: 2px;
  background-color: #333;
}

.boxTrackRecoard03Wrap {
  margin-top: 0;
  padding-bottom: 5.0em;
}
@media all and (max-width: 750px){
  .boxTrackRecoard03Wrap {
    padding-bottom: 1.0em;
  }
}

.boxTrackRecoard0301 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-top: 2.0em;
  margin-left: auto;
  margin-right: auto;
}

.boxTrackRecoard0301 .boxCont0101.typeTtl {
  width: 250px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0301 .boxCont0101.typeTtl {
    width: 170px;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeTtl {
    width: 36%;
  }
}

.boxTrackRecoard0301 .boxCont0101.typeTtl .boxTtlOne {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 0.5em 0.2em 1.0em;
  background-color: #0e498b;
  line-height: 1.4;
  color: #fff;
}
.boxTrackRecoard0301 .boxCont0101.typeTtl .boxTtlOne.typeTotal {
  margin-top: 12px;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0301 .boxCont0101.typeTtl .boxTtlOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeTtl .boxTtlOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeTtl .boxTtlOne > span {
    font-size: 2.7vw;
  }
}

.boxTrackRecoard0301 .boxCont0101.typeCont {
  width: calc((100% - 250px) / 3);
  text-align: right;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0301 .boxCont0101.typeCont {
    width: calc((100% - 170px) / 3);
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeCont {
    width: calc((100% - 36%) / 3);
  }
}

.boxTrackRecoard0301 .boxCont0101.typeCont .boxContOne {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  height: 2.2em;
  margin: 0 0.2em 0.2em 0;
  padding: 0.3em 1.0em 0.2em 1.0em;
  background-color: #eeeeee;
  line-height: 1.4;
}
.boxTrackRecoard0301 .boxCont0101.typeCont .boxContOne.typeTotal {
  background-color: #cbdefc;
}
@media all and (max-width: 750px){
  .boxTrackRecoard0301 .boxCont0101.typeCont .boxContOne {
    padding: 0.3em 0.5em 0.2em 0.5em;
  }
}
@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeCont .boxContOne {
    font-size: 2.7vw;
  }
}

@media all and (max-width: 520px){
  .boxTrackRecoard0301 .boxCont0101.typeCont .boxContOne > span {
    letter-spacing: normal;
    font-size: 2.6vw;
  }
}