@charset "UTF-8";

/*! top.css */
/*! intro */
#intro {
    padding-top: 7%;
    padding-bottom: 7%;
}

.intro__title {
    color: #4C99CB;
    font-weight: 700;
    font-size: 1.8em;
    background-color: #FFF;
    padding: .8em 1.5em .8em 5%;
    margin-right: 5%;
    line-height: 1.4;
    border-radius: 0 5em 5em 0;
    text-align: center;
    margin-bottom: 1em;
}

.intro__texts {
    color: #FFF;
    text-align: center;
    margin-bottom: 2em;
}

.intro__text {
    font-size: 1.4em;
    font-weight: bold;
}
.intro__text+.intro__text {
    margin-top: 1em;
}

.intro__note {
    margin-top: 1.5em;
}

.intro-profile {
    background-color: #FFF;
    padding-top: 5%;
    padding-bottom: 5%;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.intro-profile__title {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    color: #4C99CB;
    margin-bottom: 1em;
}
.intro-profile__title>span {
    display: block;
}

.intro-profile__image {
    padding-right: 5%;
    margin-bottom: 5%;
}
.intro-profile__image>img {
    width: 100%;
    border-radius: 0 1rem 1rem 0;
}

.intro-profile__top {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #AAA;
}

.intro-note {
    text-align: center;
    color: #FFF;
    font-size: 1.2em;
}

/*! download */
#download {
    background-image: url(../images/top/bg_download.webp);
    background-size: cover;
    background-position: center center;
    padding-top: 7%;
    padding-bottom: 7%;
}

.download__title {
    text-align: center;
    font-weight: 500;
    color: #EB9378;
    font-size: 1.4em;
    padding-top: 3.5em;
    background-image: url(../images/top/icon-document.svg);
    background-size: 3em auto;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

.download__button .button {
    background-color: #EB9378;
}