@charset "UTF-8";
/* CSS Document */

.l-main__background {
    background-color: #ff3942;
}
.l-main__content-box {
    display: table;
    margin: 0 auto;
    padding-bottom: 45px;
    width: 100%;
}
.l-main__content {
    display: table-cell;
}
.l-main__content .title {
    background-color: #fff;
    padding-top: 45px;
    text-align: center;
}
.l-main__content .title__txt {
    margin: 0 auto;
    max-width: 400px;
    padding: 0 40px;
}
.l-main__content .lead {
    background-color: #fff;
    color: #000;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 1em 15px 65px;
    text-align: center;
}

.l-main__content .image {
    margin: -50px auto 0;
    max-width: 430px;
    padding: 0 15px;
    width: 100%;
}
.l-main__content .c-badge-box {
    margin: 20px auto 0;
    max-width: 400px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .l-main__content .c-badge-box {
        padding: 0 15px;
    }
}

.c-section-title {
    padding: 45px 0 20px;
}
.c-section-title__txt {
    color: #ff7f98;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.c-section-title__lower-case {
    display: block;
    font-size: 1.8rem;
    line-height: 1.25em;
    width: 100%;
}

.l-guide {
    background-color: #fdf2f4;
    padding: 0 15px 45px;
}
.l-guide .c-section-title__lower-case {
    color: #777;
}
.l-guide__section  {
    border-radius: 15px;
    margin: 15px auto 0;
    max-width: 400px;;
    overflow: hidden;
}
.l-guide__section--download {
    border-radius: 0;
}
.l-guide__section:first-of-type  {
    margin-top: 0;
}
.l-guide__background {
    background: #fff;
}
.l-guide__content {
    height: auto;
    margin: 0 auto;
    padding: 15px 15px 0;
    width: 100%;
}
.l-guide__section--welcome .l-guide__content {
    padding-bottom: 20px;
}

.l-guide__content .txt-box > * {
    display: inline-block;
}
.l-guide__content .txt-box {
    font-size: 0;
    position: relative;
}
.l-guide__content .txt-box__icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 90px;
}
.l-guide__content .txt-box__txt {
    color: #ff7f98;
    display: inline-block;
    font-size: 20px;
    line-height: 1.35em;
    padding-left: 100px;
}
.l-guide__content .txt-box__icon,
.l-guide__content .txt-box__txt {
    vertical-align: middle;
}
.l-guide__content .image {
    display: block;
    text-align: center;
    margin-top: 20px;
}
.l-guide__download  {
    margin: 0 auto;
    max-width: 400px;
    padding-top: 45px;
}
.l-guide__download .txt  {
    color: #ff3942;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
}
.l-guide__download .c-badge-box  {
    padding-top: 17px;
    text-align: center;
}

.l-function {
    background-color: #ff3942;
    padding-bottom: 45px;
}
.l-function .c-section-title__txt {
    color: #fff;
}
.l-function__content {
    font-size: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}
.l-function__list-box {
    display: block;
    padding: 0;
}
.l-function__list {
    display: block;
    max-width: 400px;
    margin: 0 auto 15px;
    width: 100%;
}
.l-function__list:last-of-type {
    margin: 0 auto;
}
.l-function__card-box {
    border-radius: 15px;
    overflow: hidden;
}
.l-function__card-box .card {
    background-color: #fff;
    text-align: center;
}
.l-function__card-box .card__image {
    max-width: 315px;
}
.l-function__card-box .card__caption-box {
    padding: 20px 25px;
}
.l-function__card-box .card__caption {
    color: #000;
    font-size: 2.2rem;
}

.l-download {
    margin: 0 15px;
}
.l-download__content {
    margin: 0 auto;
    max-width: 400px;
    padding: 45px 0 0;
    position: relative;
    width: 100%;
}
.l-download__content .txt {
    color: #ff3942;
    font-size: 3.4rem;
    line-height: 1.25em;
    text-align: center;
}
.l-download__content .txt .lower-case {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.25em;
    width: 100%;
}
.l-download__content .c-badge-box {
    max-width: 400px;
    margin: 30px auto 0;
    text-align: center;
    width: 100%;
}
.l-download__content .image {
    padding-top: 45px;
}

.l-footer {
    background-color: #333;
    padding: 30px 0;
}
.l-footer__inner {
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
}
.l-footer__logo {
    width: 90px;
}
.l-footer__copyright {
    color: #fff;
    font-size: 12px;
    padding-top: 16px;
}