﻿:root {
  --lg-base: 1440 * 100vw;
  --sm-base: 375 * 100vw;
  --color-default: #333431;
  --color-gray: #ECECEC;
  --color-primary: #e96308;
  --color-secondary: #e96308;
  --color-tertiary: #0C2F7E;
  --color-bg-primary: #F5F7FA;
  --color-bg-secondary: #FFF0E2;
  --color-border-primary: #DDD;
  --color-border-secondary: #B3B3B3;
}

.refund .section-heading::before {
  left: 41%;
}
.refund-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 / var(--sm-base));
  margin: 0;
}
.refund-item {
  width: 100%;
  padding: calc(22 / var(--sm-base)) calc(20 / var(--sm-base));
  background: #EBEBEB;
  border: calc(1 / var(--sm-base)) solid #EBEBEB;
  box-shadow: inset 0 0 0 calc(3 / var(--sm-base)) #fff;
  border-radius: calc(8 / var(--sm-base));
  margin-bottom:20px;
}
.refund-item-inner {
  display: flex;
  width: fit-content;
  margin-inline: auto;
}
.refund-item-inner p {
  min-width: calc(90 / var(--sm-base));
  line-height: 1.4;
}
.refund-item-inner p > span:nth-of-type(1) {
  display: inline-block;
  margin-bottom: calc(5 / var(--sm-base));
  padding: calc(4 / var(--sm-base)) calc(3 / var(--sm-base)) calc(5 / var(--sm-base));
  border: calc(1.5 / var(--sm-base)) solid;
  line-height: 1;
}
.refund-item-inner p > span:nth-of-type(2) {
  display: block;
  font-size: calc(20 / var(--sm-base));
  font-weight: 500;

}
.refund-item-inner p > span:nth-of-type(2) span {
  font-family: var(--font-Oswald);
  font-size: calc(32 / var(--sm-base));
  font-weight: 600;

}
.refund-item-text01 {
  color: var(--color-tertiary) !important;
}
.refund-item-text02 {
  position: relative;
  margin-left: calc(75 / var(--sm-base));
  color: var(--color-secondary) !important;
}
.refund-item-text02::before {
  content: '';
  position: absolute;
  top: calc(20 / var(--sm-base));
  left: calc(-47 / var(--sm-base));
  width: calc(22 / var(--sm-base));
  height: calc(38 / var(--sm-base));
  background: url(../image/icn_refund_01.svg) 0 0 / contain no-repeat;
}
.refund-item-text02 > span:nth-of-type(2) {
  border-bottom: calc(1.5 / var(--sm-base)) solid var(--color-secondary);
}
.refund-item:nth-of-type(6) .refund-item-text02 > span:nth-of-type(2) {
  padding-inline: .4875em;
}
.refund-note {
  margin-top: calc(20 / var(--sm-base));
}
@media screen and (min-width: 768px), print {
  .refund-inner {
    width: min(100%, 836px);
    margin-inline: auto;
    padding: 45px 40px 80px;
  }
  .refund .section-heading::before {
    top: -10px;
    left: 19%;
  }
  .refund-list {
    gap: 24px;
    margin: 0px 0 0;
  }
  .refund-item {
    width: calc(50% - 12px);
    padding: 22px 20px;
    border-width: 1px;
    box-shadow: inset 0 0 0 3px #fff;
    border-radius: 8px;
  }
  .refund-item-inner p {
    min-width: 92px;
  }
  .refund-item-inner p > span:nth-of-type(1) {
    margin-bottom: 5px;
    padding: 4px 3px 5px;
    border-width: 1px;
  }
  .refund-item-inner p > span:nth-of-type(2) {
    font-size: 20px;
  }
  .refund-item-inner p > span:nth-of-type(2) span {
    font-size: 32px;
  }
  .refund-item-text02 {
    margin-left: 68px;
  }
  .refund-item-text02::before {
    top: 20px;
    left: -47px;
    width: 22px;
    height: 38px;
  }
  .refund-item-text02 > span:nth-of-type(2) {
    border-bottom-width: 1px;
  }
  .refund-item:nth-of-type(6) .refund-item-text02 > span:nth-of-type(2) {
    padding-inline: .4875em;
  }
  .refund-note {
    margin: 35px -10px 0;
    text-align: center;
  }
}
