.experience_foot_btn {
  padding: 8px 0;
  display: block;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  background: -webkit-linear-gradient(180deg, #BBA171 0%, rgb(94, 81, 57) 100%);
  background: linear-gradient(180deg, #BBA171 0%, rgb(94, 81, 57) 100%);
}

@media screen and (min-width: 768px) {
  .nner_priceComponent {
    margin-top: 0 !important;
  }
  .picUpPrice_ttl {
    margin-bottom: 0 !important;
  }

}

@media screen and (max-width: 767px) {
  .experience_foot_btn {
    font-size: calc(100vw / var(--viewport) * 29);
    margin: 0 calc(100vw / var(--viewport)* -35);
    padding: calc(100vw / var(--viewport) * 10) 0;
    letter-spacing: calc(100vw / var(--viewport) * 2);
  }
}



/* picUpPrice */
.priceComponent_monitor_right {
  text-align: right;
  background-color: #fff;
  border-radius: 0px 20px 20px 0px;
}

.priceComponent_monitor_left {
  background-color: #BBA171;
  border-radius: 20px 0 0 20px;
}

.priceComponent_monitor_left h4 {
  color: #fff;
}

.priceComponent_monitor {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.priceComponent_head {
  background-color: #fff;
  border-radius: 12px;
  margin-top: 26px;
}

.priceComponent_monitor {
  margin-top: 30px;
}

.priceComponent_monitor_right {
  width: 60%;
  padding: 30px 70px;
}

.priceComponent_monitor_right div {
  padding-top: 8px;
}


.priceComponent_monitor_left {
  width: 40%;
  padding: 38px 70px;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .priceComponent_head {
    padding: calc(100vw / var(--viewport) * 20) calc(100vw / var(--viewport) * 35) calc(100vw / var(--viewport) * 0);
    margin-top: calc(100vw / var(--viewport) * 28);
  }

  .inner_priceComponent {
    margin-top: 0 !important;
    padding-bottom: calc(100vw / var(--viewport) * 20) !important;
    padding-left: calc(100vw / var(--viewport) * 0) !important;
    ;
    padding-right: calc(100vw / var(--viewport) * 0) !important;
    ;
  }

  .priceComponent_monitor {
    margin-top: calc(100vw / var(--viewport) * 30);
  }

  .priceComponent_monitor_right {
    width: 60%;
    padding: calc(100vw / var(--viewport) * 27);
  }

  .priceComponent_monitor_right div {
    padding-top: calc(100vw / var(--viewport) * 10);
  }

  .priceComponent_monitor_left {
    width: 40%;
    padding: calc(100vw / var(--viewport) * 35);
    font-size: calc(100vw / var(--viewport) * 32);
  }
}



.boxTopInner {
  font-size: 28px;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.lastLoopBox2 {
  margin-bottom: 100px !important;
}

.h3_loopbox {
  font-size: 28px;
  margin-bottom: 54px;
}

.setflex {
  display: flex;
  justify-content: center;
  max-width: 980px;
  margin: 0 auto;
}

.setflex button {
  width: 327px;
  font-size: 18px;
  padding: 28px 0;
  color: #333;
  border-left: .5px solid #333;
  border-top: .5px solid #333;
  border-right: .5px solid #333;
}


.set2 {
  margin-bottom: 130px;
}

.whiteBtn.active {
  background-color: #333;
  color: #fff;
}

.blackBtn.active {
  background-color: #333;
  color: #fff;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}







.goldText {
  font-size: 22px;
  color: var(--primary-color4) !important;
  text-align: center;
  font-weight: bold;
}

.h3GreyBoxImg {
  width: 17px;
  height: 26px;
  margin-right: 20px;
}

.h3GreyBox {
  font-size: 30px !important;
  color: #333333;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.greyBox {
  padding: 55px 0 73px;
}

.greyBoxImg img {
  width: 100%;
}

.greyBox p {
  font-size: var(--font-size20);
  line-height: var(--lineHeight);
}

.greyBoxP {
  margin: 40px 0 0;
}

.innerOut {
  background-color: #F5F5F5;
  overflow: hidden;
}

.picUpPrice h3 {
  color: var(--primary-color4);
  font-size: var(--h3-font);
}


.greyContent_text {
  font-size: 28px;
  margin-top: 100px;
}

.faceImg {
  width: 193px;
}

.faceImg img {
  width: 100%;
}

.faceImg_flex {
  display: flex;
  justify-content: space-around;
  margin: 40px auto 0;
}

.faceImg_text {
  text-align: center;
  line-height: 12px;
  margin-top: 13px;
}

@media screen and (min-width: 768px) {
  .faceImg_text {
    font-size: 22px !important;
  }
}

.faceImg_text span {
  font-size: 19px;
  display: block;
  line-height: 1.2;
}

.parent-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;

}

.hospital_flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  max-width: 784px;
  margin: 0 auto;
}

.hospitalBtnA {
  color: white;
}

.hospitalBtn {
  background-color: #036EA8;
  width: 248px;
  font-size: 30px;
  text-align: center;
  padding: 21px 24px;
  margin: 16px 12px 0;
}



.note_downtime {
  margin-top: 70px;
  background-color: #fff;
  padding-bottom: 52px;
  margin-bottom: 70px;
}

.tableText {
  color: var(--primary-color4);
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  padding: 42px 0 30px;
}

.note_downtime tr {
  font-size: 20px;

}

.note_downtime th {
  text-align: right;
  width: 195px;
  vertical-align: top;
  padding: 2px 0 2px 28px;
  font-size: 18px;
}

.note_downtime td {
  width: calc(100% - 195px);
  padding: 2px 28px 2px 28px;
  font-size: 18px;

}

.cochira {
  color: #036EA8;
  text-decoration: underline;
}


.tableGrey {
  width: 713px;
  margin: 0 auto;
  background-color: #F5F5F5;
  margin-top: 40px;
  padding: 24px 0;

}

.before_after_White {
  background-color: #fff;
  margin-top: 40px;
  padding-bottom: 78px;
}

.before_after_flex {
  display: flex;
  justify-content: center;
}

.before_afterBox h3 {
  font-size: 31px;
  margin-top: 74px;
  margin-bottom: 27px;
}

.beforeImg img,
.afterImg img {
  width: 333px;
}

.beforeImg {
  padding-right: 23px;
}

.afterImg {
  padding-left: 23px;
}

.before_after_White th {
  width: 180px;
  text-align: right;
  font-size: 19px;
  padding: 2px 0 2px 0;
}

.before_after_White td {
  width: calc(100% - 180px);
  padding-left: 20px;
  font-size: 19px;
  padding: 2px 0 2px 33px;
}

.resolve {
  margin-top: 95px;
}

.resolveAdd {
  margin-top: 105px;
}


/* picUpPrice */
.priceComponent {
  padding: 42px 70px 38px;
  background-color: #fff;
  border-radius: 12px;
  margin-top: 26px;
}

.priceComponent h4 {
  font-size: 28px;
  margin-bottom: 45px;
}

.flexPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.priceL {
  color: var(--primary-color4);
  font-size: 28px;
  font-weight: bold;
}

/* .priceR img {
  height: 49px;
  display: inline;
  opacity: .9;
}

.priceR img {
  padding-left: 2px;
} */
.priceR {
  font-family: "din-2014";
  font-size: 58px;
  font-weight: bold;
}
.priceR.red {
  color: #e80000;
}
@media screen and (max-width: 767px) {
  .priceR {
    font-size: calc(100vw / var(--viewport) * 70);
  }
}


@media screen and (min-width: 768px) {
  .boxTopInner img {
    padding: 0 23px 0 6px;
    margin-bottom: 8px;
  }

  .rightBoxInner p {
    padding-left: 40px;
    font-size: 20px;
    line-height: var(--lineHeight);
  }

  .border {
    position: relative;
    z-index: 1;
    background-color: #fff;
  }

  .border::before {
    content: "";
    display: block;
    position: absolute;
    border-bottom: .5px solid #333;
    width: 100%;
    top: 100%;
  }

  .border::after {
    width: 979px;
    content: "";
    display: block;
    position: absolute;
    border-bottom: .5px solid white;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .marginBottom130 {
    margin-bottom: 130px;
  }
}

@media screen and (max-width: 767px) {

  .boxTopInner {
    font-size: calc(100vw / var(--viewport) * 30);
    margin-bottom: calc(100vw / var(--viewport) * 16);
  }

  .rightBoxInner p {
    font-size: calc(100vw / var(--viewport) * 28);
    margin-top: calc(100vw / var(--viewport) * 24);
  }


  .goldText {
    font-size: calc(100vw / var(--viewport) * 28);
  }

  .h3GreyBox {
    font-size: calc(100vw / var(--viewport) * 34) !important;
    margin-bottom: calc(100vw / var(--viewport) * 28);
    text-align: center;
  }

  .greyBox {
    padding: calc(100vw / var(--viewport) * 32) 0 calc(100vw / var(--viewport) * 90);
  }

  .innerSP {
    padding: 0 20px;
  }

  .setflex button {
    font-size: calc(100vw / var(--viewport) * 18);
    padding: calc(100vw / var(--viewport) * 26) 0;
    border-left: none;
    border-top: 1px solid #333;
    border-right: none;
  }

  .h3_loopbox {
    font-size: calc(100vw / var(--viewport) * 32);
    text-align: center;
    margin-bottom: calc(100vw / var(--viewport) * 40);
  }

  .greyBoxP {
    margin: calc(100vw / var(--viewport) * 32) 0 calc(100vw / var(--viewport)* 56);
  }

  .picUpPrice h3 {
    font-size: calc(100vw / var(--viewport) * 36);
    text-align: center;
  }

  .greyBox p {
    font-size: calc(100vw / var(--viewport) * 28);
  }

  .priceComponent h4 {
    font-size: calc(100vw / var(--viewport) * 32);
    margin-bottom: calc(100vw / var(--viewport) * 30);
  }

  .priceComponent {
    padding: calc(100vw / var(--viewport) * 40) calc(100vw / var(--viewport) * 35) calc(100vw / var(--viewport) * 40);
    margin-top: calc(100vw / var(--viewport) * 28);
  }

  .priceL {
    font-size: calc(100vw / var(--viewport) * 28);
  }

  /* .priceR img {
    height: calc(100vw / var(--viewport) * 53);
  } */

  .greyContent_text {
    font-size: calc(100vw / var(--viewport) * 32);
    margin-top: calc(100vw / var(--viewport) * 80);
    text-align: center;
  }

  .faceImg_flex {
    margin: calc(100vw / var(--viewport) * 30) auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .faceImg_text {
    font-size: calc(100vw / var(--viewport) * 30);
    margin-bottom: calc(100vw / var(--viewport) * 60);
  }

  .faceImg_textSP {
    margin-bottom: calc(100vw / var(--viewport) * 0);
  }

  .faceImg_text span {
    font-size: calc(100vw / var(--viewport) * 26);
  }

  .hospital_flex {

    justify-content: center;
    flex-wrap: nowrap;
  }

  .hospitalBtn {
    font-size: calc(100vw / var(--viewport) * 24);
    text-align: center;
    width: calc(100vw / var(--viewport) * 190);
    padding: calc(100vw / var(--viewport) * 18) 0;
    margin: calc(100vw / var(--viewport) * 20) calc(100vw / var(--viewport) * 10) 0;
  }

  .note_downtime {
    margin-top: calc(100vw / var(--viewport) * 60);
    background-color: #fff;
    padding-bottom: calc(100vw / var(--viewport) * 42);
  }

  .tableText {
    font-size: calc(100vw / var(--viewport) * 28);
    padding: calc(100vw / var(--viewport) * 50) 0 calc(100vw / var(--viewport) * 26);
  }

  .faceImg {
    width: calc(100vw / var(--viewport) * 247);
  }

  .faceImg img {
    width: 100%;
  }

  .hospital_flex {
    width: calc(100vw / var(--viewport) * 610);
  }

  .note_downtime tr {
    font-size: calc(100vw / var(--viewport) * 22);
  }

  .note_downtime th {
    text-align: right;
    width: calc(100vw / var(--viewport) * 191);
    vertical-align: top;
    padding: 0 0 0 calc(100vw / var(--viewport) * 20);
    font-size: calc(100vw / var(--viewport) * 19);
  }

  .note_downtime td {
    padding: 0 calc(100vw / var(--viewport) * 20) 0 calc(100vw / var(--viewport) * 30);
    font-size: calc(100vw / var(--viewport) * 19);
  }

  .before_after_White {
    margin-top: calc(100vw / var(--viewport) * 30);
    padding-bottom: calc(100vw / var(--viewport) * 56);
    border-radius: 18px;
  }

  .beforeImg img,
  .afterImg img {
    width: 100%;
  }

  .before_afterBox h3 {
    text-align: center;
    font-size: calc(100vw / var(--viewport) * 32);
    margin-top: calc(100vw / var(--viewport) * 72);
    margin-bottom: calc(100vw / var(--viewport) * 26);
  }

  .afterImg {
    padding-left: calc(100vw / var(--viewport) * 15);
  }

  .beforeImg {
    padding-right: calc(100vw / var(--viewport) * 15);
  }

  .before_after_flex {
    padding: 0 calc(100vw / var(--viewport) * 34);
  }

  .tableGrey {
    width: 90%;
    margin: 0 auto;
    background-color: #F5F5F5;
    margin-top: calc(100vw / var(--viewport) * 50);
    padding: calc(100vw / var(--viewport) * 24) 0;
  }

  .before_after_White th {
    width: 30%;
    text-align: right;
    font-size: calc(100vw / var(--viewport) * 22);
    padding: 0 0 0 calc(100vw / var(--viewport) * 20);
  }

  .before_after_White td {

    font-size: calc(100vw / var(--viewport) * 22);
    padding: 0 calc(100vw / var(--viewport) * 20) 0 calc(100vw / var(--viewport) * 30);
  }

  .resolve {
    margin-top: calc(100vw / var(--viewport) * 70);
  }

  .resolveAdd {
    margin-top: calc(100vw / var(--viewport) * 120);
  }

  .marginBottom130 {
    margin-bottom: calc(100vw / var(--viewport) * 170);
  }

  .h3GreyBoxImg {
    width: calc(100vw / var(--viewport) * 19);
    height: calc(100vw / var(--viewport) * 28);
    margin-right: calc(100vw / var(--viewport) * 20);
    margin-bottom: calc(100vw / var(--viewport) * 2);
  }

  .setflex> :nth-child(1),
  .setflex> :nth-child(2) {
    border-right: 1px solid #333;
  }

  .greyBoxP p {
    font-size: calc(100vw / var(--viewport)* 28);
    line-height: var(--lineHeight);
  }
}