.line_at {
  padding: 80px 40px;
  background: #f5f2ea;
  /* ������ ���o�� ������ */
  /* ������ ���o�� ������ */
  /* ������ �����} ������ */ }
  .line_at__header {
    padding: 0 50px;
    margin-bottom: 60px; }
  .line_at__header__heading {
    font-family: "tbudgothic-std";
    font-weight: 700;
    font-size: 2.3rem;
    color: #00b900;
    letter-spacing: -0.1rem;
    margin-bottom: 50px; }
  .line_at__header__heading__img {
    width: 50%;
    height: auto;
    margin-top: -6px;
    margin-left: 8px;
    margin-right: 0; }
  .line_at__header__lead {
    font-family: "YakuHanJP","tbudgothic-std";
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.0;
    color: #00b900;
    letter-spacing: -0.05rem; }
  .line_at__howto__header {
    display: flex;
    align-items: flex-end;
    padding: 0 30px;
    margin-bottom: 30px; }
  .line_at__howto__header__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 160px;
    margin-right: 20px; }
  .line_at__howto__header__logo__img {
    display: inline-block;
    width: 70%;
    height: auto; }
  .line_at__howto__header_heading {
    display: flex;
    align-items: flex-end;
    font-family: "YakuHanJP","tbudgothic-std";
    color: #00b900;
    margin-bottom: 40px;
    letter-spacing: -0.05rem; }
  .line_at__howto__header_heading h1 {
    font-weight: 700;
    font-size: 3.0rem;
    margin-right: 20px; }
  .line_at__howto__header_heading p {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 1.5rem; }
  .line_at__howto__fig {
    display: flex;
    justify-content: space-between;
    margin: 0 4px; }
  .line_at__howto__fig__block {
    width: 375px;
    background: #fff;
    border: 5px solid #00b900;
    padding: 40px 20px;
    text-align: center; }
  .line_at__howto__fig__block:nth-child(2) {
    display: none; }
  .line_at__howto__fig__block h2 {
    font-family: "tbudgothic-std";
    line-height: 1.0;
    color: #00b900;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 30px; }
  .line_at__howto__fig__block__img {
    width: 85%;
    height: auto;
    margin-bottom: 20px; }
  .line_at__howto__fig__block__img--qr {
    width: 70%;
    height: auto;
    margin-bottom: 20px; }
  .line_at__howto__fig__block__lead{
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 1.3rem; }
  .line_at__howto__fig__block__lead--qr {
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 1.3rem; }
   .line_at__howto__fig__block__lead--name {
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 20px; }
  .line_at__howto__fig__block__lead--id {
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 25px; }
  .line_at__howto__fig__block__def {
    display: flex;
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: left;
    margin-bottom: 5px; }
  .line_at__howto__fig__block__def dt {
    width: 10%; }
  .line_at__howto__fig__block__def dd {
    width: 90%; }
  .line_at__howto__fig__block__cap {
    font-family: "tbudgothic-std";
    color: #303030;
    font-weight: 700;
    font-size: 0.8rem;
    text-align: left;
    margin-top: 25px; }
    
    
@media screen and (max-width: 736px) {
.line_at {
  padding: 10vw 3vw;
  /* ������ ���o�� ������ */
  /* ������ ���o�� ������ */
  /* ������ �����} ������ */ }
  .line_at__header {
    padding: 0 6vw;
    margin-bottom: 8vw; }
  .line_at__header__heading {
    font-size: 6.5vw;
    letter-spacing: -0.1rem;
    margin-bottom: 6vw; }
  .line_at__header__heading__img {
    width: 70vw;
    margin-top: -1vw;
    margin-left: 2vw;
    margin-right: 0; }
  .line_at__header__lead {
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: -0.05rem; }
  .line_at__howto__header {
    display: flex;
    align-items: center;
    padding: 0 3vw;
    margin-bottom: 8vw; }
  .line_at__howto__header__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30vw;
    height: 30vw;
    border-radius: 30vw;
    margin-right: 4vw; }
  .line_at__howto__header__logo__img {
    width: 70%; }
  .line_at__howto__header_heading {
    display: block;
    width: 50vw;
    margin-bottom: 0;
    letter-spacing: -0.05rem; }
  .line_at__howto__header_heading h1 {
    font-size: 5vw;
    margin-right: 0;
    margin-bottom: 3vw; }
  .line_at__howto__header_heading p {
    font-size: 3.5vw;
    line-height: 1.4; }
  .line_at__howto__fig {
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
  .line_at__howto__fig {
    display: block;
    margin: 0 auto; }
  .line_at__howto__fig__block {
    width: 84vw;
    border: 1vw solid #00b900;
    padding: 5vw 3vw; }
  .line_at__howto__fig__block:nth-child(1) {
    display: none;
    margin-bottom: 5vw; }
  .line_at__howto__fig__block:nth-child(2) {
    display: block;
    margin-bottom: 5vw; }
  .line_at__howto__fig__block h2 {
    font-size: 5vw;
    margin-bottom: 5vw; }
  .line_at__howto__fig__block__img {
    width: 100%;
    margin-bottom: 5vw; }
  .line_at__howto__fig__block__img--friend {
    width: 100%; }
  .line_at__howto__fig__block__lead--id {
    font-size: 3vw;
    line-height: 1.5;
    margin-top: 2vw;
    margin-bottom: 4vw; }
  .line_at__howto__fig__block__def {
    font-size: 3vw;
    margin-bottom: 1vw; }
  .line_at__howto__fig__block__def dt {
    width: 10vw; }
  .line_at__howto__fig__block__def dd {
    width: 90vw; }
  .line_at__howto__fig__block__cap {
    font-size: 3vw;
    line-height: 1.5;
    margin-top: 4vw; }