:root {
  --brand-blue: #1976d2;
  --brand-navy: #04264d;
  --brand-yellow: #f1ff65;
  --brand-red: #cc1f1f;
  --font-oswald: 'Oswald', sans-serif;
}

/*ユーティリティSTART*/
.reform-heading-unite h2 {
  width: fit-content;
  margin: 0 auto;
}

.reform-heading-unite h2 img {
  height: 16vw;
  width: auto;
  max-height: 100px;
}

.reform-heading-unite h2+p {
  text-align: center;
  margin: 1rem 0 min(6.4vw, 3rem);
  font-size: min(4vw, 1.3125rem);
}

/*ユーティリティEND*/
/*TOPカスタマーセクションSTART*/
.reform-customer{
  background: var(--brand-navy);
}
.reform-customer .customer-slider {
  margin: 0;
}
.reform-customer .inner{
  padding: 1.5rem 4vw;
  max-width: calc(1320px + 8vw);
  margin: 0 auto;
}
.reform-customer .customer-area{
  background: #fff;
  padding: 0.75rem;
}
.reform-customer .elem{
  display: none;
}
.reform-customer{
  padding: 0 !important;
}
@media screen and (min-width:768px) {
  .reform-customer .customer-area{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 1rem;
  }
  .reform-customer .customer-slider-container{
    width: calc(100% - 180px - 0.5rem);
  }
  .reform-customer .elem{
    width: 180px;
    flex-shrink: 0;
    display: block;

  }
}
/*TOPカスタマーセクションEND*/
/*TOPリフォームの危険セクションSTART*/
.reform-caution {
  padding: 0 !important;
}

.reform-caution>.inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.5rem;
}

.reform-caution .inner *:not(.reform-caution-bg) {
  position: relative;
}

.reform-caution-bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/reform-caution-bg-sm.jpg) no-repeat center center / cover;
}

.reform-caution-title {
  margin: 0;
}

.reform-caution-subtitle {
  padding-left: 0;
  border: none;
  color: inherit;
  background: #ffeb3b;
  transform: skewX(-10deg) rotate(-10deg);
  margin: 0 0 min(4vw, 3rem);
  text-align: center;
  padding: min(1vw, 0.5rem) min(4vw, 1.5rem);
  font-size: min(5vw, 2rem);
}

.reform-caution-subtitle em {
  color: var(--brand-red);
}

.reform-caution-description {
  padding-top: 0;
  background: #000;
  color: #fff;
}

.reform-caution-description .inner {
  padding: min(6.5vw, 2.5rem) 4vw;
}

.reform-caution-description .inner p {
  margin: 0;
  font-size: min(4.2vw, 1.125rem);
}

@media screen and (min-width:768px) {
  .reform-caution-bg {
    background: url(../images/reform-caution-bg-lg.jpg) no-repeat center center / cover;
  }

  .reform-caution-description .inner {
    text-align: center;
  }
}

/*TOPリフォームの危険セクションEND*/
/*TOPリフォームの比較セクションSTART*/
.reform-comparison h2 {
  display: flex;
  background: #444444;
  color: #fff;
  margin-bottom: 1.5rem;
  margin-left: calc(50% - 50vw) !important;
  width: 100vw;
  line-height: 1.25;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  font-size: min(5vw, 1.5rem);
}

.reform-comparison figure {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.reform-comparison figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.reform-comparison .inner>div {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  padding: 0 4vw 1.5rem;
}

.reform-comparison .inner>div * {
  margin: 0;
  position: relative;
}

.reform-comparison-first {
  background: #cccccc;
}

.reform-comparison-first::before {
  content: "";
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, #f5f5f5 0%, #aaaaaa 50%, rgba(255, 255, 255, 0) 50%);
  position: absolute;
  top: 0;
  left: 0;
}

.reform-comparison-second::before {
  content: "";
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, #1764af 50%, #1976d2 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}

.reform-comparison-second {
  background: var(--brand-blue);
}

.reform-comparison-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.reform-comparison ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: fit-content;
  margin: 0 auto !important;
}

.reform-comparison li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
}

.reform-comparison li:not(:nth-last-child(1))::before {
  content: "close";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  color: var(--brand-red);
}

.reform-comparison li:nth-last-child(1) {
  font-size: 2rem;
  text-align: center;
  color: var(--brand-red);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.25;
}

.reform-comparison li:nth-last-child(1)::before {
  content: "arrow_downward";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  color: #000;
}

.reform-comparison-second h2 {
  background: #fff;
  color: var(--brand-blue);
}

.reform-comparison-second li {
  color: #fff;
}

.reform-comparison-second li:not(:nth-last-child(1))::before {
  content: "check_box";
  color: var(--brand-yellow);
}

.reform-comparison-second li:nth-last-child(1) {
  color: var(--brand-yellow);
}

@media screen and (min-width:768px) {
  .reform-comparison .inner {
    display: flex;
    padding: 0;
  }

  .reform-comparison .inner>div {
    flex-basis: 50%;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .reform-comparison h2 {
    margin-left: -4vw !important;
    width: calc(100% + 8vw) !important;
    padding: 0.25rem 1rem;
  }
}

@media screen and (min-width:1024px) {
  .reform-comparison {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: linear-gradient(to right, #cccccc 50%, #1976d2 50%);
    position: relative;
  }

  .reform-comparison::before {
    content: "";
    height: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, #f5f5f5 0%, #aaaaaa 50%, rgba(255, 255, 255, 0) 50%);
    position: absolute;
    top: 0;
    left: 0;
  }

  .reform-comparison::after {
    content: "";
    height: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, #1764af 50%, #1976d2 100%);
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .reform-comparison .inner {
    position: relative;
    max-width: calc(1320px + 8vw) !important;
    padding: 0 4vw !important;
    margin: 0 auto;
    z-index: 1;
  }

  .reform-comparison .inner>div {
    background: transparent !important;
    padding: 0;
    gap: min(1.5vw, 2rem);
  }

  .reform-comparison-first {
    padding: min(5vw, 5rem) min(2.3vw, 2.5rem) min(5vw, 5rem) 0 !important;
  }

  .reform-comparison-second {
    padding: min(5vw, 5rem) 0 min(5vw, 5rem) min(2.3vw, 2.5rem) !important;
  }

  .reform-comparison .inner>div::before {
    content: none;
  }

  .reform-comparison h2 {
    margin-left: 0 !important;
    width: 100% !important;
    min-height: 60px;
  }

  .reform-comparison figure {
    aspect-ratio: 3 / 4;
    flex-basis: 38%;
  }

  .reform-comparison ul {
    flex-shrink: 0;
    margin: 0 !important;
  }

  .reform-comparison-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: min(2.3vw, 2rem);
  }
}

/*TOPリフォームの比較セクションEND*/
/*TOPリフォームの想いセクションSTART*/
.reform-mind {
  background-image:
    linear-gradient(rgba(25, 118, 210, .8), rgba(25, 118, 210, .8)),
    url(../images/reform-mind-bg-sm.jpg);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.reform-mind .inner {
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  gap: 1.5rem;
  max-width: calc(900px + 8vw) !important;
  margin: 0 auto !important;
}

.reform-mind .inner * {
  margin: 0;
}

.reform-mind-ceo {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 200px;
  margin: 0 auto !important;
  color: #fff;
  flex-shrink: 0;
}

.reform-mind-ceo p {
  letter-spacing: -0.05em;
  font-size: 0.85rem;
}

.reform-mind-msg {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.reform-mind-msg h2 {
  color: var(--brand-yellow);
  font-size: 2rem;
  text-align: center;
}

.reform-mind-balloon {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
}

@media screen and (min-width:768px) {
  .reform-mind {
    background-image:
      linear-gradient(rgba(25, 118, 210, .8), rgba(25, 118, 210, .8)),
      url(../images/reform-mind-bg-lg.jpg);
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
  }

  .reform-mind .inner {
    flex-direction: row;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    gap: min(3.125vw, 3rem);
  }

  .reform-mind-msg {
    align-items: flex-start;
  }

  .reform-mind-msg h2 {
    text-align: left;
  }

  .reform-mind-balloon {
    padding: min(2vw, 2rem);
    position: relative;
  }

  .reform-mind-balloon::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 15px solid #ffffff;
    border-left: 0;
    position: absolute;
    left: -15px;
    top: 3rem;
  }
}

@media screen and (min-width:1024px) {
  .reform-mind {
    padding: min(5vw, 5rem) 0 !important;
  }

  .reform-mind .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/*TOPリフォームの想いセクションEND*/
/*TOPリフォームの強みセクションSTART*/
.reform-strengths .inner {
  padding: 1.5rem 4vw;
  max-width: calc(1320px + 8vw);
  margin: 0 auto;
}

.reform-strengths-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 2rem;
}

.reform-strengths-card * {
  margin: 0;
}

.reform-strengths-card {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.reform-strengths-card figure {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.reform-strengths-card .num {
  color: var(--brand-blue);
  font-size: 7.5rem;
  position: absolute;
  top: -2rem;
  left: 0;
  font-family: var(--font-oswald);
  line-height: 0.8;
  font-weight: 200;
  font-style: italic;
}

.reform-strengths-card h3 {
  padding-left: 0;
  border: none;
  text-align: center;
  font-size: 1.5rem;
}

@media screen and (min-width:768px) {
  .reform-strengths-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem min(2vw, 3rem);
  }

  .reform-strengths-card {
    max-width: 408px;
    flex-basis: calc(50% - (min(2vw, 3rem) / 2));
  }

  .reform-strengths-card h3 {
    font-size: min(3.125vw, 2rem);
  }
}

@media screen and (min-width:1024px) {
  .reform-strengths {
    padding: min(5vw, 5rem) 0 !important;
  }

  .reform-strengths .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .reform-strengths-card {
    flex-basis: calc(33% - (min(2vw, 3rem) * 2 / 3));
  }
}

/*TOPリフォームの強みセクションEND*/
/*TOPリフォームラインナップアイコンSTART*/
.reform-lineup-icons {
  background: #f5f5f5;
  position: relative;
}

.reform-lineup-icons::before {
  content: "";
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, #f5f5f5 0%, #eee 50%, rgba(255, 255, 255, 0) 50%);
  position: absolute;
  top: 0;
  left: 0;
}

.reform-lineup-icons::after {
  content: "";
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, #eee 50%, #f5f5f5 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}

.reform-lineup-icons .inner {
  position: relative;
  padding: 1.5rem 4vw;
  z-index: 1;
  max-width: calc(900px + 8vw);
  margin: 0 auto;
}

.reform-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.reform-icons a {
  display: block;
  width: min(26.6vw, 130px);
  transition: all 0.3s;
}

.reform-icons img {
  vertical-align: bottom;
}

@media screen and (min-width:1024px) {
  .reform-lineup-icons {
    padding: min(5vw, 5rem) 0 !important;
  }

  .reform-lineup-icons .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .reform-icons {
    gap: 1.5rem;
  }

  .reform-icons a:hover {
    filter: brightness(1.1);
    transition: all 0.3s;
  }
}

/*TOPリフォームラインナップアイコンEND*/
/*TOPリフォームの施工事例一例START*/
.reform-works .inner {
  padding: 1.5rem 4vw;
  max-width: calc(1320px + 8vw);
  margin: 0 auto;
}

.reform-works-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 0.5rem;
}

.reform-works-card {
  flex-basis: calc(50% - 0.25rem);
}

.reform-works-card figure {
  margin: 0;
  text-align: center;
}

.reform-works-card figcaption {
  font-size: min(4.2vw, 1.3125rem);
  text-align: center;
  margin-top: min(2.1vw, 1rem);
}

@media screen and (min-width:768px) {
  .reform-works-container {
    gap: min(3.125vw, 3rem) min(2vw, 1.5rem);
  }

  .reform-works-card {
    flex-basis: calc(33% - (min(2vw, 1.5rem) * 2 / 3));
  }
}

@media screen and (min-width:1024px) {
  .reform-works {
    padding: min(5vw, 5rem) 0 !important;
  }

  .reform-works .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .reform-works-card {
    flex-basis: calc(25% - (min(2vw, 1.5rem) * 3 / 4));
  }
}

/*TOPリフォームの施工事例一例END*/
/*リフォームページヘッダーSTART*/
.reform-page-header-img {
  height: 150px;
  animation: reform-header-animation 25s linear infinite;
  background-image: url(../images/reform-page-header-sm.jpg);
  background-repeat: repeat-x;
  background-size: 1125px 150px;
  margin-bottom: -2rem;
}

@keyframes reform-header-animation {
  0% {
    background-position: 1125px 0;
  }

  100% {
    background-position: 0 0;
  }
}

@media screen and (min-width:1024px) {
  .reform-page-header-img {
    height: 200px;
    animation: reform-header-animation 40s linear infinite;
    background-image: url(../images/reform-page-header-lg.jpg);
    background-repeat: repeat-x;
    background-size: 2400px 200px;
    margin-bottom: -4.375rem;
  }

  @keyframes reform-header-animation {
    0% {
      background-position: 2400px 0;
    }

    100% {
      background-position: 0 0;
    }
  }
}

/*リフォームページヘッダーEND*/
/*リフォームページリフォーム被害START*/
.reform-trouble .inner{
  padding: 1.5rem 4vw;
  max-width: calc(1100px + 8vw);
  margin: 0 auto;
}
.reform-trouble-title{
  text-align: center;
  margin-top: 0;
}
.reform-trouble-container{
  display: flex;
  flex-direction: column;
  margin-left: -4vw;
  width: 100vw;
}
.reform-trouble-container + p{
  margin-bottom: 0;
}
.reform-trouble-card{
  background: var(--brand-blue);
  color: #fff;
}

.reform-trouble-card figure {
  aspect-ratio: 2 / 1;
  overflow: hidden;
  margin: 0;
}
.reform-trouble-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reform-trouble-card:nth-child(odd){
  background: var(--brand-navy);
}
.reform-trouble-content{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem 4vw;
}
.reform-trouble-content *{
  margin: 0;
}
.reform-trouble-content h3{
  padding-left: 0;
  border: none;
  color: var(--brand-yellow);
  font-size: min(6.4vw,2rem);
}
.reform-trouble-content .reform-trouble-icons {
  display: flex;
  gap: 0.25rem;
}
.reform-trouble-content .reform-trouble-icons img{
  display: block;
}
@media screen and (min-width:768px){
  .reform-trouble-container{
    margin-left: 0;
    width: 100%;
    gap: 0.5rem;
  }
  .reform-trouble-card{
    display: flex;
  }
  .reform-trouble-card figure{
    aspect-ratio: 3 / 2;
    flex-basis: 30%;
    max-width: 300px;
    flex-shrink: 0;
  }
  .reform-trouble-content{
    padding: 1.5rem 2rem;
  }
  .reform-trouble-card .reform-icons{
    margin-top: 0.5rem !important;
  }
  .reform-trouble-container + p{
    font-size: 1.125rem;
  }
}
@media screen and (min-width:1024px) {
  .reform-trouble {
    padding:0 0 min(5vw, 5rem) 0 !important;
    margin-top: 100px;
  }

  .reform-trouble .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .reform-trouble-title{
    transform: translateY(-50%);
    margin-bottom: 0;
  }
}
/*リフォームページリフォーム被害END*/
/*リフォームページラインナップSTART*/
.reform-lineup .inner{
  padding: 1.5rem 4vw;
  max-width: calc(1320px + 8vw);
  margin: 0 auto;
}
.reform-lineup-container{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.reform-lineup-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reform-lineup-card *{
  margin: 0;
}
.reform-lineup-media{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reform-lineup-media figure{
  aspect-ratio: 2 / 1;
  width: 100%;
  overflow: hidden;
}
.reform-lineup-media figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reform-lineup-media-icons {
  display: flex;
  gap: 0.25rem;
}
.reform-lineup-media-icons img {
  display: block;
}
.reform-lineup-content{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reform-lineup-content h3{
  padding-left: 0;
  border: none;
  color: inherit;
  font-size: 1.5rem;
}
.reform-lineup-content a{
  color: var(--brand-blue);
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-weight: bold;
  justify-content: flex-end;
}
.reform-lineup-content a::after{
  content: "chevron_right";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
}
@media screen and (min-width:768px){
  .reform-lineup-container{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem min(3.125vw,2rem);
  }
  .reform-lineup-card{
    flex-basis: calc(50% - (min(3.125vw,2rem) / 2));
  }
}
@media screen and (min-width:1024px) {
  .reform-lineup {
    padding: min(5vw, 5rem) 0 !important;
    padding-bottom: 10rem !important;
  }

  .reform-lineup .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .reform-lineup-content a:hover{
    color: var(--brand-navy);
  }
  .reform-lineup-media a:hover {
    filter: brightness(1.1);
    transition: all 0.3s;
  }
}
@media screen and (min-width:1280px){
  .reform-lineup-container{
    gap: 3rem 5rem;
  }
  .reform-lineup-card{
    flex-direction: row;
    gap: min(3.125vw,2rem);
    flex-basis: calc(50% - 2.5rem);
  }
  .reform-lineup-media{
    flex-basis: 35%;
    max-width: 220px;
    flex-shrink: 0;
  }
  .reform-lineup-media figure{
    aspect-ratio: 4 / 3;
  }
}
/*リフォームページラインナップEND*/
/*リフォームページ選ばれる理由START*/
.reform-reason .inner{
  padding: 1.5rem 4vw;
  max-width: calc(1320px + 8vw);
  margin-left: auto;
  margin-right: auto;
}
.reform-reason-container{
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 0.5rem;
  padding-top: 1.5rem;
}
.reform-reason-card{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-basis: calc(50% - 0.25rem);
}
.reform-reason-card *{
  margin: 0;
}
.reform-reason-card figure {
  position: relative;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
}
.reform-reason-card .num{
  color: var(--brand-blue);
  font-size: min(19vw,7.5rem);
  position: absolute;
  top: -1.5rem;
  left: 0;
  font-family: var(--font-oswald);
  line-height: 0.8;
  font-weight: 200;
  font-style: italic;
}
.reform-reason-card h3{
  text-align: center;
  padding-left: 0;
  border: none;
  font-size: min(4.8vw,1.75rem);
}
.reform-reason-card p{
  font-size: min(3.5vw,1rem);
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width:1024px) {
  .reform-reason{
    padding-bottom: min(5vw, 5rem) !important;
  }
  .reform-reason .inner{
    padding-bottom: 0;
    padding-top: 0;
  }
  .reform-reason .hero{
    transform: translateY(-5rem);
    margin-bottom: 0;
  }
}
@media screen and (min-width:1280px) {
  .reform-reason-container{
    gap: 2rem;
  }
  .reform-reason-card{
    flex-basis: calc(25% - (2rem * 3 / 4));
  }
  .reform-reason-card:nth-child(3) h3{
    letter-spacing: -0.05em;
  }
}
/*リフォームページ選ばれる理由END*/
/*リフォームページ工事の流れSTART*/
.reform-work-flow .inner{
  padding: 0 4vw 1.5rem;
  max-width: calc(1320px + 8vw);
  margin: 0 auto;
}
.reform-work-flow .reform-heading-unite{
  background: #fff;
  padding: 1.5rem 0;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-bottom: 1.5rem;
}
.reform-work-flow .reform-heading-unite p{
  margin-bottom: 0;
}
.reform-work-flow-container{
  display: flex;
  flex-wrap: wrap;
  padding-right: 1rem;
  gap: 1rem 2rem;
}
.reform-work-flow-container figure{
  flex-basis: calc(50% - 1rem);
  margin: 0;
  position: relative;
  width: fit-content;
  text-align: center;
}
.reform-work-flow-container figure::after{
  content: "chevron_right";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  color: #fff;
}
.reform-work-flow-container figure:nth-last-child(1)::after{
  content: none;
}
.reform-work-flow-container figcaption{
  color: #fff;
  text-align: center;
  font-size: min(4.2vw,1.5rem);
  margin-top: 0.5rem;
  line-height: 1.25;
}
@media screen and (min-width:768px){
  .reform-work-flow .reform-heading-unite{
    margin-bottom: 3rem;
    padding: 2rem 5rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .reform-work-flow-container figure{
    flex-basis: calc(33% - (2rem * 2 / 3));
  }
}
@media screen and (min-width:1024px){
  .reform-work-flow-container figure{
    flex-basis: calc(20% - (2rem * 4 / 5));
  }
  .reform-work-flow{
    padding-bottom: min(5vw, 5rem) !important;
  }
  .reform-work-flow .inner{
    padding-bottom: 0;
  }
}
/*リフォームページ工事の流れEND*/