@charset "UTF-8";
/* ************************************** _
タイトル：maintenance-keeper.css
概要：メンテナンス KeePer用CSS
更新：2022.04.11
_ ************************************** */
/* KeePer ページ
---------------------------------------------------------------------------- */
.section-wrap .underlayer {
  text-align: center;
}

.keeper .detail-contents {
  background: none;
}
.keeper .merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.keeper .merit .item {
  margin-bottom: 30px;
  width: calc((100% - 60px)/2);
}
.keeper .merit .item:nth-child(2n) {
  margin-left: 60px;
}
.keeper .certificate .image {
  padding: 0 2vw;
}

@media screen and (max-width: 960px) {
  .keeper .merit .item {
    width: calc((100% - 40px)/2);
  }
  .keeper .merit .item:nth-child(2n) {
    margin-left: 40px;
  }
  .keeper .merit .certificate .image {
    padding: 0 1vw;
  }
}
@media screen and (max-width: 736px) {
  .keeper .merit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .keeper .merit .item {
    max-width: 430px;
    width: 100%;
  }
  .keeper .merit .item:nth-child(2n) {
    margin-left: 0;
  }
  .keeper .certificate {
    margin: auto;
    max-width: 430px;
    width: 100%;
  }
}
/* KeePer 各メニューページ */
.keeper .priceArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  padding-top: 25px;
}
.keeper .priceArea.type--ex {
  border-top: 3px solid #c3092f;
}
.keeper .priceArea.type--wdia {
  border-top: 3px solid #00378a;
}
.keeper .priceArea.type--eco {
  border-top: 3px solid #23ac38;
}
.keeper .priceArea.type--dia {
  border-top: 3px solid #bb9f44;
}
.keeper .priceArea .item {
  margin-bottom: 30px;
  width: calc((100% - 40px)/2);
}
.keeper .priceArea .item:nth-child(2n) {
  margin-left: 40px;
}
.keeper .priceArea .item.sp-only {
  display: none;
}
.keeper .priceArea .item.pc-only {
  width: 100%;
}
.keeper .priceArea .item.full {
  margin-left: 0;
  text-align: left;
  width: 100%;
}
.keeper .priceArea .time-required {
  background-color: #3d3d3d;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 4px 10px 2px;
}
.keeper .priceArea .price-list-keeper-pc {
  margin-top: 20px;
}
.keeper .priceArea .price-list-keeper-pc th,
.keeper .priceArea .price-list-keeper-pc td {
  font-size: 11px;
  padding: 10px 3px;
}
.keeper .priceArea .price-list-keeper-pc th {
  font-size: 11px;
}
.keeper .priceArea .price-list-keeper-pc th.price {
  text-align: center;
}
.keeper .priceArea .price-list-keeper-pc .lineup {
  border-width: 0;
}
.keeper .priceArea .price-list-keeper-pc .lineup th {
  background-color: #fff;
}
.keeper .priceArea .price-list-keeper-pc .lineup .premium .menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.keeper .priceArea .price-list-keeper-pc .lineup .premium .menu-wrap h4 {
  margin-right: 10px;
}
.keeper .priceArea .price-list-keeper-pc .menu {
  border-top-width: 0;
}
.keeper .priceArea .price-list-keeper-pc .menu th {
  border-top-width: 1px;
}
.keeper .priceArea .price-list-keeper-pc .car-class {
  font-size: 13px;
  font-weight: bold;
  max-width: 150px;
  text-align: center;
  width: 3%;
}
.keeper .priceArea .price-list-keeper-pc .car-name {
  font-size: 11px;
  border-left: 1px solid #ccc;
  text-align: left;
  width: 26%;
}
.keeper .priceArea .price-list-keeper-pc .price-l,
.keeper .priceArea .price-list-keeper-pc .price {
  border-left: 1px solid #ccc;
  text-align: right;
}
.keeper .priceArea .price-list-keeper-pc .price-l {
  border-left-color: #fff;
  border-left-width: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 7.5%;
}
.keeper .priceArea .price-list-keeper-pc .price {
  width: 7.5%;
}
.keeper .priceArea .price-list-keeper-pc + p {
  margin-top: 10px;
}
.keeper .specification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 30px 30px;
}
.keeper .specification.type--ex {
  background-color: #dfe3ec;
}
.keeper .specification.type--ex .specification-list .item::before {
  background-color: #c3092f;
}
.keeper .specification.type--wdia {
  background-color: #e6e8f4;
}
.keeper .specification.type--wdia .specification-list .item::before {
  background-color: #00378a;
}
.keeper .specification.type--eco {
  background-color: #e6f5e8;
}
.keeper .specification.type--eco .specification-list .item::before {
  background-color: #23ac38;
}
.keeper .specification.type--dia {
  background-color: #f9f6ed;
}
.keeper .specification.type--dia .specification-list .item::before {
  background-color: #bb9f44;
}
.keeper .specification .specification-title {
  width: 35%;
}
.keeper .specification .specification-title span {
  display: inline-block;
}
.keeper .specification .specification-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 65%;
}
.keeper .specification .specification-list .item {
  margin-bottom: 10px;
  padding-left: 10px;
}
.keeper .specification .specification-list .item::before {
  background-color: #c3092f;
  content: attr(data-num);
  color: #fff;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}
.keeper .car-size .size-list {
  border-top: 1px solid #ccc;
  margin-top: 3px;
  padding-top: 5px;
}
.keeper .car-size .size-list .item {
  font-size: 12px;
  display: inline;
  margin-right: 1em;
}

@media screen and (max-width: 960px) {
  .keeper .priceArea .item {
    width: 100%;
  }
  .keeper .priceArea .item:nth-child(2n) {
    margin-left: 0;
  }
  .keeper .priceArea .item.sp-only {
    display: block;
  }
  .keeper .priceArea .item.pc-only {
    display: none;
  }
  .keeper .priceArea .menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .keeper .priceArea .menu-wrap h4 {
    margin-right: 10px;
  }
  .keeper .priceArea .price-list-keeper-sp {
    margin-top: 20px;
  }
  .keeper .priceArea .price-list-keeper-sp th,
  .keeper .priceArea .price-list-keeper-sp td {
    font-size: 11px;
    padding: 5px 3px;
  }
  .keeper .priceArea .price-list-keeper-sp th {
    font-size: 11px;
  }
  .keeper .priceArea .price-list-keeper-sp th.price {
    text-align: center;
  }
  .keeper .priceArea .price-list-keeper-sp .car-class {
    font-size: 13px;
    font-weight: bold;
    max-width: 150px;
    text-align: center;
    width: 6%;
  }
  .keeper .priceArea .price-list-keeper-sp .car-name {
    font-size: 11px;
    border-left: 1px solid #ccc;
    text-align: left;
    width: 42%;
  }
  .keeper .priceArea .price-list-keeper-sp .price-l,
  .keeper .priceArea .price-list-keeper-sp .price {
    border-left: 1px solid #ccc;
    text-align: right;
  }
  .keeper .priceArea .price-list-keeper-sp .price-l {
    font-size: 12px;
    font-weight: bold;
    width: 13%;
  }
  .keeper .priceArea .price-list-keeper-sp .price {
    width: 13%;
  }
  .keeper .priceArea .price-list-keeper-sp + p {
    margin-top: 5px;
  }
  .keeper .specification {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 20px 30px;
  }
  .keeper .specification .specification-title {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .keeper .specification .specification-list {
    width: 100%;
  }
  .keeper .specification .specification-list .item {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 736px) {
  .keeper .priceArea .price-list-keeper-sp {
    margin-top: 10px;
  }
  .keeper .specification {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px 15px;
  }
  .keeper .specification .specification-title {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .keeper .specification .specification-list .item {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.keeper .wrapping-text {
  background-color: #f0831e;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  margin-left: 2px;
  margin-right: 2px;
  padding: 1px 5px;
}
.keeper .with-icon-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.keeper .after-icon {
  margin-right: 10px;
}
.keeper .after-icon + .after-icon {
  margin-left: -5px;
  margin-right: 10px;
}
.keeper .item.after-inner-box {
  background-color: #fff;
  padding: 0;
}
.keeper .pic-price {
  font-size: 12px;
}
.keeper .pic-price .pic-price-list {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.keeper .pic-price .pic-price-list dt,
.keeper .pic-price .pic-price-list dd {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 1px 2px;
}
.keeper .pic-price .pic-price-list dt {
  background-color: #f4f4f4;
  text-align: center;
  width: 15%;
}
.keeper .pic-price .pic-price-list dd {
  text-align: right;
  width: 35%;
}
.keeper .after--features,
.keeper .after--dia,
.keeper .after--ex,
.keeper .after--powder,
.keeper .after--paint,
.keeper .after--ash,
.keeper .after--water {
  border-left-width: 20px;
  border-left-style: solid;
  border-top-width: 3px;
  border-top-style: solid;
}
.keeper .after--features .sp-only,
.keeper .after--dia .sp-only,
.keeper .after--ex .sp-only,
.keeper .after--powder .sp-only,
.keeper .after--paint .sp-only,
.keeper .after--ash .sp-only,
.keeper .after--water .sp-only {
  display: none;
}
.keeper .after--features {
  border-left-color: #727071;
  border-top-color: #727071;
  padding-bottom: 10px;
}
.keeper .after--features .item .text {
  max-width: 500px;
  width: 55.8%;
}
.keeper .after--features .item .text p {
  padding-left: 6.5%;
}
.keeper .after--features .item .text .sub-image {
  text-align: center;
}
.keeper .after--features .item .image {
  max-width: 370px;
  width: 44%;
}
.keeper .after--dia {
  background-color: #fef6e9;
  border-left-color: #f0831e;
  border-top-color: #f0831e;
  padding-bottom: 60px;
}
.keeper .after--dia > p {
  padding-left: 3.25%;
}
.keeper .after--dia .item {
  background-color: #fff;
  border: 1px solid #f0831e;
  border-bottom-width: 0;
  margin-top: 30px;
  padding: 20px 10px;
  position: relative;
}
.keeper .after--dia .item::after {
  bottom: 0;
  content: "";
  border-bottom: 1px solid #ccc;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 98%;
}
.keeper .after--dia .item + .item {
  border-top-width: 0;
  border-bottom-width: 1px;
  margin-top: 0;
}
.keeper .after--dia .item .text {
  max-width: 225px;
  width: 26%;
}
.keeper .after--dia .item .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 1%;
  max-width: 640px;
  width: 73%;
}
.keeper .after--dia .item .pic-price {
  margin-left: 10px;
}
.keeper .after--ex {
  border-left-color: #012b5d;
  border-top-color: #012b5d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 50px;
}
.keeper .after--ex .wrapping-text {
  background-color: #ccc;
  color: #333;
  font-weight: normal;
  margin-left: 3.25%;
}
.keeper .after--powder {
  background-color: #fcf2f0;
  border-left-color: #e9616f;
  border-top-color: #e9616f;
  padding-bottom: 60px;
}
.keeper .after--powder .item {
  padding-top: 0;
}
.keeper .after--powder .item .text {
  max-width: 530px;
  width: 59%;
}
.keeper .after--powder .item .image {
  max-width: 350px;
  text-align: right;
  width: 41%;
}
.keeper .after--powder .item.after-inner-box .text {
  max-width: 450px;
  padding: 20px 10px;
  width: 52%;
}
.keeper .after--powder .item.after-inner-box .image {
  border: 1px solid #e9616f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0;
  max-width: 432px;
  padding: 20px 10px 10px;
  width: 48%;
}
.keeper .after--powder .item.after-inner-box .image img {
  max-width: 372px;
  width: 100%;
}
.keeper .after--powder .item.after-inner-box .pic-price {
  text-align: left;
  width: 49%;
}
.keeper .after--powder .item.after-inner-box .pic-price + .pic-price {
  margin-left: 2%;
}
.keeper .after--paint {
  background-color: #f2f2fa;
  border-left-color: #747cba;
  border-top-color: #747cba;
  padding-bottom: 60px;
}
.keeper .after--paint .wrapping-text {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  padding: 2px 7px;
}
.keeper .after--paint .item {
  padding-top: 0;
}
.keeper .after--paint .item .text {
  max-width: 680px;
  width: 77%;
}
.keeper .after--paint .item .image {
  max-width: 200px;
  text-align: right;
  width: 23%;
}
.keeper .after--paint .item.after-inner-box .text {
  max-width: 450px;
  padding: 20px 10px;
  width: 52%;
}
.keeper .after--paint .item.after-inner-box .image {
  border: 1px solid #747cba;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0;
  max-width: 432px;
  padding: 20px 10px 10px;
  width: 48%;
}
.keeper .after--paint .item.after-inner-box .image img {
  max-width: 372px;
  width: 100%;
}
.keeper .after--paint .item.after-inner-box .pic-price {
  text-align: center;
  width: 49%;
}
.keeper .after--paint .item.after-inner-box .pic-price + .pic-price {
  text-align: left;
  margin-left: 2%;
}
.keeper .after--ash {
  background-color: #f3f9f5;
  border-left-color: #65c097;
  border-top-color: #65c097;
  padding-bottom: 30px;
}
.keeper .after--ash .item .text {
  max-width: 450px;
  padding: 20px 10px;
  width: 52%;
}
.keeper .after--ash .item .image img {
  max-width: 299px;
  width: 100%;
}
.keeper .after--ash .ash-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.keeper .after--ash .ash-text span:first-child {
  width: 11em;
}
.keeper .after--ash .ash-text .two-line {
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  width: 23.5em;
}
.keeper .after--ash .ash-text .two-line::before {
  border-bottom: 2px solid #65c097;
  border-left: 2px solid #65c097;
  border-top: 2px solid #65c097;
  bottom: 0;
  content: "";
  display: block;
  height: 3em;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 4px;
}
.keeper .after--ash .ash-text .two-line::after {
  border-bottom: 2px solid #65c097;
  border-right: 2px solid #65c097;
  border-top: 2px solid #65c097;
  bottom: 0;
  content: "";
  display: block;
  height: 3em;
  margin: auto;
  position: absolute;
  right: 3px;
  top: 0;
  width: 4px;
}
.keeper .after--water {
  background-color: #eef7fc;
  border-left-color: #34a1da;
  border-top-color: #34a1da;
  padding-bottom: 60px;
}
.keeper .after--water .wrapping-text {
  background-color: #34a1da;
}
.keeper .after--water .item {
  padding-top: 0;
}
.keeper .after--water .item .text {
  max-width: 480px;
  width: 54%;
}
.keeper .after--water .item .image {
  max-width: 375px;
  text-align: right;
  width: 46%;
}
.keeper .after--water .item.after-inner-box .text {
  max-width: 450px;
  padding: 20px 10px;
  width: 52%;
}
.keeper .after--water .item.after-inner-box .image {
  border: 1px solid #34a1da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0;
  max-width: 432px;
  padding: 20px 10px 10px;
  width: 48%;
}
.keeper .after--water .item.after-inner-box .image img {
  max-width: 260px;
  width: 100%;
}
.keeper .after--water .item.after-inner-box .pic-price {
  text-align: left;
  margin-left: 2%;
  width: 30%;
}
.keeper .after--water .item.after-inner-box .pic-price .pic-price-list dt {
  width: 30%;
}
.keeper .after--water .item.after-inner-box .pic-price .pic-price-list dd {
  width: 70%;
}

@media screen and (max-width: 1200px) {
  .keeper .detail-contents .detail-section.after--features, .keeper .detail-contents .detail-section.after--dia, .keeper .detail-contents .detail-section.after--ex, .keeper .detail-contents .detail-section.after--powder, .keeper .detail-contents .detail-section.after--paint, .keeper .detail-contents .detail-section.after--ash, .keeper .detail-contents .detail-section.after--water {
    padding-left: 50px;
    padding-right: 50px;
  }
  .keeper .detail-contents .detail-section:first-child {
    padding-left: 50px;
    padding-right: 50px;
  }
  .keeper .detail-contents .detail-section:last-child {
    padding-left: 50px;
    padding-right: 50px;
  }
  .keeper .after--dia .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--dia .item .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--dia .item .text .title {
    display: inline-block;
  }
  .keeper .after--dia .item .text .title + p {
    display: inline-block;
  }
  .keeper .after--dia .item .image {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--dia .item .pic-price {
    margin-left: 10px;
    margin-right: 10px;
    width: 40%;
  }
  .keeper .after--powder .item.after-inner-box .image img {
    max-width: 372px;
    width: 100%;
  }
  .keeper .after--powder .item.after-inner-box .pic-price {
    margin-top: 10px;
    text-align: left;
    width: 100%;
  }
  .keeper .after--powder .item.after-inner-box .pic-price + .pic-price {
    margin-left: 0;
  }
  .keeper .after--paint .item.after-inner-box .image img {
    width: 100%;
  }
  .keeper .after--paint .item.after-inner-box .pic-price {
    margin-top: 10px;
    text-align: left;
    margin-left: 2%;
    width: 100%;
  }
  .keeper .after--ash .ash-text span:first-child {
    width: 100%;
  }
  .keeper .after--ash .ash-text .two-line {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .keeper .after--water .item.after-inner-box .image {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--water .item.after-inner-box .pic-price {
    margin-top: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .keeper .detail-contents .detail-section.after--features, .keeper .detail-contents .detail-section.after--dia, .keeper .detail-contents .detail-section.after--ex, .keeper .detail-contents .detail-section.after--powder, .keeper .detail-contents .detail-section.after--paint, .keeper .detail-contents .detail-section.after--ash, .keeper .detail-contents .detail-section.after--water {
    padding-left: 30px;
    padding-right: 30px;
  }
  .keeper .detail-contents .detail-section:first-child {
    padding-left: 30px;
    padding-right: 30px;
  }
  .keeper .detail-contents .detail-section:last-child {
    padding-left: 30px;
    padding-right: 30px;
  }
  .keeper .after--features .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--features .item .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--features .item .text p {
    padding-left: 0;
  }
  .keeper .after--features .item .image {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .keeper .after--dia .item .image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--dia .item .pic-price {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    text-align: left;
    width: 100%;
  }
  .keeper .after--powder .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--powder .item .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--powder .item .image {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .keeper .after--powder .item.after-inner-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--powder .item.after-inner-box .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--powder .item.after-inner-box .image {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--paint .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--paint .item .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--paint .item .image {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .keeper .after--paint .item.after-inner-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--paint .item.after-inner-box .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--paint .item.after-inner-box .image {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--ash .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--ash .item .text {
    max-width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
  .keeper .after--ash .item .image {
    margin-bottom: 20px;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    width: 100%;
  }
  .keeper .after--ash .ash-text span:first-child {
    width: 100%;
  }
  .keeper .after--ash .ash-text .two-line {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .keeper .after--water .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .after--water .item .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--water .item .image {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .keeper .after--water .item.after-inner-box .text {
    max-width: 100%;
    width: 100%;
  }
  .keeper .after--water .item.after-inner-box .image {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .keeper .after--features .pc-only,
  .keeper .after--dia .pc-only,
  .keeper .after--ex .pc-only,
  .keeper .after--powder .pc-only,
  .keeper .after--paint .pc-only,
  .keeper .after--ash .pc-only,
  .keeper .after--water .pc-only {
    display: none;
  }
  .keeper .after--features .sp-only,
  .keeper .after--dia .sp-only,
  .keeper .after--ex .sp-only,
  .keeper .after--powder .sp-only,
  .keeper .after--paint .sp-only,
  .keeper .after--ash .sp-only,
  .keeper .after--water .sp-only {
    display: block;
  }
  .keeper .with-icon-title span {
    width: 62px;
  }
  .keeper .after-icon + .after-icon {
    margin-left: 0;
  }
}
@media screen and (max-width: 736px) {
  .keeper .detail-contents .detail-section.after--features, .keeper .detail-contents .detail-section.after--dia, .keeper .detail-contents .detail-section.after--ex, .keeper .detail-contents .detail-section.after--powder, .keeper .detail-contents .detail-section.after--paint, .keeper .detail-contents .detail-section.after--ash, .keeper .detail-contents .detail-section.after--water {
    padding-left: 25px;
    padding-right: 25px;
    border-left-width: 15px;
  }
  .keeper .detail-contents .detail-section:first-child {
    padding-left: 25px;
    padding-right: 25px;
  }
  .keeper .detail-contents .detail-section:last-child {
    padding-left: 25px;
    padding-right: 25px;
  }
  .keeper .with-icon-title .after-icon {
    max-width: 52px;
    width: 14%;
  }
  .keeper .with-icon-title .sp-only {
    max-width: 390px;
    width: calc(100% - 10px - 14%);
  }
  .keeper .with-icon-title > span {
    margin-right: 10px;
    max-width: 52px;
    width: 14%;
  }
  .keeper .with-icon-title > span .sp-only {
    max-width: 390px;
    width: calc(100% - 10px - 14%);
  }
  .keeper .with-icon-title > span .after-icon {
    margin-right: 0;
    max-width: 52px;
    width: 100%;
  }
  .keeper .with-icon-title > span .after-icon .after-icon {
    margin-right: 0;
    max-width: 52px;
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  .keeper .detail-contents .detail-section.after--features, .keeper .detail-contents .detail-section.after--dia, .keeper .detail-contents .detail-section.after--ex, .keeper .detail-contents .detail-section.after--powder, .keeper .detail-contents .detail-section.after--paint, .keeper .detail-contents .detail-section.after--ash, .keeper .detail-contents .detail-section.after--water {
    padding-left: 20px;
    padding-right: 20px;
    border-left-width: 10px;
  }
  .keeper .detail-contents .detail-section:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }
  .keeper .detail-contents .detail-section:last-child {
    padding-left: 20px;
    padding-right: 20px;
  }
  .keeper .after--ash .ash-text .two-line::before, .keeper .after--ash .ash-text .two-line::after {
    height: 100%;
  }
  .keeper .with-icon-title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keeper .with-icon-title .after-icon {
    margin: 0 auto 20px;
    width: 100%;
  }
  .keeper .with-icon-title .sp-only {
    width: 100%;
  }
  .keeper .with-icon-title > span {
    margin: 0 auto 20px auto;
    max-width: 114px;
    width: 114px;
  }
  .keeper .with-icon-title > span .sp-only {
    width: 100%;
  }
  .keeper .with-icon-title > span .after-icon {
    margin-bottom: 0;
    width: 49%;
  }
  .keeper .with-icon-title > span .after-icon .after-icon {
    width: 49%;
  }
}