@charset "UTF-8";
/* ====================================================================

  #塗り薬の使い方

 */
@media print, screen and (min-width: 769px) {
  .pg-sec-top {
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 769px) {
  .pg-sec-top__text {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .pg-sec-top__pict {
    text-align: center;
  }
  .pg-sec-top__pict img {
    width: 50%;
    max-width: 181px;
  }
}

@media print, screen and (min-width: 769px) {
  .pg-sec-top__pict {
    -ms-flex: 0 0 224px;
        flex: 0 0 224px;
    padding: 0 15px 0 20px;
  }
  .pg-sec-top__pict img {
    width: 181px;
  }
}

.pg-sec04-mov-container {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 769px) {
  .pg-sec04-mov-container {
    margin-bottom: 60px;
  }
}

.pg-sec04-list {
  counter-reset: number;
  list-style: none;
  margin-bottom: 35px;
}

.pg-sec04-list > li {
  position: relative;
  margin-bottom: 20px;
  line-height: 1.75;
  padding-left: 50px;
  font-size: 100%;
}

.pg-sec04-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  font-size: 187.5%;
  color: #EE7700;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .pg-sec04-list > li {
    padding-left: 40px;
  }
}

.pg-sec04-table {
  /*@include mq-sp {
    th,td {
      padding: 8px 5px;
      font-size: $fs12 !important;
      line-height: 1.4;
    }
  }*/
}

.pg-sec04-table td {
  vertical-align: top;
}

.pg-sec04-table .pg-th1 {
  color: #fff;
  background: #EE7700;
  font-size: 87.5%;
  font-weight: bold;
}

.pg-sec04-table .pg-th2 {
  background: #e7f2ff;
  padding: 0;
  line-height: 1;
}

.pg-sec04-table .pg-th3 {
  background: #fad6e2;
  padding: 0;
  line-height: 1;
}

@media print, screen and (min-width: 769px) {
  .pg-sec04-table .pg-fig-wrap1 {
    display: -ms-flexbox;
    display: flex;
  }
  .pg-sec04-table .pg-fig-wrap1 > .pg-table-figcontainer:last-child {
    margin-left: 10px;
  }
}

.pg-sec04-table .pg-table-figcontainer > img {
  display: block;
  margin-bottom: 10px;
}

.pg-sec04-table .pg-table-caption {
  text-align: center;
  font-size: 87.5%;
  line-height: 1.75;
}

.pg-sec04-table tr th:first-child {
  width: 50px;
}

.pg-sec04-table tr td {
  width: calc((100% - 50px)/3);
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .pg-sec04-table .pg-th2,
  .pg-sec04-table .pg-th3 {
    padding: 2px;
  }
  .pg-sec04-table .pg-table-caption {
    line-height: 1.5;
    margin-bottom: 8px;
  }
  .pg-sec04-table th, .pg-sec04-table td {
    padding: 4px;
    line-height: 1.5;
  }
}

.pg-sec04__icon {
  width: 32px !important;
}

@media print, screen and (min-width: 769px) {
  .pg-sec05-container {
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .pg-sec05__text {
    margin-bottom: 10px;
  }
}

@media print, screen and (min-width: 769px) {
  .pg-sec05__text {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .pg-sec05__pict {
    text-align: center;
  }
  .pg-sec05__pict img {
    width: 50%;
    max-width: 170px;
  }
}

@media print, screen and (min-width: 769px) {
  .pg-sec05__pict {
    -ms-flex: 0 0 224px;
        flex: 0 0 224px;
    padding: 0 15px 0 20px;
  }
  .pg-sec05__pict img {
    width: 170px;
  }
}

.kan-font-size-large .pg-sec04-table th, .kan-font-size-large .pg-sec04-table td {
  padding: 5px;
  letter-spacing: -.05em;
}

@media print, screen and (min-width: 769px) {
  .pg-sec04-fix-img {
    height: 100px;
    width: auto;
  }
}