@charset "UTF-8";
h1.title .title-p {
  font-size: 14px;
  font-weight: 400;
  margin-left: .5em;
}

h1.title img {
  width: auto;
  height: 110px;
}

#tact #features h3 {
  font-size: 18px;
  margin-bottom: .5em;
}

#tact #features figcaption {
  margin-top: -.2em;
}

/*タクト-point1*/
#tact #features-item1 .features-fig-row {
  margin-top: 30px;
}

#tact #features-item1 figure {
  width: 48%;
}

#tact #features-item1 .figcaption-img {
  margin-bottom: 10px;
}

/*タクト-point2*/
#tact #features-item2 figure {
  width: 32%;
}

/*タクト-point3*/
#tact #features-item3 figure {
  width: 90%;
  margin: 40px auto;
}

/*タクト-point4*/
#tact #features-item4 .features-card {
  width: 32%;
}

#tact #features-item4 .features-card-img {
  height: 35.15vw;
  max-height: 360px;
}

#tact .features-card {
  position: relative;
}

#tact .features-card-badge {
  width: 45%;
  height: 14.35vw;
  max-height: 147px;
  position: absolute;
  top: -20px;
  right: -15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 3px solid #49af9f;
  border-radius: 50%;
  color: #49af9f;
  line-height: 1.05;
}

#tact .badge-text-top {
  font-weight: 700;
  font-size: clamp(10px, 2.53vw, 26px);
  
}

#tact .badge-text-bottom {
  align-items: baseline;
  
}

#tact .badge-text-yaku {
  font-weight: 700;
  font-size: clamp(10px, 2.34vw, 24px);
}

#tact .badge-text-49 {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(10px, 6.25vw, 64px);
  font-weight: 500;
}

#tact .badge-text-percent {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(10px, 3.12vw, 32px);
  font-weight: 500;
}


/*タクト-point5*/
#tact #features-item5 .features-card {
  width: 48%;
}

#tact .features-highlight-text {
  margin: 1.5em auto;
  padding: 0 0 .3em;
  font-size: 20px;
  color: #fff;
  background-color: #6d798b;
  border-radius: 4px;
  justify-content: center;
  align-items: baseline;
  line-height: 1;
}

#tact .features-highlight-text span {
  font-family: "Zen Maru Gothic", sans-serif;
  margin: 0 .1em;
  font-size: 32px;
  font-weight: 700;
}


/*メディアクエリ 768px以下*/
@media (max-width:768px) {
  h1.title .title-p {
    font-size: 10px;
  }

  h1.title img {
    height: 60px;
  }

  #tact #features h3 {
    font-size: 16px;
  }
  
  #tact #features figcaption {
    font-size: 14px;
  }
  
  /*タクト-point1,2,3,4,5*/
  #tact #features-item1 figure,
  #tact #features-item2 figure,
  #tact #features-item3 figure,
  #tact #features-item4 .features-card,
  #tact #features-item5 .features-card {
    width: 100%;
  }

  /*タクト-point1*/
  #tact #features-item1 .features-fig-row {
    margin-top: 20px;
  }  
  
  /*タクト-point4*/
  #tact #features-item4 .features-card-img {
    height: auto;
    max-height: none;
  }

  #tact .features-card-badge {
    height: 39.2vw;
    max-height: none;
  }

  #tact .badge-text-top {
    font-size: 6.66vw;
  }

  #tact .badge-text-yaku {
    font-size: 6.13vw;
  }

  #tact .badge-text-49 {
    font-size: 17.06vw;
  }

  #tact .badge-text-percent {
    font-size: 8.53vw;
  }
  
  /*タクト-point5*/
  #tact .features-highlight-text {
    font-size: 16px;
    padding: .2em 0 .3em;
    margin: 1em auto;
  }
  
  #tact .features-highlight-text span {
    font-size: 20px;
  }

}