/* top.css */

section.gray {
    background-color: #f6fae6;
}

/* kv */
section#kv .inner {
    padding: 80px 0 80px;
}
@media only screen and (max-width: 750px) {
    section#kv .inner {
        padding: 12vw 0 12vw;
    }
}
section#kv h1 {
    margin-bottom: 1em;
    font-size: 2.2em;
    font-weight: 900;
    color: #00a0e8;
    text-shadow: 0px 3px 3px rgba(204,204,204,0.8);
}
section#kv .wrap p {
    display: block;
    width: 54%;
    line-height: 2.0;
    font-size: 1.1em;
    font-weight: 500;
}
section#kv .wrap figure {
    width: 44%;
}
@media only screen and (max-width: 750px) {
    section#kv h1 {
        line-height: 1.4;
        font-size: 6.4vw;
    }
    section#kv .wrap p,
    section#kv .wrap figure {
        width: 100%;
    }
    section#kv .wrap p {
        margin-bottom: 1.5em;
    }
}


/* business */
section#cont-business article {
    width: 48.5%;
    background-color: #ffffff;
    margin-bottom: 3%;
    padding: 2% 3%;
    border-radius: 12px;
}
section#cont-business article h3 {
    border-bottom: 2px solid #00a0e8;
}
@media only screen and (max-width: 750px) {
    section#cont-business article {
        width: 100%;
        padding: 3% 5%;
    }
}


section dl {
    margin-left: auto;
    margin-right: auto;
}
section dl div {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    border-bottom: 1px solid #999999;
}
section dl dt,
section dl dd {
    padding: 0 1em;
}


/* about */
#cont-about dl dt {
    width: 12em;
}
#cont-about dl dd {
    width: calc(100% - 12em);
}
#cont-about dl dd a {
    color: #000000;
    text-decoration: none;
    pointer-events: none;
}
@media only screen and (max-width: 750px) {
    #cont-about dl dt {
        width: 9em;
    }
    #cont-about dl dd {
        width: calc(100% - 9em);
    }
}