@charset "utf-8";

.line_me_wrap { text-align: center; }
.line_link.button { width: 260px; height: 52px; background: #06C755; border: none; font-size: 20px; }
.line_link .button_text { padding: 12px 0; }
.line_link .button_arrow { width: 52px; padding: 18px; }
.line_qr { display: none; }
.line_me_img_wrap { display: flex; justify-content: space-between; }
.line_me_img_wrap img { height: 24vw; max-height: 120px; }

.line_merit_wrap { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
.line_merit_wrap li { position: relative; display: flex; margin-top: 24px; flex-direction: column; gap: 24px; padding: calc(10% + 8px) 10% calc(10% - 8px); background: #FFF; }
.line_merit_wrap li .line_merit_num { position: absolute; top: -0.5em; right: 0; left: 0; font-size: 48px; line-height: 1em;  text-align: center; }
.line_merit_wrap li img { width: 100%; max-width: 400px; margin: 0 auto; }

@media screen and ( min-width: 460px ) {
  .line_me_img_wrap { max-width: 480px; margin: 0 auto; margin-top: -60px; }
}
@media screen and (min-width: 768px) {
  .line_qr { display: block; width: 300px; aspect-ratio: 1 / 1; padding: 40px; margin: 0 auto; background: #FFF; }
  .line_me_img_wrap { max-width: 560px; margin-top: -160px; }
  .line_me_img_wrap img { max-height: 160px; }
}
@media screen and (min-width: 1080px) {
  .line_merit_wrap { flex-direction: row; }
  .line_merit_wrap li { flex: 1; padding: 32px 24px 16px; }
  .line_merit_wrap li .text_l { font-size: 20px; } 
  .line_merit_wrap li img { max-width: 300px; }
}
@media screen and (min-width: 1200px) {
  .line_merit_wrap li { flex: 1; padding: 36px 24px 16px; }
  .line_merit_wrap li .text_l { font-size: 24px; } 
  
}
@media screen and (min-width: 1300px) {
  .line_merit_wrap li { flex: 1; padding: 52px 40px 32px; }
}

@media screen and (min-width: 768px) and (max-width: 1079px) { .none_pad { display: none; } }