/*----------------------------------------

	line CSS

-----------------------------------------*/
.line_qr {
  padding-block: min(5.208vw, 120px);
}
@media screen and (max-width: 768px) {
  .line_qr {
    padding-block: min(10.667vw, 48px);
  }
}
.line_qr h2 {
  text-align: center;
  font-size: clamp(30.4px, 1.979vw, 45.6px);
}
@media screen and (max-width: 768px) {
  .line_qr h2 {
    font-size: clamp(19.2px, 6.4vw, 28.8px);
  }
}
.line_qr figure {
  margin: min(1.25vw, 28.8px) auto;
  text-align: center;
  width: min(25.208vw, 580.8px);
}
@media screen and (max-width: 768px) {
  .line_qr figure {
    margin-block: min(3.2vw, 14.4px);
  }
}
.line_qr .c-note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  line-height: 1.5;
  font-size: clamp(11.2px, 0.729vw, 16.8px);
}
@media screen and (max-width: 768px) {
  .line_qr .c-note {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.line_qr .c-button {
  background-color: #727171;
  color: #fff;
  width: clamp(400px, 26.042vw, 600px);
  font-size: clamp(17.6px, 1.146vw, 26.4px);
  min-height: clamp(57.6px, 3.75vw, 86.4px);
  height: auto;
  padding: min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .line_qr .c-button {
    min-height: min(14.933vw, 67.2px);
    width: 100%;
    max-width: 100%;
    font-size: clamp(14.4px, 4.8vw, 21.6px);
  }
}
/*# sourceMappingURL=line.css.map */