.img-cat-header-pc {
  width: 70px;
}

img.img-table-sp-left {
  width: 140px;
  height: 23px;
}

img.img-table-sp-right {
  width: 140px;
  height: 46px;
}

.detail-content-table {
  padding: 10px 0px 38px 0;
}

p.text-headder-update {
  font-size: 30px;
  line-height: 20px;
}

table {
  border: none;
  width: 100%;
}

tr {
  text-align: center;
}

span.table-minus {
  color: rgb(68, 175, 53);
  font-size: 20px;
  font-weight: bold;
}

.table-strong {
  font-weight: bold;
}

.text-table-strong {
  font-size: 20px;
}

.td-1 {
  background-color: #dbdcdc;
}

.y {
  background-color: #f4f2d9ff;
}

.y1 {
  background-color: #f4f4f4ff;
}

.g {
  background-color: #fcf9caff;
}

.g1 {
  background-color: #fbfcf4ff;
}

.b {
  border: 4px solid white;
}

.y1,
.g1 {
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}

.y,
.y1,
.g,
.g1,
.b {
  padding: 4px 10px;
}
.text-small-header {
  font-size: 12px;
}

.detail-button-blue {
  display: block;
  text-decoration: none;
  width: 450px;
  height: 97px;
  text-align: center;
  padding-top: 21px;
  background-color: rgb(0, 109, 188);
  border-radius: 10px;
  color: white;
}

.detail-button-green {
  display: block;
  text-decoration: none;
  width: 450px;
  height: 97px;
  text-align: center;
  padding-top: 21px;
  background-color: rgb(39, 147, 10);
  border-radius: 10px;
  color: white;
}

.detail-content-list-number,
.detail-content-answer-question {
  padding: 50px 50px 38px 50px;
}

.detail-content-wrapper {
  /*padding: 44px 50px 38px;*/
  padding: 5px 50px 38px;
}

.question-flex-right > img {
  cursor: pointer;
  width: 20px;
}

.yamato-content-detail-button > img {
  width: 20px;
}

.show {
  display: block !important;
}

.detail-content-container {
  margin-bottom: 15px;
}

.detail-open {
  margin-top: -30px;
  display: none;
}

.plus-yellow {
  display: inline-block;
  width: 20px;
  color: rgb(253, 220, 68);
  font-weight: bold;
  font-size: 30px;
  cursor: pointer;
  margin-top: -3px;
  cursor: pointer;
}

.plus-yellow-sp {
  display: none;
}

.btn--detail {
  display: block;
  width: 656px;
  margin: 20px auto;
  background: none;
  /*height: 62px;*/
  height: 74px;
  line-height: 74px;
  border-radius: 12px;
  /*padding-top: 10px;*/
  font-size: 16px;
  color: white;
}

.btn-green--detail {
  background-color: rgb(39, 147, 10);
}

.btn-blue--detail {
  background-color: rgb(0, 178, 237);
}

.btn--detail:hover {
  text-decoration: none;
}

.bg {
  margin-top: 20px;
  width: 100%;
  background-color: rgb(238, 238, 238);
  padding: 40px 0;
}

.mg {
  margin-bottom: -10px;
}

.button-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.button-container > button {
  width: 40%;
  height: 80px;
  background-color: white;
  border: 1px solid black;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
}
.button-container > button:first-child {
  margin-right: 60px;
}

.button-container > .active {
  border: none;
  background-color: rgb(238, 238, 238);
}

.for-yamato-bottom-title {
  text-align: center;
  position: relative;
  padding: 20px 0 30px 0;
}

.for-yamato-bottom-title > h1 {
  display: inline-block;
  height: 100%;
}
.for-yamato-bottom-title > img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -7px;
  width: 20px;
  cursor: pointer;
}

.for-yamato-content-botton-detail {
  display: none;
  margin-top: 25px;
}

.button-detail-in-content {
  display: flex;
  justify-content: space-between;
  margin-top: -35px;
  height: 200px;
  align-items: center;
  padding: 100px 333px 100px;
}

.content-button {
  background-color: white;
  margin-bottom: 50px;
}

.img-answer,
.img-answer-2 {
  width: 35%;
}

.img-answer-3 {
  width: 23%;
}
.answer-img-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.plus-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-flex h4 {
  font-size: 17px;
  margin: 8px 0;
  display: inline-block;
}
.detail-flex-title {
  width: 28%;
}
.detail-flex-image {
  width: 27%;
}
.detail-flex-image-2 {
  width: 90%;
}
.detail-flex-image-1 {
  width: 60%;
}
.repair-list-detail {
  display: flex;
  margin-top: 29px;
}

.repair-item-detail {
  position: relative;
  width: calc(20% + 6.6px);
  text-align: center;
  padding-right: 33px;
}

.repair-item-detail:last-child {
  width: calc(20% - 26.4px);
  padding-right: 0;
}

.repair-item:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 141px;
  background: url('../img/arrow_black.png') scroll no-repeat center center
    transparent;
  background-size: 17px 33px;
}

.repair-item-name-detail {
  /* font-size: 10px; */
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 32px;
}

.repair-item-img-detail {
  width: 141px;
}

.repair-item-detail:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 141px;
  background: url(../img/arrow_black.png) scroll no-repeat center center
    transparent;
  background-size: 17px 33px;
}

.repair-list-detail-custom {
  display: flex;
  margin-top: 20px;
}

.link-answer-blue {
  color: rgb(0, 104, 182);
}

.answer-text-in-2 {
  display: flex;
}

.menu-fix {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  background-color: rgb(35, 24, 21);
  color: white;
  height: 90px;
  width: 100%;
  font-weight: bold;
  position: fixed;
  top: 0;
  z-index: 100000000;
  transition: top 0.3s;
}

.menu-fix-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-fix-item > p {
  color: white;
}

.menu-fix-img {
  margin-right: 15px;
}
.menu-fix-sp {
  display: none;
}
.img-table-sp-2 {
  display: none;
  margin-left: 50px;
}

.btn-custom {
  font-size: 24px;
  text-align: center;
  width: 44%;
  /*font-size: 15px;
  width: 44%;*/
}
a.btn-custom-1,
.btn-custom-long-green {
  font-weight: bold;
  position: relative;
  display: inline-block;
  /*font-size: 15px;
  line-height: 34px;*/
  font-size: 17px;
  line-height: 25px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-align: center;
  vertical-align: middle;
  color: white;
  padding: 3% 2%;
  border-radius: 8px;
  background-color: rgb(68, 175, 53);
  box-shadow: 0 4px 0 0 rgb(86, 123, 3);
}

a.btn-custom-2,
.btn-custom-long-blue {
  font-weight: bold;
  position: relative;
  display: inline-block;
  /*font-size: 15px;
  line-height: 34px;*/
  font-size: 17px;
  line-height: 25px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-align: center;
  vertical-align: middle;
  color: white;
  padding: 3% 2%;
  border-radius: 8px;
  background-color: rgb(0, 159, 232);
  box-shadow: 0 4px 0 0 rgb(0, 103, 148);
}

.btn-custom-long-blue,
.btn-custom-long-green {
  display: block;
  width: 70%;
  margin: 30px auto;
}
a.btn-custom-1:hover,
.btn-custom-long-green:hover {
  text-decoration: none;
  background-color: rgb(39, 147, 10);
  box-shadow: none;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}

a.btn-custom-2:hover,
.btn-custom-long-blue:hover {
  text-decoration: none;
  background-color: rgb(0, 109, 188);
  box-shadow: none;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}
@media only screen and (max-width: 979px) {
  .detail-content-wrapper {
    /*padding: 44px 10px 38px;*/
    padding: 14px 10px 38px;
  }
  .detail-flex {
    display: block !important;
    text-align: center;
  }
  .detail-flex-image {
    width: fit-content;
    margin: auto;
  }
  .detail-flex-image-1,
  .detail-flex-image-2 {
    width: auto;
  }
  .detail-flex-title {
    width: 100%;
  }
  .btn--detail {
    width: 340px;
    margin: 0px auto 20px auto;
    background: none;
    /* height: 62px; */
    height: 88px;
    line-height: 35px;
    border-radius: 12px;
    padding-top: 7px;
    font-size: 16px;
    color: white;
  }

  .detail-button-green,
  .detail-button-blue {
    width: 340px;
    margin: 0 auto;
  }

  p.text-headder-update {
    font-size: 14px;
  }

  .text-small-header {
    font-size: 9px;
  }

  .detail-content-table {
    padding: 10px;
  }

  .btn-green--detail {
    background-color: rgb(39, 147, 10);
  }

  .btn-blue--detail {
    background-color: rgb(0, 178, 237);
  }

  .plan-detail-buttons {
    padding: 35px 0px 0px 0px !important;
  }

  .btn-detail-custom {
    width: 90% !important;
  }

  .button-container > button {
    font-size: 12px;
  }

  .button-container > button:first-child {
    margin-right: 20px;
  }

  .for-yamato-content-bottom {
    padding: 32px 19px !important;
    margin: 8px 16px !important;
  }

  .for-yamato-content-bottom {
    margin: 7px ​16px 20px !important;
  }

  .for-yamato-bottom-title > h1 {
    display: inline-block;
    font-size: 15px;
  }

  .repair-list-detail-custom {
    display: block !important;
  }

  .answer-text-in {
    display: block !important;
  }
  .img-answer {
    width: 85%;
  }
  .answer-text-in-content-2 {
    display: block !important;
  }
  .img-answer-2 {
    width: 51%;
  }
  .img-answer-3 {
    width: 30%;
  }
  .answer-text-in-2 {
    justify-content: space-between;
  }
  .plus-container {
    margin-top: 20px;
  }

  .plus-yellow-sp {
    /* display: inline-block;
    width: 20px;
    color: #fddc44ff;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer; */
    display: inline-block;
    /* width: 0px; */
    color: rgb(253, 220, 68);
    font-weight: bold;
    font-size: 48px;
    cursor: pointer;
    position: absolute;
    top: -22px;
    right: 8px;
  }

  .img-table-pc {
    display: none;
  }
  .img-table-sp-2 {
    display: block;
    width: 90px;
  }
  img.img-table-sp-left {
    width: 100px;
    height: 17px;
  }
  img.img-table-sp-right {
    width: 100px;
    height: 38px;
  }
  .menu-fix-item {
    width: 50%;
  }
  .detail-content-list-number,
  .detail-content-answer-question {
    padding: 20px 10px 38px 10px;
  }
  .btn-custom-1,
  .btn-custom-2 {
    max-width: 350px !important;
    width: 98vw;
    font-size: 16px;
  }
}