.breadcrumbs {
  margin-bottom: 0;
  padding: 10px 0;
}

.breadcrumbs li {
  line-height: 1;
  font-size: 1.1rem;
  color: #999;
}

.breadcrumbs li:not(:last-child):after {
  content: ">";
  margin: 0 0.75rem;
  position: relative;
  opacity: 1;
}

.breadcrumbs a {
  font-size: inherit;
  color: #999;
}

@media only screen and (max-width: 736px) {
  .breadcrumbs {
    display: none;
  }
}

.contents-oil ol {
  list-style: none;
}

.contents-oil .titlebar {
  background-color: #EDEF85;
  background-image: url(../../../common/img/mat-manual.png);
}

.contents-oil .titlebar .breadcrumbs li {
  color: #9B9B26;
}

.contents-oil .titlebar .breadcrumbs li a {
  color: #9B9B26;
}

@media only screen and (max-width: 736px) {
  .contents-oil .lead .row {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-align: center;
        align-items: center;
  }
}

.contents-oil .lead .text {
  padding: 0 0 0 70px;
  width: 80%;
}

@media only screen and (max-width: 736px) {
  .contents-oil .lead .text {
    padding: 0;
  }
}

.contents-oil .lead .text p {
  font-size: 18px;
  text-align: left;
  padding-top: 1em;
}

@media only screen and (max-width: 736px) {
  .contents-oil .lead .text p {
    padding-top: 0;
    font-size: 12px;
  }
  .contents-oil .lead .text p br {
    display: none;
  }
}

.contents-oil .lead .img {
  text-align: center;
  width: 120px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .lead .img {
    width: 90px;
    padding-left: 10px;
  }
}

.contents-oil .section-title {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-title {
    margin-bottom: 15px;
  }
}

.contents-oil .section-title .title {
  background-image: url(../../../common/img/mat-manual.png);
  padding: 12px 20px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-title .title {
    text-align: center;
    font-size: 1.6rem;
  }
}

.contents-oil .section-title p {
  margin: 2em 0;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-title p {
    margin: 1em 10px;
  }
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-save p, .contents-oil .section-discard p {
    padding-bottom: 0;
  }
}

.contents-oil .section-save .text, .contents-oil .section-discard .text {
  width: 70%;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-save .text, .contents-oil .section-discard .text {
    float: left;
  }
}

.contents-oil .section-save .img, .contents-oil .section-discard .img {
  width: 30%;
  padding-left: 15px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-save .img, .contents-oil .section-discard .img {
    padding-left: 0;
    float: left;
  }
}

.contents-oil .section-save h3, .contents-oil .section-discard h3 {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 5px solid #E0D206;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-save, .contents-oil .section-discard {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-content {
    padding: 0 10px;
  }
}

.contents-oil .section-content .row {
  margin-bottom: 2em;
}

.contents-oil .section-content .row:last-child {
  margin-bottom: 0;
}

.contents-oil .section-content .text {
  padding-right: 15px;
}

.contents-oil .section-content .text p {
  margin-bottom: 2em;
  line-height: 1.7;
}

.contents-oil .section-content .text p:last-child {
  margin-bottom: 0;
}

.contents-oil .page-next {
  padding-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .page-next {
    padding-bottom: 0;
  }
}

.contents-oil .caution {
  margin-bottom: 80px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution {
    margin-bottom: 0;
  }
}

.contents-oil .caution .panel {
  background-image: url(../img/mat.png);
  padding: 20px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .panel {
    padding: 10px;
  }
}

.contents-oil .caution .inner {
  background-color: #fff;
  padding: 30px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .inner {
    padding: 15px 10px;
  }
}

.contents-oil .caution h4 {
  text-align: center;
  margin: 1em 0 2em;
  font-size: 2.2rem;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution h4 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}

.contents-oil .caution dt {
  padding: 1em 0;
  font-weight: bold;
}

.contents-oil .caution .text {
  width: 70%;
}

.contents-oil .caution .img {
  width: 30%;
  padding-left: 15px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .img {
    padding-left: 0;
  }
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution p {
    padding: 0;
    font-size: 1.2rem;
  }
}

.contents-oil .caution .cap {
  font-size: 1.4rem;
  text-align: right;
  color: #666;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .cap {
    font-size: 1.2rem;
  }
}

.contents-oil .caution .cap .small {
  font-size: 87.5%;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .row .columns {
    float: left;
  }
}

.contents-oil .caution ol {
  list-style: none;
}

.contents-oil .caution ol li {
  margin-left: 1em;
  text-indent: -1em;
}

.contents-oil .caution .howto {
  border: 1px solid #ccc;
  margin: 2em 0;
}

.contents-oil .caution .howto dt {
  height: 5em;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .howto dt {
    height: auto;
    text-align: center;
  }
}

.contents-oil .caution .howto dd {
  padding: 20px;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .howto dd {
    padding: 0 15%;
  }
}

.contents-oil .caution .howto li {
  width: 33.3333%;
  float: left;
  padding: 10px 20px;
  border-left: 1px dotted #ccc;
}

@media only screen and (max-width: 736px) {
  .contents-oil .caution .howto li {
    padding: 10px;
    float: none;
    width: auto;
    border-left: noe;
    border-bottom: 1px dotted #ccc;
  }
}

.contents-oil .caution .howto li img {
  width: 100%;
  height: auto;
}

.contents-oil .section-banner {
  background-image: url(../../../common/img/mat-manual.png);
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-banner {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.contents-oil .section-banner .bnr-list a {
  height: auto;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-banner .bnr-list a {
    border-radius: 20px;
    background-image: url(../../../common/img/mat-manual.png);
    border: 1px solid #cfc32d;
    background-size: auto;
  }
}

.contents-oil .section-banner .bnr-list .label {
  height: auto;
  padding: 18px 0;
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-banner .bnr-list .label {
    width: 100%;
    padding: 1em 0;
    text-align: center;
  }
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-banner .bnr-list a:hover p {
    background-position: 10px center;
  }
}

.contents-oil .section-banner .bnr-list p {
  background-image: url(../../../common/img/nav-arrow-left.png);
}

@media only screen and (max-width: 736px) {
  .contents-oil .section-banner .bnr-list p {
    background-position: 10px center;
    font-weight: normal;
  }
}

.contents-oil .pagination a {
  background-image: url(../../../common/img/mat-manual.png);
  border-color: #cfc32d;
}