@charset "UTF-8";
/*
  最終処分事業
*/
.ttl02,
.ttl03 {
  border-color: #63b0dd; }

/* ==========================================================================
   pagemain
   ========================================================================== */
.pagemain {
  background-color: #63b0dd; }
  @media screen and (min-width: 768px), print {
    .pagemain.-pattern01 {
      padding-bottom: 240px; } }

.pagemain-ttl > span {
  color: #63b0dd; }

@media screen and (max-width: 767px) {
  .pagemain-lead {
    width: 90%; } }

@media screen and (min-width: 768px), print {
  .pagemain-illust.-illust01 {
    left: 52px;
    top: 200px; } }

@media screen and (min-width: 768px), print {
  .pagemain-illust.-illust02 {
    left: 474px;
    top: 480px; } }

@media screen and (min-width: 768px), print {
  .pagemain-illust.-illust03 {
    right: 100px;
    top: 275px; } }

@media screen and (max-width: 767px) {
  .pagemain-illust-wrap {
    display: flex;
    align-items: center; }
    .pagemain-illust-wrap > * {
      flex: 1;
      position: static !important; }
      .pagemain-illust-wrap > *:not(:last-child) {
        margin-right: 2.67vw; } }

/* ==========================================================================
   img-box
   ========================================================================== */
@media screen and (min-width: 768px), print {
  .img-box {
    margin-top: 70px; } }

@media screen and (max-width: 767px) {
  .img-box {
    margin-top: 9.07vw; } }

.img-box > *:not(:last-child) {
  margin-right: 1px; }

.img-box2 img {
  display: block;
  margin: 40px auto 0; }

/* ==========================================================================
   sct-detail
   ========================================================================== */
.sct02 {
  background-color: #e7f0f6; }

@media screen and (min-width: 768px), print {
  .sct02 {
    padding: 80px 0; }
    .sct02 img {
      display: block;
      margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .sct02 {
    padding: 20px 10px; } }

@media screen and (min-width: 768px), print {
  .sct03 .img-box {
    margin-top: 30px; }
  .sct03 .ttl03 {
    margin-bottom: 10px; } }

@media screen and (min-width: 768px), print {
  .sct04 .ttl03 {
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .sct04 .ttl03 {
    margin-bottom: 10px; }
  .sct04 .tbl01 th {
    padding: 10px; } }