@charset "UTF-8";

.section-box {

    .content-box {

        .content-item {

            .buttons-box {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-column-gap: 5.4rem;
                grid-row-gap: 0;

                @media screen and (max-width: 767px) {
                  grid-template-columns: 1fr;
                  gap: 2rem
                }

                .button-box {
                    width: 100%;

                    & a {
                        width: 100%;
                        height: 7.5rem;
                        border-radius: 60px;
                        line-height: 1.6;
                        padding-left: 4.7rem;

                        @media screen and (max-width: 767px) {
                          height: 5rem;
                          border-radius: 30px;
                          padding-left: 2rem;
                        }
                    }
                }

            }
        }
    }
}

.top-box {
    margin-bottom: 9rem;

    @media screen and (max-width: 767px) {
      margin-bottom: 6rem;
    }

    .top-desc {
        line-height: 1.8;
    }
}

/* Certificate */

.sec-certificate, .sec-pamphlet {

    .content-box {
        display: flex;
        flex-direction: column;
        gap: 7rem;

        @media screen and (max-width: 767px) {
          gap: 4rem;
        }


        .content-item {

            & h3 {
                margin-bottom: 2rem;
                line-height: 1.3;
            }

            .button-box {
                margin-top: 3rem;

                @media screen and (max-width: 767px) {
                  margin-top: 2rem;
                }

                & a {
                    width: 38rem;
                    height: 7.5rem;
                    border-radius: 60px;

                    @media screen and (max-width: 767px) {
                      width: 100%;
                      height: 5rem;
                      border-radius: 30px;
                    }
                }
            }

        }
    }
}

.h70 {
    @media screen and (max-width: 767px) {
      height: 7rem !important;
      border-radius: 60px !important;
    }
}