.wrapper {
   overflow: hidden;
}

.page {
   color: #000;
   font-size: 15px;
   line-height: 28px;
}

.page .sp {
   display: none;
}

.page img {
   vertical-align: middle;
   width: auto;
   max-width: 100%;
   height: auto;
}

.page .wrap {
   width: 90%;
   max-width: 1080px;
   margin: 0 auto;
   padding: 0;
   position: relative;
}

.page .img-obj {
   width: 100%;
   max-width: inherit;
   height: 100%;
   object-fit: cover;
}

.page .txt-c {
   text-align: center;
}

.page .h2 {
   text-align: center;
}

.page .h2 small {
   display: block;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #023667;
}

.page .h2 strong {
   display: block;
   font-weight: 700;
   font-size: 34px;
   line-height: 60px;
}

.page .h2 span {
   display: inline-block;
   vertical-align: bottom;
   font-weight: 300;
   font-size: 40px;
   padding-right: 20px;
}

.page .h-24 {
   font-weight: 700;
   font-size: 24px;
   line-height: 1.5;
   letter-spacing: 0;
}

.page .cl-blue {
   color: #023667;
}

@media screen and (max-width: 768px) {
   .page .pc {
      display: none;
   }

   .page .sp {
      display: block;
   }

   .page .wrap {
      width: 100%;
      padding: 0 40px;
   }

   .page .h2 strong {
      line-height: 1.2;
   }

   .page .h2 span {
      line-height: 1.2;
      padding-right: 0;
   }
}

.page .kv {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: calc(100vh - 122px);
   min-height: 680px;
   position: relative;
}

.page .kv .photo {
   display: flex;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.page .kv .photo figure {
   width: 50%;
   height: 100%;
}

.page .kv .photo figure img {
   object-position: center top;
}

.page .kv .txt-border {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 9.37vw;
   height: 2.23vw;
   color: #fff;
   border: 1px solid #fff;
   font-size: 1.25vw;
   line-height: 1;
   position: absolute;
   right: 1.5625vw;
   bottom: 1.5625vw;
   padding-bottom: 3px;
}

.page .kv .text {
   position: relative;
   color: #fff;
}

.page .kv h2 {
   font-weight: 600;
   font-style: italic;
   font-size: 2.8vw;
   line-height: 1.2;
   text-align: center;
}

.page .kv h2 span {
   font-weight: 700;
   font-style: italic;
   font-size: 4.48vw;
}

.page .kv .sub {
   max-width: 21.15vw;
   margin: 0 auto;
   padding-top: 1.8vw;
}


@media screen and (max-width: 768px) {
   .page .kv {
      display: block;
      height: auto;
      min-height: inherit;
   }

   .page .kv .photo {
      position: relative;
   }

   .page .kv .txt-border {
      width: 26.6vw;
      height: 6.4vw;
      font-size: 3.5vw;
      line-height: 1;
      top: 3.2vw;
      right: 3.2vw;
      bottom: auto;
   }

   .page .kv .text {
      padding-top: 3.73vw;
   }

   .page .kv .text:after {
      content: '';
      display: block;
      width: 120px;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.6);
      margin: 45px auto 0;
   }

   .page .kv .text h2 {
      color: #00498F;
      font-size: 4.26vw;
      line-height: 1.5;
   }

   .page .kv .text h2 span {
      display: inline-block;
      font-size: 10.13vw;
      line-height: 1.1;
      padding-top: 0.8vw;
   }

   .page .kv .text .sub {
      max-width: 54.4vw;
      padding-top: 2.4vw;
   }
}

.page .lead .text {
   max-width: max-content;
   margin: 0 auto;
   padding: 90px 0;
}

.page .lead h2 {
   font-weight: 700;
   font-size: 32px;
   line-height: 1.2;
}

.page .lead .txt {
   font-size: 16px;
   padding-top: 45px;
}

.page .lead .photo {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 4px;
}

.page .lead .photo img {
   width: 100%;
   max-width: inherit;
}

@media screen and (max-width: 768px) {
   .page .lead {
      padding-top: 40px;
   }

   .page .lead .text {
      max-width: 80%;
      padding: 0;
   }

   .page .lead h2 {
      font-size: 27px;
      line-height: 38px;
   }

   .page .lead .txt {
      padding-top: 20px;
   }

   .page .lead .photo {
      grid-template-columns: repeat(2, 1fr);
      gap: 1px;
      padding-top: 85px;
   }
}

.page .benefit {
   padding: 150px 0;
}

.page .benefit .box-1 {
   display: grid;
   grid-template-columns: 1fr 487px;
   align-items: center;
   gap: 20px;
   padding-top: 60px;
}

.page .benefit .box-1 figure {
   position: relative;
}

.page .benefit .box-1 figure figcaption {
   color: #0098AA;
   width: 24px;
   line-height: 28px;
   letter-spacing: 4px;
   position: absolute;
   top: 20px;
   left: -15px;
   word-break: break-word;
   writing-mode: tb;
}

.page .benefit .box-1 .txt {
   padding-top: 20px;
}

.page .benefit .box-1 dl {
   padding-top: 36px;
}

.page .benefit .box-1 dl dt {
   color: #0098AA;
   font-weight: 700;
   font-size: 28px;
   line-height: 1.5;
   border: 5px solid #0098AA;
   padding: 35px 80px;
}

.page .benefit .box-1 dl dd {
   font-size: 12px;
   line-height: 20px;
   padding-top: 12px;
}

@media screen and (max-width: 768px) {
   .page .benefit {
      padding: 85px 0 80px;
   }

   .page .benefit:after {
      content: '';
      display: block;
      width: 120px;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.6);
      margin: 80px auto 0;
   }

   .page .benefit .box-1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding-top: 35px;
   }

   .page .benefit .box-1 .col {
      display: contents;
   }

   .page .benefit .box-1 dl {
      order: 1;
   }

   .page .benefit .box-1 dl dt {
      font-size: 22px;
      line-height: 36px;
      padding: 30px 20px;
   }

   .page .benefit .box-1 figure {
      order: 2;
      margin-top: 48px;
      margin-right: -30px;
      padding-left: 10px;
   }

   .page .benefit .box-1 figure figcaption {
      font-size: 22px;
      line-height: 24px;
      letter-spacing: 2px;
      top: 0;
      left: 0;
   }

   .page .benefit .box-1 h3 {
      order: 3;
      padding-top: 35px;
   }

   .page .benefit .box-1 .txt {
      order: 4;
   }
}

.page .good-price {
   padding-bottom: 150px;
}

.page .good-price .box-1 {
   display: flex;
   gap: 10px;
   max-width: 992px;
   margin: 0 auto;
   padding-top: 50px;
}

.page .good-price .box-1 figcaption {
   width: max-content;
   font-weight: 700;
   font-size: 30px;
   line-height: 1.2;
   margin: 0 auto;
}

.page .good-price .box-1 figcaption span {
   font-weight: 300;
}

.page .good-price .box-1 figcaption small {
   font-weight: 700;
   font-size: 20px;
}

.page .good-price .box-1 .photo-1 figcaption {
   padding: 40px 0 65px;
}

.page .good-price .box-1 .photo-2 {
   align-self: flex-end;
}

.page .good-price .box-1 .photo-4 {
   align-self: flex-end;
}

.page .good-price .box-1 .photo-4 figcaption {
   padding-bottom: 84px;
}

.page .good-price .box-2 {
   max-width: 705px;
   margin: 0 auto;
   padding-top: 34px;
}

.page .good-price .box-2 h3 {
   text-align: center;
}

.page .good-price .box-2 h3 small {
   font-weight: 700;
   font-size: 18px;
}

.page .good-price .box-2 .txt {
   padding-top: 20px;
}

@media screen and (max-width: 768px) {
   .page .good-price {
      padding-bottom: 80px;
   }

   .page .good-price:after {
      content: '';
      display: block;
      width: 120px;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.6);
      margin: 80px auto 0;
   }

   .page .good-price .box-1 {
      align-items: center;
      flex-wrap: wrap;
      gap: 80px 0;
      margin: 0 -20px;
      padding-top: 35px;
   }

   .page .good-price .box-1 figure {
      position: relative;
   }

   .page .good-price .box-1 figcaption {
      width: max-content;
      font-size: 24px;
   }

   .page .good-price .box-1 figcaption small {
      font-size: 16px;
   }

   .page .good-price .box-1 .photo-1,
   .page .good-price .box-1 .photo-3 {
      order: 1;
   }

   .page .good-price .box-1 .photo-2,
   .page .good-price .box-1 .photo-4 {
      order: 2;
   }

   .page .good-price .box-1 .photo-1 {
      width: 59%;
   }

   .page .good-price .box-1 .photo-1 figcaption {
      position: absolute;
      bottom: -110px;
      left: 50%;
      padding: 0;
      transform: translateX(-50%);
   }

   .page .good-price .box-1 .photo-2 {
      width: 59%;
      align-self: inherit;
   }

   .page .good-price .box-1 .photo-3 {
      width: 41%;
   }

   .page .good-price .box-1 .photo-4 {
      width: 41%;
      align-self: inherit;
   }

   .page .good-price .box-1 .photo-4 figcaption {
      position: absolute;
      top: -112px;
      left: 50%;
      padding: 0;
      transform: translateX(-50%);
   }

   .page .good-price .box-2 {
      padding-top: 30px;
   }

   .page .good-price .box-2 h3 {
      text-align: center;
      margin: 0 -10px;
   }
}

.page .design {
   padding-bottom: 150px;
}

.page .design .box-1 {
   display: flex;
   flex-direction: column;
   padding-top: 60px;
}

.page .design .box-1 .photo {
   display: grid;
   grid-template-columns: repeat(3, 348px);
   justify-content: center;
   gap: 18px;
   order: 1;
}

.page .design .box-1 .photo figcaption {
   text-align: center;
   font-weight: 700;
   font-size: 18px;
   padding-top: 12px;
}

.page .design .box-1 h3 {
   padding-top: 70px;
   order: 2;
}

.page .design .box-1 .txt {
   max-width: 705px;
   margin: 0 auto;
   padding-top: 20px;
   order: 3;
}

.page .design .box-2 {
   display: grid;
   grid-template-columns: 1fr 354px;
   align-items: flex-end;
   gap: 34px;
   padding-top: 90px;
}

.page .design .box-2 .photo {
   display: flex;
   gap: 12px;
}

.page .design .box-2 figcaption {
   text-align: center;
   font-weight: 700;
   font-size: 18px;
   padding-top: 12px;
}

.page .design .box-2 .col {
   padding: 35px 0;
}

.page .design .box-2 .txt {
   padding-top: 20px;
}

@media screen and (max-width: 768px) {
   .page .design {
      padding-bottom: 80px;
   }

   .page .design:after {
      content: '';
      display: block;
      width: 120px;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.6);
      margin: 80px auto 0;
   }

   .page .design h2 {
      margin: 0 -10px;
   }

   .page .design .box-1 {
      padding-top: 35px;
   }

   .page .design .box-1 h3 {
      order: 1;
      padding-top: 0;
   }

   .page .design .box-1 .photo {
      grid-template-columns: 1fr;
      gap: 25px;
      padding-top: 25px;
      order: 2;
   }

   .page .design .box-1 .photo figcaption {
      font-size: 16px;
      line-height: 24px;
      padding-top: 10px;
   }

   .page .design .box-1 .txt {
      padding-top: 40px;
   }

   .page .design .box-2 {
      display: flex;
      flex-direction: column;
      align-items: inherit;
      gap: 0px;
      padding-top: 60px;
   }

   .page .design .box-2 .photo {
      gap: 7px;
      order: 2;
      padding-top: 35px;
   }

   .page .design .box-2 .photo figcaption {
      font-size: 16px;
      line-height: 24px;
      margin: 0 -10px;
      padding-top: 7px;
   }

   .page .design .box-2 .col {
      display: contents;
   }

   .page .design .box-2 h3 {
      text-align: center;
      margin: 0 -10px;
      order: 1;
   }

   .page .design .box-2 .txt {
      padding-top: 30px;
      order: 3;
   }
}

.page .fabric {
   padding-bottom: 150px;
}

.page .fabric h2 {
   padding-bottom: 10px;
}

.page .fabric .box-1 {
   display: flex;
   align-items: center;
   background-color: #F6F3F0;
   margin-top: 50px;
}

.page .fabric .box-1 .col {
   width: 447px;
   padding: 30px;
}

.page .fabric .box-1 .no {
   font-weight: 300;
   font-size: 40px;
   line-height: 1.5;
   text-align: center;
}

.page .fabric .box-1 h3 {
   text-align: center;
}

.page .fabric .box-1 h3,
.page .fabric .box-1 .txt {
   padding-top: 20px;
}

.page .fabric .box-1 .txt {
   max-width: 310px;
   margin: 0 auto;
}

.page .fabric .box-1 .photo {
   display: flex;
   width: calc(100% - 447px);
}

.page .fabric .box-1.img-r {
   flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
   .page .fabric {
      padding-bottom: 80px;
   }

   .page .fabric:after {
      content: '';
      display: block;
      width: 120px;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.6);
      margin: 80px auto 0;
   }

   .page .fabric .wrap {
      padding: 0;
   }

   .page .fabric h2 {
      padding-bottom: 40px;
   }

   .page .fabric .box-1 {
      flex-direction: column;
      gap: 0px;
      margin-top: 0px;
   }

   .page .fabric .box-1 .photo,
   .page .fabric .box-1 .col {
      width: 100%;
   }

   .page .fabric .box-1 .col {
      padding: 25px 30px 35px;
   }

   .page .fabric .box-1 h3 {
      text-align: center;
      margin: 0 -10px;
   }

   .page .fabric .box-1 .txt {
      padding-top: 15px;
   }

   .page .fabric .box-1.img-r {
      flex-direction: column;
   }
}

.page .lineup {
   padding-bottom: 100px;
}

.page .lineup h2 {
   padding-bottom: 60px;
}

.page .lineup .box-1 {
   display: flex;
   flex-direction: row-reverse;
   gap: 40px;
}

.page .lineup .box-1 .col-1 {
   width: 500px;
}

.page .lineup .box-1 .col-2 {
   width: 540px;
}

.page .lineup .box-1 h3 {
   font-weight: 700;
   font-size: 20px;
   line-height: 1.5;
   text-align: center;
}

.page .lineup .box-1 .txt-price {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   text-align: center;
}

.page .lineup .box-1 .txt-price li {
   font-weight: 700;
   font-size: 28px;
}

.page .lineup .box-1 .txt-price li span {
   display: block;
   font-size: 13px;
}

.page .lineup .box-1 .text {
   max-width: 365px;
   margin: 0 auto;
   padding-top: 40px;
}

.page .lineup .box-1 .txt {
   padding-top: 18px;
}

.page .lineup .box-1 .photo-1 {
   padding-top: 40px;
}

.page .lineup .box-1 .photo-1 .slider figure {
   position: relative;
   padding-top: 46px;
}

.page .lineup .box-1 .photo-1 h4 {
   display: flex;
   align-items: center;
   gap: 6px;
   font-weight: 700;
   font-size: 20px;
   line-height: 1.5;
   padding-bottom: 16px;
   white-space: nowrap;
   position: absolute;
   top: 0;
   left: 0;
}

.page .lineup .box-1 .photo-1 h4:after {
   content: '';
   flex: 1 0 0;
   border-top: 1px solid rgba(0, 0, 0, 0.6);
}

.page .lineup .box-1 .photo-1 .slider .slick-arrow {
   display: block;
   width: 36px;
   height: 36px;
   border: 0;
   font-size: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
   border-radius: 50%;
   margin-top: 5px;
   transition: all 0.3s;
}

.page .lineup .box-1 .photo-1 .slider .slick-arrow:hover {
   opacity: 0.5;
}

.page .lineup .box-1 .photo-1 .slider .slick-prev {
   background: url("/ec/img/usr/pg/campaign/recoverywear/slider-prev.webp") no-repeat center top/cover;
   left: 10px;
}

.page .lineup .box-1 .photo-1 .slider .slick-next {
   background: url("/ec/img/usr/pg/campaign/recoverywear/slider-next.webp") no-repeat center top/cover;
   right: 10px;
}

.page .lineup .box-1 .photo-1 .slider .slick-arrow.slick-disabled {
   opacity: 0;
   pointer-events: none;
}

.page .lineup .box-1 .photo-1 .slider .slick-list {
   margin-left: -15px;
}

.page .lineup .box-1 .photo-1 figure {
   margin-left: 15px;
}

.page .lineup .box-1 .photo-1 figcaption {
   text-align: center;
   font-size: 13px;
   padding-top: 8px;
}

.page .lineup .box-1 .photo-2 .main {
   display: grid;
}

.page .lineup .box-1 .photo-2 .main .slide {
   display: flex;
   text-align: center;
   grid-area: 1/1;
   opacity: 0;
   transition: all 0.3s linear;
}

.page .lineup .box-1 .photo-2 .main .slide figcaption {
   font-size: 13px;
   padding-top: 8px;
}

.page .lineup .box-1 .photo-2 .main .slide.is-active {
   opacity: 1;
}

.page .lineup .box-1 .photo-2 .nav-color {
   display: flex;
   justify-content: center;
   gap: 36px;
   padding-top: 30px;
   text-align: center;
}

.page .lineup .box-1 .photo-2 .nav-color dl {
   cursor: pointer;
   transition: all 0.3s;
   position: relative;
   padding-bottom: 28px;
}

.page .lineup .box-1 .photo-2 .nav-color dl dt {
   width: 56px;
   height: 56px;
   background-color: var(--color);
   border: 3px solid var(--color);
   border-radius: 50%;
   transition: all 0.3s;
   box-sizing: border-box;
}

.page .lineup .box-1 .photo-2 .nav-color dl dd {
   width: max-content;
   font-size: 12px;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

.page .lineup .box-1 .photo-2 .nav-color dl.is-active dt,
.page .lineup .box-1 .photo-2 .nav-color dl:hover dt {
   border-color: #D6D6D6;
}

.page .lineup .box-1 .photo-3 {
   width: 175px;
   text-align: center;
   margin: 0 auto;
   padding-top: 32px;
}

.page .lineup .box-1 .photo-3 figcaption {
   font-size: 13px;
   padding-top: 8px;
}

.page .lineup .box-1 .list-btn {
   display: grid;
   align-items: center;
   width: 335px;
   margin: 0 auto;
   padding-top: 45px;
}

.page .lineup .box-1 .list-btn ul {
   grid-area: 1/1;
   opacity: 0;
   pointer-events: none;
}

.page .lineup .box-1 .list-btn ul.is-active {
   opacity: 1;
   pointer-events: auto;
}

.page .lineup .box-1 .list-btn li+li {
   padding-top: 20px;
}

.page .lineup .box-1 .list-btn a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 53px;
   background-color: #00498F;
   border: 2px solid #000;
   border-radius: 10px;
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   line-height: 1.5;
   transition: all 0.3s;
}

.page .lineup .box-1 .list-btn a:hover {
   background-color: #fff;
   color: #000;
   opacity: 1;
}

.page .lineup .box-1 .list-btn a[href="#"] {
   pointer-events: none;
}

.page .lineup .box-1 .note {
   font-size: 11px;
   line-height: 15px;
   padding-top: 4px;
   text-align: center;
}

.page .lineup hr {
   border-style: solid;
   border-bottom-color: rgba(0, 0, 0, 0.6);
   margin: 75px 0;
}

.page .lineup .lineup-btn {
   padding-top: 100px;
}

.page .lineup .lineup-btn a {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 335px;
   height: 53px;
   background-color: #fff;
   border: 2px solid #000;
   border-radius: 10px;
   color: #000;
   font-weight: 600;
   font-size: 18px;
   line-height: 1.5;
   transition: all 0.3s;
}

.page .lineup .lineup-btn a:hover {
   background-color: #00498F;
   color: #fff;
   opacity: 1;
}

@media screen and (max-width: 768px) {
   .page .lineup {
      padding-bottom: 80px;
   }

   .page .lineup .box-1 {
      flex-direction: column;
      gap: 0px;
   }

   .page .lineup .box-1 .col-1,
   .page .lineup .box-1 .col-2 {
      display: contents;
      width: 100%;
   }

   .page .lineup .box-1 h3 {
      order: 1;
      padding-bottom: 10px;
   }

   .page .lineup .box-1 .txt-price {
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
      order: 2;
   }

   .page .lineup .box-1 .txt-price li:nth-child(1) {
      width: 100%;
      text-align: left;
   }

   .page .lineup .box-1 .text {
      order: 3;
      padding-top: 30px;
   }

   .page .lineup .box-1 .photo-2 {
      order: 4;
      margin: 0 -40px;
      padding-top: 35px;
   }

   .page .lineup .box-1 .photo-2 figcaption {
      font-size: 12px;
      line-height: 18px;
      padding-top: 10px;
   }

   .page .lineup .box-1 .photo-2 .nav-color {
      gap: 20px;
      padding-bottom: 34px;
   }

   .page .lineup .box-1 .photo-2 .nav-color dl {
      padding-bottom: 0px;
   }

   .page .lineup .box-1 .photo-2 .nav-color dl dt {
      width: 32px;
      height: 32px;
      border-width: 2px;
   }

   .page .lineup .box-1 .photo-2 .nav-color dl dd {
      font-size: 10px;
      line-height: 14px;
      bottom: auto;
      top: 100%;
   }

   .page .lineup .box-1 .photo-2 .nav-color dl:hover {
      opacity: 0.5;
   }

   .page .lineup .box-1 .photo-2 .nav-color dl.is-active {
      opacity: 1;
   }

   .page .lineup .box-1 .photo-1 {
      order: 5;
      padding-top: 40px;
   }

   .page .lineup .box-1 .photo-1 .slider .slick-prev {
      left: -28px;
   }

   .page .lineup .box-1 .photo-1 .slider .slick-next {
      right: -28px;
   }

   .page .lineup .box-1 .photo-3 {
      order: 6;
      padding-top: 24px;
   }

   .page .lineup .box-1 .list-btn {
      width: 100%;
      order: 7;
   }

   .page .lineup hr {
      margin: 75px 0 65px;
   }

   .page .lineup .lineup-btn {
      padding-top: 80px;
   }

   .page .lineup .lineup-btn a {
      width: 100%;
   }
}

.page .review {
   background-color: #F6F3F0;
   padding: 130px 0 100px;
}

.page .review .box-1 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   padding-top: 50px;
}

.page .review .box-1 .col {
   background-color: #fff;
   border-radius: 10px;
   padding: 35px 32px;
}

.page .review .box-1 figure {
   width: 74px;
   margin: 0 auto;
}

.page .review .box-1 h3 {
   font-weight: 700;
   font-size: 20px;
   line-height: 1.5;
   padding-top: 16px;
}

.page .review .box-1 .txt {
   padding-top: 8px;
}

@media screen and (max-width: 768px) {
   .page .review {
      padding: 60px 0 50px;
   }

   .page .review .wrap {
      padding: 0;
   }

   .page .review .box-1 {
      display: block;
      padding-top: 35px;
   }

   .page .review .box-1 .slick-list {
      margin: 0 -10px;
   }

   .page .review .box-1 .slick-track {
      display: flex;
   }

   .page .review .box-1 .slick-track:before,
   .page .review .box-1 .slick-track:after {
      display: none;
   }

   .page .review .box-1 .col {
      height: auto;
      float: none;
      margin: 0 10px;
   }
}

.goverlay {
   background: rgba(31, 33, 34, 0.5);
}

.glightbox-clean .gclose,
.glightbox-clean .gprev,
.glightbox-clean .gnext {
   background-color: transparent;
   border-radius: 0;
   padding: 0;
   opacity: 1;
   transition: all 0.3s;
}

.glightbox-clean .gclose svg,
.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg {
   display: none;
   width: 100%;
   height: 100%;
}

.glightbox-clean .gclose:hover,
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover {
   background-color: transparent;
   opacity: 0.5;
}

.glightbox-clean .gclose {
   background: url("/ec/img/usr/pg/campaign/recoverywear/gclose.webp") no-repeat center top/100% auto;
   width: 100px;
   height: 85px;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext {
   width: 32px;
   height: 47px;
}

.glightbox-clean .gprev {
   background: url("/ec/img/usr/pg/campaign/recoverywear/gprev.webp") no-repeat center top/100% auto;
}

.glightbox-clean .gnext {
   background: url("/ec/img/usr/pg/campaign/recoverywear/gnext.webp") no-repeat center top/100% auto;
}

.pane-contents .pane-main {
   margin-bottom: 0;
}

@media screen and (max-width: 768px) {
   .glightbox-clean .gclose {
      width: 50px;
      height: 42px;
   }

   .glightbox-clean .gprev,
   .glightbox-clean .gnext {
      width: 16px;
      height: 24px;
      top: 50%;
      transform: translateY(-50%);
   }

   .glightbox-clean .gprev {
      left: 10px;
   }

   .glightbox-clean .gnext {
      right: 10px;
   }

   .glightbox-container .gslider {
      padding: 30px;
   }

   .glightbox-mobile .goverlay {
      background: rgba(31, 33, 34, 0.5);
   }

   .pane-header+.pane-main {
      padding-bottom: 0;
   }
}