@charset "utf-8";

/* concept.css：PC
 * ======================================
 * Main
 * ======================================
 */

/* Main
------------------------------------------------------------------ */
/* mainvisual */
#subPage #content .mainvisual p {
    margin: 40px 0 0 0;
}

/* chart */
#subPage #content .chart {
    margin: 60px auto;
    text-align: center;
    width: 78%;
}

/* sixConcept */
#subPage #content .sixConcept > section {
    border-bottom: 1px solid #dadada;
    margin-top: 0;
}
#subPage #content .sixConcept > section:nth-of-type(1)  {
    border-top: 1px solid #dadada;
}
#subPage #content .sixConcept .ttlConcept {
    background: #f0f0f0;
    padding: 32px 42px;
    position: relative;
}
#subPage #content .sixConcept .ttlConcept:after {
    border: 8px solid #444444;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    margin-top: -4px;
    position: absolute;
    top: 50%; right: 42px;
}
#subPage #content .sixConcept .ttlConcept.active:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid #444444;
    margin-top: -16px;
}
#subPage #content .sixConcept .ttlConcept h3 {
    color: #d6809a;
    font-size: 2.0rem;
    line-height: 1.4;
}
#subPage #content .sixConcept .ttlConcept h3 br {
    display: none;
}
#subPage #content .sixConcept p {
    border-top: 1px solid #dadada;
    padding: 22px 42px 56px;
}

/* button */
.button {
    background: #ffffff;
    margin: 0 auto 56px;
    text-align: center;
    width: 54%;
}
.button a {
    border: 1px solid #dadada;
    padding: 14px 0;
}