@charset "UTF-8";
/*ウォールプロ柄-point1*/
#wallpro_gara #features-fig-01_01 .fig-inner {
  width: 49.5%;
}

#wallpro_gara #features-fig-01_01 .img-main img {
  height: 100%;
}

#wallpro_gara #features-fig-01_01 .img-sub {
  row-gap: 0.97vw;
}

#wallpro_gara #features-fig-01_01 .img-sub img {
  width: 49%;
}

/*ウォールプロ柄-point2,3*/
#features-fig-02_01,
#features-fig-03_01 {
  padding: 20px;
}


/*ウォールプロ柄-point4*/
#wallpro_gara #features-fig-04_01 {
  row-gap: clamp(10px, 2.84vw, 30px);
}

#wallpro_gara #features video {
  width: 48.5%;
  max-height: 310px;
  height: 29.41vw;
  object-fit: cover;
}

/*ウォールプロ柄-point5*/
#wallpro_gara #features-fig-05_01 {
  text-align: center;
}

#wallpro_gara #features-fig-05_01 img {
  max-width: 420px;
  margin: 20px 0;;
}

/*ウォールプロ柄-point6*/
#features iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

#features figcaption h3 {
  font-size: 16px;
  margin: 4px 0;
}  

#features figcaption p {
  font-size: 12px;
}  

/*ウォールプロ柄-point7*/
.features-fig-text {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 30px 0 50px;
}

/*メディアクエリ 768px以下*/
@media (max-width:768px) {
  /*ウォールプロ柄-point1*/
  #wallpro_gara #features-fig-01_01 {
    justify-content: center;

  }

  #wallpro_gara #features-fig-01_01 .fig-inner {
    width: 100%;
    max-width: 352px;
  }

  #wallpro_gara #features-fig-01_01 .img-sub {
    row-gap: 1.3vw;
    margin-top: 1.3vw;
  }

  /*ウォールプロ柄-point4*/
  #wallpro_gara #features-fig-04_01 {
    row-gap: 20px;
  }
  
  #wallpro_gara #features video {
    width: 100%;
    height: 57.21vw;
    max-height: none;
  }
  
  /*ウォールプロ柄-point7*/
  .features-fig-text {
    font-size: 12px;
  }
   
}