@charset "utf-8";

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

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

/* chart */
#subPage #content .chart {
    margin: 3em 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: 1.4em 6% 1em;
    position: relative;
}
#subPage #content .sixConcept .ttlConcept:after {
    border: 4px solid #444444;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: '';
    margin-top: -2px;
    position: absolute;
    top: 50%; right: 6%;
}
#subPage #content .sixConcept .ttlConcept.active:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid #444444;
    margin-top: -8px;
}
#subPage #content .sixConcept .ttlConcept h3 {
    color: #d6809a;
    font-size: 1.3rem;
    line-height: 1.4;
    margin: 0 0 0 1em;
    text-indent: -1em;
}
#subPage #content .sixConcept p {
    border-top: 1px solid #dadada;
    padding: 1.4em 6% 3.5em;
}

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