@charset "utf-8";

.content {
    padding: 0 0 120px 0;
}

/* .detail
================================================SP*/
#oyanavi-main {
    padding: 25px 0 0 0;
}
.oyanavi-detail-title {
    margin: 0 10px;
}
.oyanavi-detail-lead {
    margin: 20px 10px 0 10px;
}
.oyanavi-detail-lead p {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.6;
}
.oyanavi-detail-lead p:first-child {
    margin-top: 0;
}

@media only screen and (min-width: 769px) {
    #oyanavi-main {
        padding: 60px 10px 0 20px;
    }
    #oyanavi-main:after {
        clear: both;
        display: block;
        content: "";
    }
    
    .oyanavi-detail-title {
        width: 100%;
        height: 152px;
        margin: 0;
        text-indent: -9999px;
    }
    .oyanavi-detail-lead {
        margin: 50px 0 0 0;
    }
    .oyanavi-detail-lead p {
        margin-top: 40px;
        font-size: 16px;
        line-height: 2;
        text-align: center;
    }
    .oyanavi-detail-lead p:first-child {
        margin-top: 0;
    }
}

/* .detail-vol01
================================================SP*/
.detail-vol01 {
}
.detail-vol01 .oyanavi-detail-title img {
    width: 100%;
}
.detail-vol01 .oyanavi-section {
    margin-top: 50px;
}
.detail-vol01 .oyanavi-section-title img {
    width: 100%;
}
.detail-vol01 .oyanavi-sub-section {
    margin: 50px 10px 0 10px;
}
.detail-vol01 #vol01-1-1 {
    margin: 25px 10px 0 10px;
}
.detail-vol01 .oyanavi-sub-section-title {
    text-align: center;
}
.detail-vol01 .oyanavi-sub-section-title img {
    display: inline-block;
}
.detail-vol01 .oyanavi-sub-section-lead {
    margin-top: 16px;
}
.detail-vol01 .oyanavi-sub-section-lead p {
    font-size: 12px;
    line-height: 1.6;
}

/* graph */
.detail-vol01 .vol01-graph {
    margin: 25px 10px 0 10px;
}
.detail-vol01 .vol01-graph-figure {
    text-align: center;
}
.detail-vol01 .vol01-graph-figure img {
    display: inline-block;
}
.detail-vol01 .vol01-graph-link {
    margin-top: 16px;
    font-size: 11px;
}
.detail-vol01 .vol01-graph-link a {
    color: #043491;
    text-decoration: underline;
}

/* size */
.detail-vol01 .vol01-size {
    margin: 28px 28px 0 28px;
}
.detail-vol01 .vol01-size-title {
    text-align: center;
}
.detail-vol01 .vol01-size-title img {
    width: 200px;
}
.detail-vol01 .vol01-size-inner {
    margin-top: 15px;
}
.detail-vol01 .vol01-size-section {
    padding: 14px 12px;
    margin: 15px 0 0 0;
    border: 2px solid #a3badd;
    border-radius: 10px;
    background-color: #fff;
}
.detail-vol01 .vol01-size-section:first-child {
    margin: 0;
}
.detail-vol01 .vol01-size-section-title img {
    width: auto;
    height: 12px;
}
.detail-vol01 .vol01-size-howto-banner {
    margin: 16px 0 20px 0;
}
.detail-vol01 .vol01-size-howto-banner a {
    display: block;
    margin: 0 46px;
}
.detail-vol01 .vol01-size-howto-banner a img {
    width: 100%;
}
.detail-vol01 .vol01-size-howto-lead p {
    font-size: 12px;
    line-height: 1.6;
}
.detail-vol01 .vol01-size-shops-lead {
    margin-top: 10px;
}
.detail-vol01 .vol01-size-shops-lead p {
    font-size: 12px;
    line-height: 1.6;
}
.detail-vol01 .vol01-size-shops-banners {
    padding: 12px 16px;
    margin: 10px 20px 0 20px;
    background-color: #d9f3fa;
}
.detail-vol01 .vol01-size-shops-banners .vol01-size-shops-title {
    padding: 0 8px;
    text-align: center;
}
.detail-vol01 .vol01-size-shops-banners .vol01-size-shops-title img {
    display: inline-block;
}
.detail-vol01 .vol01-size-shops-banners ul {
    margin-top: 6px;
}
.detail-vol01 .vol01-size-shops-banners ul li {
    padding: 0;
    margin: 4px 0 0 0;
    list-style: none;
}
.detail-vol01 .vol01-size-shops-banners ul li:first-child {
    padding: 0;
    margin: 0;
}
.detail-vol01 .vol01-size-shops-banners ul li a,
.detail-vol01 .vol01-size-shops-banners ul li a img {
    display: block;
    width: 100%;
}
.detail-vol01 .vol01-size-shops .vol01-size-shop-notes {
    display: block;
    margin-top: 8px;
    font-size: 10px;
}

/* type */
.detail-vol01 .vol01-type {
    margin-top: 32px;
}
.detail-vol01 .vol01-type-figure {
    text-align: center;
}
.detail-vol01 .vol01-type-inner {
    margin-top: 32px;
}
.detail-vol01 .vol01-type-section {
    margin-top: 25px;
}
.detail-vol01 .vol01-type-section:first-child {
    margin-top: 0;
}
.detail-vol01 .vol01-type-section-title {
    text-align: center;
}
.detail-vol01 .vol01-type-section-title img {
    display: inline-block;
}
.detail-vol01 .vol01-type-section a {
    display: block;
    margin: 14px 20px 0 20px;
}
.detail-vol01 .vol01-type-section a img {
    width: 100%;
}

/* first */
.detail-vol01 .vol01-first {
    margin-top: 24px;
}
.vol01-first-figure {
    padding: 18px 8px 16px 8px;
    border: 2px solid #8dc7fc;
    background-color: #fff;
}
.detail-vol01 .vol01-first-figure-title {
    margin: 0 48px;
    text-align: center;
}
.detail-vol01 .vol01-first-figure-title img {
    display: inline-block;
}
.detail-vol01 .vol01-first-figure-caption {
    margin-top: 10px;
}
.detail-vol01 .vol01-first-figure-caption p {
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
}
.detail-vol01 .vol01-first-figure-notes {
    margin-top: 28px;
}
.detail-vol01 .vol01-first-figure-notes p {
    text-align: right;
    font-size: 13px;
}
.detail-vol01 .vol01-first-figure figure {
    margin-top: 14px;
}
.detail-vol01 .vol01-first-figure figure img {
    width: 100%;
}
.detail-vol01 .vol01-first-text-1 p,
.detail-vol01 .vol01-first-text-2 p,
.detail-vol01 .vol01-first-voice ul {
    font-size: 12px;
    line-height: 1.6;
}
.detail-vol01 .vol01-first-text-1 {
    margin-top: 20px;
}
.detail-vol01 .vol01-first-voice {
    margin-top: 24px;
    padding: 14px 16px;
    background-color: #d9f3fa;
}
.detail-vol01 .vol01-first-voice li {
    list-style: none;
}
.detail-vol01 .vol01-first-voice li:before {
    content: "・";
}
.detail-vol01 .vol01-first-text-2 {
    margin-top: 24px;
}

@media only screen and (min-width: 769px) {
    .detail-vol01 {
        width: 900px;
        margin: 0 auto;
    }
    .detail-vol01 .oyanavi-detail-title {
        background: url("../img/vol01/vol01_title.png") no-repeat;
    }
    .detail-vol01 .oyanavi-section {
        margin-top: 50px;
    }
    .detail-vol01 .oyanavi-sub-section {
        margin: 84px 0 0 0;
    }
    .detail-vol01 #vol01-1-1 {
        margin: 50px 0 0 0;
    }
    .detail-vol01 .oyanavi-sub-section-lead {
        margin-top: 28px;
    }
    .detail-vol01 .oyanavi-sub-section-lead p {
        text-align: center;
        font-size: 16px;
        line-height: 2;
    }
    
    /* graph */
    .detail-vol01 .vol01-graph {
        margin: 44px 0 0 0;
        text-align: center;
    }
    .detail-vol01 .vol01-graph-link {
        margin-top: 16px;
        font-size: 16px;
    }
    
    .detail-vol01 #vol01-1 .oyanavi-section-title {
        width: 903px;
        height: 130px;
        background: url("../img/vol01/vol01_1_title.png") no-repeat;
        text-indent: -9999px;
    }
    
    /* size */
    .detail-vol01 #vol01-1-1 .oyanavi-sub-section-title {
        width: 594px;
        height: 72px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_1_1_title.png") no-repeat;
        text-indent: -9999px;
    }
    .detail-vol01 .vol01-size {
        width: 820px;
        margin: 50px auto 0 auto;
    }
    .detail-vol01 .vol01-size-title {
        width: 400px;
        height: 37px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_size_title.png") no-repeat;
    }
    .detail-vol01 .vol01-size-inner {
        width: 740px;
        margin: 24px auto 0 auto;
    }
    .detail-vol01 .vol01-size-inner:after {
        clear: both;
        display: block;
        content: "";
    }
    .detail-vol01 .vol01-size-section {
        float: left;
        width: 360px;
        padding: 26px 28px 28px 28px;
        margin: 0 0 0 20px;
        border: 2px solid #a3badd;
        border-radius: 10px;
    }
    .detail-vol01 .vol01-size-section:first-child {
        margin: 0;
        padding: 26px 28px 84px 28px;
    }
    .detail-vol01 .vol01-size-howto .vol01-size-section-title {
        width: 175px;
        height: 20px;
        background: url("../img/vol01/vol01_size_1_title.png") no-repeat;
    }
    .detail-vol01 .vol01-size-howto-banner {
        margin: 40px 0;
        text-align: center;
    }
    .detail-vol01 .vol01-size-howto-banner a {
        width: 250px;
    }
    .detail-vol01 .vol01-size-howto-lead p {
        font-size: 15px;
        line-height: 1.8;
    }
    .detail-vol01 .vol01-size-shops .vol01-size-section-title {
        width: 158px;
        height: 20px;
        background: url("../img/vol01/vol01_size_2_title.png") no-repeat;
    }
    .detail-vol01 .vol01-size-shops-lead {
        margin-top: 14px;
    }
    .detail-vol01 .vol01-size-shops-lead p {
        font-size: 15px;
        line-height: 1.8;
    }
    .detail-vol01 .vol01-size-shops-banners {
        width: 254px;
        padding: 20px 32px 24px 32px;
        margin: 16px auto 0 auto;
    }
    .detail-vol01 .vol01-size-shops-banners .vol01-size-shops-title {
        padding: 0 20px;
    }
    .detail-vol01 .vol01-size-shops ul {
        margin-top: 8px;
    }
    .detail-vol01 .vol01-size-shops ul li {
        margin: 6px 0 0 0;
    }
    .detail-vol01 .vol01-size-shops .vol01-size-shop-notes {
        margin-top: 16px;
        font-size: 11px;
    }

    /* type */
    .detail-vol01 #vol01-1-2 .oyanavi-sub-section-title {
        width: 742px;
        height: 72px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_1_2_title.png") no-repeat;
        text-indent: -9999px;
    }
    .detail-vol01 .vol01-type-figure {
        text-align: center;
    }
    .detail-vol01 .vol01-type-inner {
        margin-top: 44px;
    }
    .detail-vol01 .vol01-type-section {
        margin-top: 48px;
    }
    .detail-vol01 .vol01-type-section-title img {
        display: none;
    }
    .detail-vol01 .vol01-type-chart .vol01-type-section-title {
        width: 535px;
        height: 17px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_type_chart_title.png") no-repeat;
    }
    .detail-vol01 .vol01-type-pickup .vol01-type-section-title {
        width: 551px;
        height: 17px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_type_pickup_title.png") no-repeat;
    }
    .detail-vol01 .vol01-type-section a {
        display: block;
        width: 404px;
        margin: 14px auto 0 auto;
    }

    /* first */
    .detail-vol01 #vol01-1-3 .oyanavi-sub-section-title {
        width: 796px;
        height: 72px;
        margin: 0 auto;
        background: url("../img/vol01/vol01_1_3_title.png") no-repeat;
        text-indent: -9999px;
    }
    .detail-vol01 .vol01-first {
        margin-top: 48px;
    }
    .vol01-first-figure {
        width: 700px;
        padding: 32px 58px 40px 58px;
        margin: 0 auto;
    }
    .detail-vol01 .vol01-first-figure-title {
        width: 242px;
        height: 19px;
        background: url("../img/vol01/vol01_first_figure_title.png?update=20170206.png") no-repeat;
        margin: 0 auto;
    }
    .detail-vol01 .vol01-first-figure-title img {
        display: none;
    }
    .detail-vol01 .vol01-first-figure-caption {
        margin-top: 12px;
    }
    .detail-vol01 .vol01-first-figure-caption p {
        text-align: center;
        font-size: 13px;
    }
    .detail-vol01 .vol01-first-figure-notes {
        margin-top: 28px;
    }
    .detail-vol01 .vol01-first-figure-notes p {
        text-align: right;
        font-size: 13px;
    }
    .detail-vol01 .vol01-first-figure figure {
        margin-top: 26px;
    }
    .detail-vol01 .vol01-first-text-1 p,
    .detail-vol01 .vol01-first-text-2 p {
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }
    .detail-vol01 .vol01-first-voice ul {
        font-size: 13px;
        line-height: 1.8;
    }
    .detail-vol01 .vol01-first-text-1 {
        margin-top: 44px;
    }
    .detail-vol01 .vol01-first-voice {
        margin-top: 28px;
        padding: 30px 56px;
    }
    .detail-vol01 .vol01-first-text-2 {
        margin-top: 32px;
    }
}

/* .detail-10yearsold
================================================SP*/
.detail-10yearsold {
}
.detail-10yearsold .oyanavi-detail-title {
    margin-left: 0;
    margin-right: 0;
}
.detail-10yearsold #detail-10yearsold-1 {
    padding: 25px 0 0 0;
    margin: 40px 10px 0;
    background: url(../10yearold_whitepaper/img/index/dotted_g_s.png) no-repeat center top;
    background-size: 100% auto;
}
.detail-10yearsold #detail-10yearsold-1 .oyanavi-section-title img {
    display: block;
    width: 50%;
    margin: 0 auto;
}
.detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead {
    margin-top: 20px;
}
.detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead p {
    margin-top: 18px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead p:first-child {
    margin-top: 0;
}
.detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead p.notes {
    font-size: 11px;
}

.detail-10yearsold #detail-10yearsold-1 .pdf-box {
    margin-top: 24px;
    padding: 5px;
    background: url("../10yearold_whitepaper/img/index/bg_pdf.png") repeat left top;
    background-size: 6px 6px;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box-inner {
    padding: 18px 10px;
    background-color: #fff;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-cover {
    width: 46.92307692307692%;
    margin: 6.153846153846154% auto 0;
}

.detail-10yearsold #detail-10yearsold-1 .pdf-box h3 {
    margin: 40px 0 0 0;
    text-align: center;
    color: #90bfe9;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box h3 a,
.detail-10yearsold #detail-10yearsold-1 .pdf-box h3 a img {
    display: block;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail {
    margin-top: 12px;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link {
    width: 96.35036496350365%; /* 528/548*100 */
    margin: 0 auto;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link a,
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link a img {
    display: block;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail p {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail p em {
    color: #90bfe9;
    font-style: normal;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul {
    padding: 0;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li {
    padding: 0.25em 0 0.25em 3.75em;
    margin: 1em 0 0 0;
    list-style: none;
    background-repeat: no-repeat;
    background-size: 44px auto;
    background-position: left center;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:nth-child(1) {
    background-image: url("../10yearold_whitepaper/img/index/ico_mother.png");
    margin-top: 0;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:nth-child(2) {
    background-image: url("../10yearold_whitepaper/img/index/ico_father.png");
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:nth-child(3) {
    background-image: url("../10yearold_whitepaper/img/index/ico_child.png");
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:before {
    margin: 0 0.25em 0 0;
    content: "\025B6";
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li em {
    font-weight: bold;
    font-style: normal;
    background: url("../10yearold_whitepaper/img/index/bg_em.png") repeat-x left 1em;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-notes {
    padding: 16px 10px;
    margin: 32px 0 0 0;
    border-radius: 0.35em;
    background-color: #eef5fc;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-notes p {
    margin: 0;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-interview {
    margin-top: 26px;
    padding: 24px 10px 0;
    background: url("../10yearold_whitepaper/img/index/pdf_interview_border.png") repeat-x left top;
    background-size: 325px 2px;
    font-size: 12px;
    line-height: 1.8;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-interview a {
    color: #666;
    text-decoration: underline;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box {
    margin: 24px 0 0 0;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box h3 {
    padding: 0.5em 0.666em;
    background: url("../10yearold_whitepaper/img/index/pdf_log_title_s.png") no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 3.75vw;
    line-height: 1;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul {
    margin: 20px 10px 0;
    font-size: 12px;
    line-height: 1.4;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li {
    margin-top: 16px;
    list-style: none;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li:first-child {
    margin-top: 0;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li:before {
    display: inline-block;
    width: 0.75em;
    height: 0.833em;
    margin-right: 4px;
    background: url("../10yearold_whitepaper/img/index/pdf_log_arw.png") no-repeat;
    background-size: contain;
    content: "";
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li a {
    color: #666666;
    text-decoration: none;
}
.detail-10yearsold #detail-10yearsold-1 .pdf-log-box a .border-pdf {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #666;
    font-size: 12px;
    line-height: 1;
}

/*
.detail-10yearsold #detail-10yearsold-more {
    margin-top: 36px;
}
.detail-10yearsold #detail-10yearsold-more .oyanavi-section-lead {
    padding: 30px 10px 0 10px;
}
.detail-10yearsold #detail-10yearsold-more .oyanavi-section-lead p {
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold #detail-10yearsold-more .oyanavi-section-link {
    width: 70%;
    margin: 32px auto 0 auto;
}
.detail-10yearsold #detail-10yearsold-more .oyanavi-section-link a:hover {
    opacity: 0.7;
}
*/

@media only screen and (min-width: 769px) {
    .detail-10yearsold {
    }
    .detail-10yearsold .oyanavi-detail-title {
        height: 152px;
        background: url("../10yearold_whitepaper/img/title.png") no-repeat center top;
    }
    .detail-10yearsold #detail-10yearsold-1 {
        max-width: 814px;
        margin: 48px auto 0;
        padding: 48px 0 0 0;
        background-image: url(../10yearold_whitepaper/img/index/dotted_g.png);
    }
    .detail-10yearsold #detail-10yearsold-1 .oyanavi-section-title img {
        width: 339px;
    }
    .detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead {
        margin-top: 32px;
    }
    .detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead p {
        margin-top: 18px;
        text-align: center;
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold #detail-10yearsold-1 .oyanavi-section-lead p.notes {
        font-size: 11px;
    }
    
    .detail-10yearsold #detail-10yearsold-1 .pdf-box {
        width: 750px;
        padding: 10px;
        background-size: 12px 12px;
        box-sizing: border-box;
        margin: 40px auto 0 auto;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box-inner {
        padding: 32px;
        background-color: #fff;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box-inner:after {
        clear: both;
        display: block;
        content: "";
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail {
        width: auto;
        margin: 0;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-notes {
        padding: 16px;
        margin: 32px -12px 0;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-notes p {
        font-size: 14px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link {
        width: 685px;
        margin: 0 auto;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link a {
        display: block;
        width: 100%;
        height: 45px;
        background: url(../10yearold_whitepaper/img/index/btn_pdf_2019.png) no-repeat center center;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link a img {
        display: none;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-link a:hover {
        opacity: 0.7;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box h3 {
        margin: 36px 0 0 0;
        text-align: center;
        font-size: 18px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-content-wrap {
        position: relative;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-txt {
        padding-top: 0.5em;
        margin-top: 1em;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail .pdf-txt p {
        font-size: 16px;
        line-height: 2;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-txt p:nth-child(1),
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-txt p:nth-child(2) {
        width: 400px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-cover {
        position: absolute;
        right: 0;
        top: 0;
        width: 250px;
        margin: 0;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail p {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.9;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul {
        width: auto;
        padding: 0;
        margin: 1em auto 0;
        font-size: 15px;
        line-height: 1.9;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li {
        padding: 1em 0 1em 72px;
        background-size: auto 64px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:nth-child(2),
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-detail ul li:nth-child(3) {
        padding: 0.5em 0 0.5em 72px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-interview {
        margin-top: 30px;
        padding: 32px 10px 0;
        background-size: 650px 4px;
        font-size: 17px;
        line-height: 1.6;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-box .pdf-interview a:hover {
        opacity: 0.7;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box {
        margin: 56px 0 0 0;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box h3 {
        width: 685px;
        padding: 10px 20px;
        margin: 0 auto;
        background: url("../10yearold_whitepaper/img/index/pdf_log_title.png") no-repeat center center;
        font-size: 18px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul {
        width: 665px;
        margin: 18px auto 0;
        font-size: 17px;
        line-height: 1.4;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul:after {
        clear: both;
        display: block;
        content: "";
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li {
        float: left;
        width: 50%;
        margin-top: 20px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li:nth-child(2n+1) {
        clear: left;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li:nth-child(-n+2) {
        margin-top: 0;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li:before {
        width: 8px;
        height: 9px;
        margin-right: 6px;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box ul li a:hover {
        opacity: 0.7;
    }
    .detail-10yearsold #detail-10yearsold-1 .pdf-log-box a .border-pdf {
        padding: 3px 6px;
        font-size: 16px;
    }
    /*
    .detail-10yearsold #detail-10yearsold-more {
        margin-top: 60px;
    }
    .detail-10yearsold #detail-10yearsold-more .oyanavi-section-title {
        height: 82px;
        background: url("../10yearold_whitepaper/img/section_more_title.png") no-repeat center top;
    }
    .detail-10yearsold #detail-10yearsold-more .oyanavi-section-lead {
        padding: 56px 0 0 0;
    }
    .detail-10yearsold #detail-10yearsold-more .oyanavi-section-lead p {
        text-align: center;
        font-size: 16px;
    }
    .detail-10yearsold #detail-10yearsold-more .oyanavi-section-link {
        width: 283px;
        margin: 28px auto 0 auto;
    }
    .detail-10yearsold #detail-10yearsold-more .oyanavi-section-link a {
        display: block;
        width: 100%;
        height: 83px;
        background: url("../10yearold_whitepaper/img/btn_research.png") no-repeat;
    }
    */
}

/* .detail-10yearsold-2019
================================================SP*/
.detail-10yearsold-2019 .oyanavi-detail-lead a {
    color: #5378e1;
    font-weight: bold;
}
.detail-10yearsold-2019 .movie-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.detail-10yearsold-2019 .movie-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.detail-10yearsold-2019 .oyanavi-detail-lead .notes {
    font-size: 11px;
    line-height: 1.36;
}

.detail-10yearsold-2019 .pic-1 {
    margin: 24px 0 36px;
}
.detail-10yearsold-2019 .pic-1-img {
    width: 60%;
    margin: 0 auto;
}
.detail-10yearsold-2019 .pic-1-txt {
    margin: 24px 0 0 0;
}

.detail-10yearsold-2019 .oyanavi-section {
    position: relative;
    margin: 40px 10px 0 10px;
    padding: 18px 10px 24px;
    background-color: #fff;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-ttl {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.66;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt {
    margin: 24px 0 0 0;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt p {
    margin: 1em 0 0 0;
    color: #666666;
    font-size: 12px;
    line-height: 1.66;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt p:first-child {
    margin: 0;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-graph {
    margin: 24px 0 0 0;
    text-align: center;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-graph img {
    margin: 16px 0 0 0;
}
.detail-10yearsold-2019 .oyanavi-section .oyanavi-section-graph img:first-child {
    margin: 0;
}

#detail-10yearsold-2019-1 {
    border: 5px solid #facbd5;
}
#detail-10yearsold-2019-1:before {
    position: absolute;
    right: -9px;
    top: -21px;
    width: 105.5px;
    height: 99.5px;
    background: url(../10yearold_whitepaper/img/2019/eyecatch-1.png) no-repeat;
    background-size: 100% 100%;
    content: '';
}
#detail-10yearsold-2019-1 .oyanavi-section-ttl {
    color: #f57c96;
}

#detail-10yearsold-2019-1 {
    border: 5px solid #facbd5;
}
#detail-10yearsold-2019-1:before {
    position: absolute;
    right: -9px;
    top: -21px;
    width: 105.5px;
    height: 99.5px;
    background: url(../10yearold_whitepaper/img/2019/eyecatch-1.png) no-repeat;
    background-size: 100% 100%;
    content: '';
}
#detail-10yearsold-2019-1 .oyanavi-section-ttl {
    color: #f57c96;
}
#detail-10yearsold-2019-1 .oyanavi-section-boxed {
    margin: 24px 0 0 0;
    padding: 16px;
    border: 1px solid #facbd5;
}
#detail-10yearsold-2019-1 .oyanavi-section-boxed-ttl,
#detail-10yearsold-2019-1 .oyanavi-section-boxed p {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.66;
}

#detail-10yearsold-2019-2 {
    border: 5px solid #ffe6c0;
}
#detail-10yearsold-2019-2:before {
    position: absolute;
    right: -9px;
    top: -21px;
    width: 105.5px;
    height: 99.5px;
    background: url(../10yearold_whitepaper/img/2019/eyecatch-2.png) no-repeat;
    background-size: 100% 100%;
    content: '';
}
#detail-10yearsold-2019-2 .oyanavi-section-ttl {
    color: #f29200;
}

#detail-10yearsold-2019-3 {
    border: 5px solid #f0ffcc;
}
#detail-10yearsold-2019-3:before {
    position: absolute;
    right: -9px;
    top: -21px;
    width: 105.5px;
    height: 99.5px;
    background: url(../10yearold_whitepaper/img/2019/eyecatch-3.png) no-repeat;
    background-size: 100% 100%;
    content: '';
}
#detail-10yearsold-2019-3 .oyanavi-section-ttl {
    color: #0d9f1b;
}

.detail-10yearsold-2019 .oyanavi-interview {
    position: relative;
    margin: 40px 10px 0 10px;
    padding: 16px;
    background-color: #fff;
}
.detail-10yearsold-2019 .oyanavi-interview-ttl {
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.66;
}
.detail-10yearsold-2019 .oyanavi-interview-txt {
    margin: 24px 0 0 0;
}
.detail-10yearsold-2019 .oyanavi-interview-txt p {
    color: #666666;
    font-size: 12px;
    line-height: 1.66;
}

#detail-10yearsold-2019-1-q {
    border: 2px dotted #f57c96;
}
#detail-10yearsold-2019-1-q .oyanavi-interview-ttl {
    color: #f57c96;
}
#detail-10yearsold-2019-1-q .oyanavi-interview-pic {
    width: 59.5%;
    margin: 16px auto 0;
}

#detail-10yearsold-2019-2-q {
    border: 2px dotted #f29200;
}
#detail-10yearsold-2019-2-q .oyanavi-interview-ttl {
    color: #f29200;
}
#detail-10yearsold-2019-2-q .oyanavi-interview-pic {
    width: 45.3%;
    margin: 16px auto 0;
}

#detail-10yearsold-2019-3-q {
    position: relative;
    padding-top: 48px;
    border: 2px dotted #0d9f1b;
}
#detail-10yearsold-2019-3-q .oyanavi-interview-ttl {
    color: #0d9f1b;
}
#detail-10yearsold-2019-3-q .oyanavi-interview-pic {
    position: absolute;
    right: 10px;
    top: -30px;
    width: 166px;
}

#detail-10yearsold-2019-more {
    margin: 46px 15px 0;
}
#detail-10yearsold-2019-more .catch-1,
#detail-10yearsold-2019-more .catch-2 {
    display: block;
    text-align: center;
    color: #e731d8;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 0 0 2px #ffffff;
}
#detail-10yearsold-2019-more ul {
    margin: 24px 0;
}
#detail-10yearsold-2019-more ul li {
    margin: 1em 0 0 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    list-style: none;
    color: #666666;
    font-size: 12px;
    line-height: 1.66;
}
#detail-10yearsold-2019-more ul li:before {
    color: #e731d8;
    content: '●';
}
#detail-10yearsold-2019-more ul li:first-child {
    margin: 0;
}
#detail-10yearsold-2019-more ul li em {
    background: url(../10yearold_whitepaper/img/2019/border.png) repeat-x left bottom;
    background-size: auto 3px;
}

#detail-10yearsold-2019-report {
    margin: 50px 10px 0;
    padding: 24px 20px;
    background-color: #f7ffff;
}
#detail-10yearsold-2019-report .oyanavi-report-ttl {
    text-align: center;
    color: #1ebcde;
    font-size: 18px;
    font-weight: bold;
}
#detail-10yearsold-2019-report .oyanavi-report-txt {
    margin: 20px 0 0 0;
}
#detail-10yearsold-2019-report .oyanavi-report-txt p,
#detail-10yearsold-2019-report .oyanavi-report-detail p {
    margin: 1em 0 0 0;
    color: #666666;
    font-size: 12px;
    line-height: 1.66;
}
#detail-10yearsold-2019-report .oyanavi-report-txt p:first-child,
#detail-10yearsold-2019-report .oyanavi-report-detail p:first-child {
    margin: 0;
}
#detail-10yearsold-2019-report .oyanavi-report-container {
    margin: 32px 0 0 0;
}
#detail-10yearsold-2019-report .oyanavi-report-pic {
    width: 52.88%;
    margin: 20px auto 0;
}

@media only screen and (min-width: 769px) {
    .detail-10yearsold-2019 {
        width: 855px;
        margin-left: auto;
        margin-right: auto;
    }
    .detail-10yearsold-2019 .oyanavi-detail-title {
        margin-left: -22.5px;
        margin-right: -22.5px;
        width: 900px;
        height: 152px;
        background: url(../10yearold_whitepaper/img/2019/title.png) no-repeat;
    }
    .detail-10yearsold-2019 .movie-container {
        width: 560px;
        padding-top: 315px;
        margin: 0 auto;
    }
    .detail-10yearsold-2019 .oyanavi-detail-lead .notes {
        text-align: right;
        font-size: 14px;
        line-height: 1.4;
    }

    .detail-10yearsold-2019 .pic-1 {
        margin: 36px 0;
        overflow: hidden;
    }
    .detail-10yearsold-2019 .pic-1:after {
        clear: both;
        display: table;
        content: '';
    }
    .detail-10yearsold-2019 .pic-1-img {
        float: right;
        width: 225px;
        margin: 0 30px 0 0;
    }
    .detail-10yearsold-2019 .pic-1-txt {
        float: left;
        width: 475px;
        margin: 95px 0 0 0;
    }
    .detail-10yearsold-2019 .pic-1-txt p {
        text-align: left;
    }

    .detail-10yearsold-2019 .oyanavi-section {
        margin: 68px 0px 0 0;
        padding: 40px 30px 36px;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-ttl {
        font-size: 24px;
        font-weight: 500;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt {
        margin: 24px 0 0 0;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt:nth-child(2) {
        margin-right: 170px;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-txt p {
        font-size: 16px;
        line-height: 1.875;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-graph {
        margin: 32px 0 0 0;
        text-align: center;
    }
    .detail-10yearsold-2019 .oyanavi-section .oyanavi-section-graph img {
        margin: 0;
    }

    #detail-10yearsold-2019-1 {
        border-width: 10px;
    }
    #detail-10yearsold-2019-1:before {
        right: -14px;
        top: -26px;
        width: 211px;
        height: 199px;
    }
    #detail-10yearsold-2019-1 .oyanavi-section-boxed {
        margin: 36px 0 0 0;
        padding: 16px 20px;
    }
    #detail-10yearsold-2019-1 .oyanavi-section-boxed-ttl,
    #detail-10yearsold-2019-1 .oyanavi-section-boxed p {
        font-size: 14px;
        line-height: 2;
    }

    #detail-10yearsold-2019-2 {
        border-width: 10px;
    }
    #detail-10yearsold-2019-2:before {
        right: -14px;
        top: -26px;
        width: 211px;
        height: 199px;
    }
    #detail-10yearsold-2019-2:after {
        clear: both;
        display: table;
        content: '';
    }
    #detail-10yearsold-2019-2 .oyanavi-section-txt {
        float: left;
        width: 480px;
    }
    #detail-10yearsold-2019-2 .oyanavi-section-graph {
        float: right;
        width: 274px;
    }
    #detail-10yearsold-2019-2 .oyanavi-section-graph:nth-child(3) {
        margin-top: -200px;
    }
    #detail-10yearsold-2019-2 .oyanavi-section-txt:nth-child(6) {
        width: auto;
    }

    #detail-10yearsold-2019-3 {
        border-width: 10px;
    }
    #detail-10yearsold-2019-3:before {
        right: -14px;
        top: -26px;
        width: 211px;
        height: 199px;
    }
    #detail-10yearsold-2019-3 .oyanavi-section-graph:nth-child(5) img:nth-child(1) {
        width: 340px;
    }
    #detail-10yearsold-2019-3 .oyanavi-section-graph:nth-child(5) img:nth-child(2) {
        width: 300px;
    }

    .detail-10yearsold-2019 .oyanavi-interview {
        margin: 44px 0 0 0;
        padding: 16px 20px;
        background-color: #fff;
    }
    .detail-10yearsold-2019 .oyanavi-interview-ttl {
        font-size: 16px;
        line-height: 1.875;
    }
    .detail-10yearsold-2019 .oyanavi-interview-txt {
        margin: 24px 270px 24px 0;
    }
    .detail-10yearsold-2019 .oyanavi-interview-txt p {
        font-size: 16px;
        line-height: 1.875;
    }

    #detail-10yearsold-2019-1-q {
        border-width: 3px;
    }
    #detail-10yearsold-2019-1-q .oyanavi-interview-pic {
        position: absolute;
        right: 40px;
        top: 20px;
        width: 190px;
        margin: 0;
    }

    #detail-10yearsold-2019-2-q {
        border-width: 3px;
    }
    #detail-10yearsold-2019-2-q .oyanavi-interview-pic {
        position: absolute;
        right: 28px;
        top: 52px;
        width: 230px;
        margin: 0;
    }

    #detail-10yearsold-2019-3-q {
        position: relative;
        margin: 72px 0 0 0;
        padding-top: 24px;
        border-width: 3px;
    }
    #detail-10yearsold-2019-3-q .oyanavi-interview-pic {
        position: absolute;
        right: 52px;
        top: -42px;
        width: 283px;
    }
    #detail-10yearsold-2019-3-q .oyanavi-interview-txt {
        margin-right: 0;
    }

    #detail-10yearsold-2019-more {
        margin: 90px 60px 0;
    }
    #detail-10yearsold-2019-more .catch-1,
    #detail-10yearsold-2019-more .catch-2 {
        font-size: 24px;
        text-shadow: 0 0 4px #ffffff;
    }
    #detail-10yearsold-2019-more ul {
        margin: 36px 0;
    }
    #detail-10yearsold-2019-more ul li {
        font-size: 16px;
        line-height: 1.875;
    }
    #detail-10yearsold-2019-more ul li em {
        background-size: auto 5px;
    }

    #detail-10yearsold-2019-report {
        margin: 88px 0 0;
        padding: 40px 32px;
    }
    #detail-10yearsold-2019-report .oyanavi-report-ttl {
        font-size: 24px;
    }
    #detail-10yearsold-2019-report .oyanavi-report-txt {
        margin: 32px 0 0 0;
    }
    #detail-10yearsold-2019-report .oyanavi-report-txt p,
    #detail-10yearsold-2019-report .oyanavi-report-detail p {
        font-size: 16px;
        line-height: 1.875;
    }
    #detail-10yearsold-2019-report .oyanavi-report-txt p:first-child,
    #detail-10yearsold-2019-report .oyanavi-report-detail p:first-child {
        margin: 0;
    }
    #detail-10yearsold-2019-report .oyanavi-report-container:after {
        clear: both;
        display: table;
        content: '';
    }
    #detail-10yearsold-2019-report .oyanavi-report-detail {
        float: left;
        width: 540px;
    }
    #detail-10yearsold-2019-report .oyanavi-report-detail a {
        font-weight: bold;
    }
    #detail-10yearsold-2019-report .oyanavi-report-pic {
        float: right;
        width: 186px;
        margin: 0;
    }
}

/* .detail-10yearsold-2018
================================================SP*/
.detail-10yearsold-2018 .oyanavi-detail-lead a {
    color: #7285f7;
    font-weight: bold;
}
.detail-10yearsold-2018 .oyanavi-section {
    width: 93.75%;
    margin: 8.75% auto 0;
}
.detail-10yearsold-2018 .oyanavi-section p {
    margin: 8% 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold-2018 .oyanavi-section p:first-child {
    margin: 0;
}
.detail-10yearsold-2018 .oyanavi-section p.first {
    margin: 5.25% 0 0 0;
}
.detail-10yearsold-2018 .oyanavi-section p em {
    color: #db2a8d;
    font-weight: bold;
    font-style: normal;
}
.detail-10yearsold-2018 .oyanavi-section h3 {
    margin: 8% 0 0 0;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}
.detail-10yearsold-2018 .oyanavi-section h3 span {
    display: inline;
    background: url(../10yearold_whitepaper/img/2018/bg_border.png) repeat left 3px;
    background-size: auto 20px;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-graph {
    margin: 8% 0 0 0;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-comment {
    position: relative;
    padding: 3px;
    margin: 20% 0 0 0;
    background: url(../10yearold_whitepaper/img/2018/bg_comment.png) repeat left top;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 0;
    margin: -13.333% 0 0 0;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof img {
    width: 23%;
    height: auto;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof span {
    position: absolute;
    left: 25%;
    right: 0;
    top: 0;
    margin: 4.5% 0 0 0;
    display: block;
    color: #666666;
    font-size: 10px;
    line-height: 1.4;
}
.detail-10yearsold-2018 .oyanavi-section .oyanavi-comment-inner {
    padding: 10% 5%;
    background-color: #fff;
}
.detail-10yearsold-2018 .oyanavi-list-1 {
    position: relative;
    display: block;
    padding: 7.5% 2.25%;
    margin: 12% -2.25% 0 -2.25%;
    background-color: #fff3f7;
    font-size: 12px;
    line-height: 1.5;
}
.detail-10yearsold-2018 .oyanavi-list-1:before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -12.5vw;
    border-bottom: 4.375vw solid #fff3f7;
    border-left: 12.5vw solid transparent;
    border-right: 12.5vw solid transparent;
    content: "";
}
.detail-10yearsold-2018 .oyanavi-list-1 li {
    position: relative;
    padding: 0 0 0 24px;
    margin: 1em 0 0 0;
    list-style: none;
}
.detail-10yearsold-2018 .oyanavi-list-1 li:first-child {
    margin: 0;
}
.detail-10yearsold-2018 .oyanavi-list-1 li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 1em 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.detail-10yearsold-2018 .oyanavi-list-1 li:nth-child(1):before {
    background-image: url(../10yearold_whitepaper/img/2018/list-1.png);
}
.detail-10yearsold-2018 .oyanavi-list-1 li:nth-child(2):before {
    background-image: url(../10yearold_whitepaper/img/2018/list-2.png);
}
.detail-10yearsold-2018 .oyanavi-list-1 li:nth-child(3):before {
    background-image: url(../10yearold_whitepaper/img/2018/list-3.png);
}
.detail-10yearsold-2018 .oyanavi-list-1 li:nth-child(4):before {
    background-image: url(../10yearold_whitepaper/img/2018/list-4.png);
}
.detail-10yearsold-2018 .oyanavi-list-2 {
    display: block;
    padding: 4% 6.666%;
    margin: 7% 0 0 0;
    background-color: #fff3f7;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}
.detail-10yearsold-2018 .oyanavi-list-2 li {
    margin: 1em 0 0 0;
    list-style: none;
}
.detail-10yearsold-2018 .oyanavi-list-2 li:first-child {
    margin: 0;
}
.detail-10yearsold-2018 .oyanavi-report {
    padding: 6.666% 4%;
    background-color: #fff;
}
.detail-10yearsold-2018 .oyanavi-report p,
.detail-10yearsold-2018 .oyanavi-report dl {
    margin: 1em 0 0 0;
    font-size: 11px;
    line-height: 15px;
}
.detail-10yearsold-2018 .oyanavi-report p:first-child,
.detail-10yearsold-2018 .oyanavi-report dl:first-child {
    margin: 0;
}
.detail-10yearsold-2018 .oyanavi-report dl a {
    color: #ff68cf;
}

@media only screen and (min-width: 769px) {
    .detail-10yearsold-2018 h1 {
        width: 100%;
        height: 153px;
        background: url(../10yearold_whitepaper/img/2018/title.png) no-repeat center center;
    }
    .detail-10yearsold-2018 .oyanavi-section {
        width: 803px;
        margin: 32px auto 0;
    }
    .detail-10yearsold-2018 .oyanavi-section h2 {
        width: 100%;
        height: 96px;
        background-repeat: no-repeat;
        background-position: center top;
    }
    .detail-10yearsold-2018 #detail-10yearsold-2018-1 h2 {
        background-image: url(../10yearold_whitepaper/img/2018/title_1.png);
    }
    .detail-10yearsold-2018 #detail-10yearsold-2018-2 h2 {
        background-image: url(../10yearold_whitepaper/img/2018/title_2.png);
    }
    .detail-10yearsold-2018 #detail-10yearsold-2018-3 h2 {
        background-image: url(../10yearold_whitepaper/img/2018/title_3.png);
    }
    .detail-10yearsold-2018 .oyanavi-section p {
        margin: 32px 0 0 0;
        font-size: 16px;
        line-height: 30px;
    }
    .detail-10yearsold-2018 .oyanavi-section p.center {
        text-align: center;
    }
    .detail-10yearsold-2018 .oyanavi-section h3 {
        margin: 40px 0 0 0;
        font-size: 16px;
        line-height: 30px;
    }
    .detail-10yearsold-2018 .oyanavi-section h3 span {
        background-position: left 4px;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-graph {
        margin: 32px 0 0 0;
        text-align: center;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-comment {
        margin: 108px 64px 0;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof {
        position: absolute;
        left: 16px;
        right: 16px;
        margin: -80px 0 0 0;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof img {
        width: 120px;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-comment .oyanavi-prof span {
        left: 128px;
        margin: 54px 0 0 0;
        font-size: 12px;
    }
    .detail-10yearsold-2018 .oyanavi-section .oyanavi-comment-inner {
        padding: 48px 40px 40px;
    }
    .detail-10yearsold-2018 .oyanavi-list-1 {
        padding: 20px 72px;
        margin: 48px 0 0 0;
        font-size: 16px;
        line-height: 1.5;
    }
    .detail-10yearsold-2018 .oyanavi-list-1:before {
        margin-left: -36px;
        border-bottom: 28px solid #fff3f7;
        border-left: 36px solid transparent;
        border-right: 36px solid transparent;
    }
    .detail-10yearsold-2018 .oyanavi-list-1 li {
        padding: 0 0 0 40px;
    }
    .detail-10yearsold-2018 .oyanavi-list-1 li:before {
        top: -2px;
        width: 28px;
        height: 28px;
    }
    .detail-10yearsold-2018 .oyanavi-list-2 {
        margin: 28px 36px 0 36px;
        padding: 32px 24px;
        font-size: 16px;
        line-height: 30px;
    }
    .detail-10yearsold-2018 .oyanavi-list-2 li {
        color: #666;
    }
    .detail-10yearsold-2018 .oyanavi-report {
        padding: 32px 36px;
    }
    .detail-10yearsold-2018 .oyanavi-report p,
    .detail-10yearsold-2018 .oyanavi-report dl {
        font-size: 14px;
        line-height: 24px;
    }
}


/* .detail-10yearsold-2017
================================================SP*/
.detail-10yearsold-2017 .oyanavi-detail-lead a {
    color: #7285f7;
    font-weight: bold;
}
.detail-10yearsold-2017 .oyanavi-section {
    width: 93.75%;
    padding: 1.5625%;
    margin: 6.25% auto 0;
    box-sizing: border-box;
}
.detail-10yearsold-2017 .section-blue {
    background: url("../10yearold_whitepaper/img/2017/bg_blue.png") repeat left top;
}
.detail-10yearsold-2017 .section-pink {
    background: url("../10yearold_whitepaper/img/2017/bg_pink.png") repeat left top;
}
.detail-10yearsold-2017 .oyanavi-section .section-inner {
    padding: 4% 5% 9.65%;
    background-color: #fff;
}
#detail-10yearsold-2017-profile .pic {
    width: 49%;
    margin: 0 auto;
}
#detail-10yearsold-2017-profile .pic img {
    display: block;
    width: 100%;
    height: auto;
}
#detail-10yearsold-2017-profile .text {
    margin: 7.7% 0 0 0;
}
#detail-10yearsold-2017-profile .text h2 {
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
}
#detail-10yearsold-2017-profile .text p {
    margin-top: 1em;
    color: #666;
    font-size: 12px;
    line-height: 1.8;
}
#detail-10yearsold-2017-interview-1 .catch,
#detail-10yearsold-2017-interview-2 .catch,
#detail-10yearsold-2017-interview-3 .catch,
#detail-10yearsold-2017-interview-4 .catch,
#detail-10yearsold-2017-workshop .catch {
    display: block;
    margin: 5.4% 0 0 0;
}
#detail-10yearsold-2017-interview-1 h3,
#detail-10yearsold-2017-interview-2 h3,
#detail-10yearsold-2017-interview-3 h3,
#detail-10yearsold-2017-interview-4 h3 {
    margin: 7.7% 0 0 0;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
}
#detail-10yearsold-2017-interview-1 .pop,
#detail-10yearsold-2017-interview-2 .pop,
#detail-10yearsold-2017-interview-3 .pop,
#detail-10yearsold-2017-interview-4 .pop {
    position: relative;
    margin: 5.4% 0 0 0;
    padding: 6.73% 8.65%;
    background-color: #ececec;
    border-radius: 5px;
}
#detail-10yearsold-2017-interview-1 .pop:before,
#detail-10yearsold-2017-interview-2 .pop:before,
#detail-10yearsold-2017-interview-3 .pop:before,
#detail-10yearsold-2017-interview-4 .pop:before {
    position: absolute;
    right: 100%;
    top: 0;
    margin-top: 10%;
    width: 15px;
    height: 10px;
    background: url("../10yearold_whitepaper/img/2017/pop_s.png") no-repeat;
    background-size: 100% 100%;
    content: "";
}
#detail-10yearsold-2017-interview-1 .pop p,
#detail-10yearsold-2017-interview-2 .pop p,
#detail-10yearsold-2017-interview-3 .pop p,
#detail-10yearsold-2017-interview-4 .pop p {
    margin-top: 2em;
    font-size: 12px;
    line-height: 1.8;
}
#detail-10yearsold-2017-interview-1 .pop p:first-child,
#detail-10yearsold-2017-interview-2 .pop p:first-child,
#detail-10yearsold-2017-interview-3 .pop p:first-child,
#detail-10yearsold-2017-interview-4 .pop p:first-child {
    margin-top: 0;
}
#detail-10yearsold-2017-interview-1 .pop p .underline,
#detail-10yearsold-2017-interview-2 .pop p .underline,
#detail-10yearsold-2017-interview-3 .pop p .underline,
#detail-10yearsold-2017-interview-4 .pop p .underline {
    background: url("../10yearold_whitepaper/img/2017/underline_s.png") repeat-x left 11px;
    background-size: auto 5px;
}
#detail-10yearsold-2017-interview-1 .logo {
    width: 59%;
    margin: 0 auto 6.5%;
}
#detail-10yearsold-2017-interview-2 .pic {
    width: 75%;
    margin: 0 auto;
}
#detail-10yearsold-2017-interview-4 .pop p a {
    color: #6972ef;
    font-weight: bold;
}
#detail-10yearsold-2017-interview-4 .thanks {
    margin-top: 2em;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#detail-10yearsold-2017-workshop .workshop-pics {
    width: 78.5%;
    margin: 5% auto 0;
}
#detail-10yearsold-2017-workshop .workshop-pics img {
    display: block;
    margin-top: 5.4%;
}
#detail-10yearsold-2017-workshop .workshop-pics img:first-child {
    margin-top: 0;
}
#detail-10yearsold-2017-workshop .workshop-content {
    margin-top: 9.2%;
}
#detail-10yearsold-2017-workshop .workshop-content p {
    font-size: 12px;
    line-height: 1.8;
}
#detail-10yearsold-2017-workshop .workshop-link {
    margin-top: 10%;
}
#detail-10yearsold-2017-workshop .workshop-link p {
    font-size: 12px;
    line-height: 1.8;
}
#detail-10yearsold-2017-workshop .workshop-link p a {
    color: #ff00ff;
}
#detail-10yearsold-2017-fin p {
    font-size: 12px;
    line-height: 1.8;
}

@media only screen and (min-width: 769px) {
    .detail-10yearsold-2017 .oyanavi-detail-title {
        width: 899px;
        height: 153px;
        margin: 0 auto;
        background: url("../10yearold_whitepaper/img/2017/title.png") no-repeat;
    }
    .detail-10yearsold-2017 .oyanavi-section {
        width: 804px;
        padding: 10px;
        margin: 52px auto 0;
    }
    .detail-10yearsold-2017 .oyanavi-section .section-inner {
        padding: 30px 46px 50px;
        overflow: hidden;
    }
    #detail-10yearsold-2017-profile .section-inner {
        padding-bottom: 30px;
    }
    #detail-10yearsold-2017-profile .section-inner:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-10yearsold-2017-profile .pic {
        float: right;
        width: 170px;
    }
    #detail-10yearsold-2017-profile .text {
        float: left;
        width: 510px;
        margin: 0 0 0 -5px;
    }
    #detail-10yearsold-2017-profile .text h2 {
        font-size: 18px;
    }
    #detail-10yearsold-2017-profile .text p {
        margin-top: 0.25em;
        font-size: 14px;
    }
    #detail-10yearsold-2017-interview-1 h2,
    #detail-10yearsold-2017-interview-2 h2,
    #detail-10yearsold-2017-interview-3 h2,
    #detail-10yearsold-2017-interview-4 h2,
    #detail-10yearsold-2017-workshop h2 {
        width: 689px;
        height: 35px;
    }
    #detail-10yearsold-2017-interview-1 h2 {
        background: url("../10yearold_whitepaper/img/2017/title_interview_1.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-2 h2 {
        background: url("../10yearold_whitepaper/img/2017/title_interview_2.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-3 h2 {
        background: url("../10yearold_whitepaper/img/2017/title_interview_3.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-4 h2 {
        background: url("../10yearold_whitepaper/img/2017/title_interview_4.png") no-repeat;
    }
    #detail-10yearsold-2017-workshop h2 {
        background: url("../10yearold_whitepaper/img/2017/title_workshop.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-1 .catch,
    #detail-10yearsold-2017-interview-2 .catch,
    #detail-10yearsold-2017-interview-3 .catch,
    #detail-10yearsold-2017-interview-4 .catch,
    #detail-10yearsold-2017-workshop .catch {
        display: block;
        width: 692px;
        height: 63px;
        margin: 28px auto 0;
    }
    #detail-10yearsold-2017-interview-1 .catch {
        background: url("../10yearold_whitepaper/img/2017/catch_interview_1.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-2 .catch {
        background: url("../10yearold_whitepaper/img/2017/catch_interview_2.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-3 .catch {
        background: url("../10yearold_whitepaper/img/2017/catch_interview_3.png") no-repeat;
    }
    #detail-10yearsold-2017-interview-4 .catch {
        background: url("../10yearold_whitepaper/img/2017/catch_interview_4.png") no-repeat;
    }
    #detail-10yearsold-2017-workshop .catch {
        background: url("../10yearold_whitepaper/img/2017/catch_workshop.png") no-repeat center;
    }
    #detail-10yearsold-2017-interview-1 h3,
    #detail-10yearsold-2017-interview-2 h3,
    #detail-10yearsold-2017-interview-3 h3,
    #detail-10yearsold-2017-interview-4 h3 {
        margin: 36px 0 0 0;
        font-size: 16px;
    }
    #detail-10yearsold-2017-interview-1 .pop,
    #detail-10yearsold-2017-interview-2 .pop,
    #detail-10yearsold-2017-interview-3 .pop,
    #detail-10yearsold-2017-interview-4 .pop {
        margin: 26px 0 0 0;
        padding: 24px 30px;
        background-color: #f7f7f7;
    }
    #detail-10yearsold-2017-interview-1 .pop:before,
    #detail-10yearsold-2017-interview-2 .pop:before,
    #detail-10yearsold-2017-interview-3 .pop:before,
    #detail-10yearsold-2017-interview-4 .pop:before {
        margin-top: 54px;
        width: 29px;
        height: 20px;
        background-image: url("../10yearold_whitepaper/img/2017/pop.png");
    }
    #detail-10yearsold-2017-interview-1 .pop:after,
    #detail-10yearsold-2017-interview-2 .pop:after,
    #detail-10yearsold-2017-interview-3 .pop:after,
    #detail-10yearsold-2017-interview-4 .pop:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-10yearsold-2017-interview-1 .pop p,
    #detail-10yearsold-2017-interview-2 .pop p,
    #detail-10yearsold-2017-interview-3 .pop p,
    #detail-10yearsold-2017-interview-4 .pop p {
        margin-top: 32px;
        font-size: 16px;
    }
    #detail-10yearsold-2017-interview-1 .pop p .underline,
    #detail-10yearsold-2017-interview-2 .pop p .underline,
    #detail-10yearsold-2017-interview-3 .pop p .underline,
    #detail-10yearsold-2017-interview-4 .pop p .underline {
        background-position: left 15px;
    }
    #detail-10yearsold-2017-interview-1 .pop .logo {
        float: right;
        width: 127px;
        margin: 0 0 32px 24px;
    }
    #detail-10yearsold-2017-interview-1 .pop .logo-side {
        margin: 0;
    }
    #detail-10yearsold-2017-interview-2 .pop .pic {
        float: right;
        width: 170px;
        margin: 0 0 0 20px;
    }
    #detail-10yearsold-2017-interview-2 .pop .pic-side {
        margin: 0;
    }
    #detail-10yearsold-2017-interview-4 .pop p a {
        color: #6972ef;
        font-weight: bold;
    }
    #detail-10yearsold-2017-interview-4 .thanks {
        margin-top: 26px;
        font-size: 16px;
    }
    #detail-10yearsold-2017-workshop .workshop-pics {
        width: 585px;
        margin: 38px auto 0;
    }
    #detail-10yearsold-2017-workshop .workshop-pics img {
        float: left;
        display: block;
        width: 272px;
        margin: 0 0 0 40px;
    }
    #detail-10yearsold-2017-workshop .workshop-pics img:first-child {
        margin-left: 0;
    }
    #detail-10yearsold-2017-workshop .workshop-pics:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-10yearsold-2017-workshop .workshop-content {
        margin-top: 40px;
    }
    #detail-10yearsold-2017-workshop .workshop-content p {
        font-size: 16px;
    }
    #detail-10yearsold-2017-workshop .workshop-link {
        margin-top: 40px;
    }
    #detail-10yearsold-2017-workshop .workshop-link p {
        font-size: 16px;
    }
    #detail-10yearsold-2017-fin p {
        font-size: 16px;
    }
}


/* .detail-10yearsold-2016
================================================SP*/
.detail-10yearsold-2016 #detail-10yearsold-report {
    padding: 4px;
    margin: 25px 10px 0 10px;
    border: 4px solid #e99eaa;
    background-color: #fff;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-inner {
    padding: 16px 14px;
    border: 1px solid #fbced5;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-title {
    margin: 0 -14px;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-lead {
    margin-top: 35px;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-lead p {
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-lead p:first-child {
    margin-top: 0;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-lead .image {
    text-align: center;
}

.detail-10yearsold-2016 #detail-10yearsold-report .report-subs {
    margin-top: 24px;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub {
    margin-top: 24px;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub:first-child {
    margin-top: 0;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p {
    margin-top: 24px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p.image {
    text-align: center;
    line-height: 1.2;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p.image img {
    margin-bottom: 8px;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p.image small {
    font-size: 78%;
}
.detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p em {
    font-weight: bold;
    font-style: normal;
}

.detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list {
    margin: 28px 0 0 0;
}
.detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list-title {
    margin: 0 0 16px 0;
    color: #ea9faa;
    font-size: 12px;
    font-weight: bold;
}
.detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list ul {
    list-style-position: inside;
    font-size: 12px;
    line-height: 1.4;
}
.detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list ul li {
    margin-top: 0.5em;
}

.detail-10yearsold-2016 #detail-10yearsold-report .report-boxed {
    padding: 16px;
    margin: 20px 0 0 0;
    border-radius: 8px;
    background-color: #ffe7eb;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-boxed p {
    font-size: 12px;
    line-height: 1.4;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-boxed em {
    font-weight: bold;
    font-style: normal;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-fin {
    padding: 28px 0 0 0;
    margin: 24px 0 0 0;
    background: url("../10yearold_whitepaper/img/dotted.png") repeat-x center 0;
}
.detail-10yearsold-2016 #detail-10yearsold-report .report-fin p {
    font-size: 12px;
    line-height: 1.4;
}

.detail-10yearsold-2016 #detail-10yearsold-workshop {
    padding: 4px;
    margin: 25px 10px 0 10px;
    border: 4px solid #e99eaa;
    background-color: #fff;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-inner {
    padding: 16px 14px;
    border: 1px solid #fbced5;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-title {
    margin: 0 -14px;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-lead {
    margin-top: 14px;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-lead p {
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.6;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-lead p:first-child {
    margin-top: 0;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed {
    padding: 14px;
    margin: 20px 0 0 0;
    border-radius: 8px;
    background-color: #ffe7eb;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed .workshop-boxed-sub {
    margin-top: 20px;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed .workshop-boxed-sub:first-child {
    margin-top: 0;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed h3 {
    margin-bottom: 4px;
    font-size: 12px;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed p {
    font-size: 12px;
    line-height: 1.4;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-link {
    margin-top: 24px;
    font-size: 12px;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-link dd {
    margin-top: 2px;
    font-weight: bold;
}
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-link a {
    color: #fc01ed;
}
/*
.detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed em {
    font-weight: bold;
    font-style: normal;
}
*/


.detail-10yearsold #detail-10yearsold-fin {
    margin: 45px 10px 0 10px;
}
.detail-10yearsold #detail-10yearsold-fin .fin-text {
    margin: 24px 16px 0 16px;
}
.detail-10yearsold #detail-10yearsold-fin .fin-text p {
    margin-bottom: 1em;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
.detail-10yearsold #detail-10yearsold-fin .fin-text p.fin-link {
    margin-bottom: 0;
    text-align: left;
}

@media only screen and (min-width: 769px) {
    .detail-10yearsold-2016 .oyanavi-detail-title {
        width: 899px;
        height: 153px;
        margin: 0 auto;
        background: url("../10yearold_whitepaper/img/2016/title.png") no-repeat;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report {
        max-width: 800px;
        margin: 80px auto 0 auto;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-inner {
        padding: 32px 46px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-title {
        text-align: center;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-lead p {
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-subs {
        margin-top: 72px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub {
        margin-top: 72px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub:first-child {
        margin-top: 0;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub h3 {
        text-align: center;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .oyanavi-report-sub p {
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text:after {
        clear: both;
        display: block;
        content: "";
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text-left {
        float: left;
        width: 444px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text-left.minus {
        margin-top: -180px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text-right {
        float: right;
        width: 216px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list-title {
        font-size: 16px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .sub-text-list ul {
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-boxed p {
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-fin {
        background-repeat: no-repeat;
    }
    .detail-10yearsold-2016 #detail-10yearsold-report .report-fin p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .detail-10yearsold-2016 #detail-10yearsold-workshop {
        max-width: 800px;
        margin: 40px auto 0 auto;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-inner {
        padding: 32px 46px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-title {
        text-align: center;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-lead {
        margin-top: 32px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-lead p {
        font-size: 16px;
        line-height: 1.6;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed {
        padding: 32px;
        margin: 30px 0 0 0;
        border-radius: 11px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed .workshop-boxed-sub {
        margin-top: 10px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed .workshop-boxed-sub:first-child {
        margin-top: 0;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed h3 {
        font-size: 16px;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-boxed p {
        font-size: 16px;
        line-height: 1.8;
    }
    .detail-10yearsold-2016 #detail-10yearsold-workshop .workshop-link {
        margin-top: 40px;
        font-size: 16px;
        line-height: 1.8;
    }
    
    .detail-10yearsold #detail-10yearsold-fin {
        width: 670px;
        margin: 90px auto 0 auto;
    }
    .detail-10yearsold #detail-10yearsold-fin h2 {
        text-align: center;
    }
    .detail-10yearsold #detail-10yearsold-fin .fin-text {
        margin: 28px 0 0 0;
    }
    .detail-10yearsold #detail-10yearsold-fin .fin-text p {
        font-size: 16px;
        line-height: 1.9;
    }
}

/* .detail-manabura
================================================SP*/
.detail-manabura p,
.detail-manabura ul {
    font-size: 12px;
    line-height: 1.6;
}
.detail-manabura ul li {
    list-style: none;
}

.detail-manabura .oyanavi-detail-lead img {
    display: block;
    width: 90%;
    margin: 6.6666% auto 0;
}

#detail-manabura-1 {
    width: 91.5625%;
    padding: 7.5% 4.6875%;
    box-sizing: border-box;
    margin: 3.75% auto 0;
    background: url("../manabura/img/manabura_1_bg_s.png") no-repeat;
    background-size: 100% auto;
}
.detail-manabura #detail-manabura-1 p {
    font-size: 3.75vw;
    line-height: 1.666;
}

#detail-manabura-2 {
    width: 93.75%;
    padding: 4px;
    border: 4px solid #8cd0e8;
    box-sizing: border-box;
    margin: 3.75% auto 0;
    background-color: #fff;
}
#detail-manabura-2 .detail-inner {
    padding: 7.5% 3.8% 15%;
    border: 1px solid #8cd0e8;
}
#detail-manabura-2 h2 {
    width: 64%;
    margin: 0 auto;
}

#detail-manabura-2-1 {
    width: 96%;
    margin: 9% auto 0;
}
#detail-manabura-2-1 .text p {
    margin-top: 2em;
}
#detail-manabura-2-1 .text p:first-child {
    margin-top: 0;
}
#detail-manabura-2-1 .text p em {
    font-weight: bold;
}
#detail-manabura-2-1 .pic {
    margin-top: 6.75%;
}
#detail-manabura-2-1 .pic p {
    margin-top: 6.75%;
}
#detail-manabura-2-1 .pic p:first-child {
    margin-top: 0;
}
#detail-manabura-2-1 .pic small {
    display: block;
    margin-top: 1em;
    text-align: right;
    font-size: 10px;
    line-height: 1;
}

#detail-manabura-2-2 {
    padding: 7.5% 5% 0;
    margin: 7.7777% 0 0;
    border-radius: 5px;
    background-color: #e4f2f7;
}
#detail-manabura-2-2 h3 {
    text-align: center;
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3333333333333333;
}
#detail-manabura-2-2 .text {
    margin-top: 6.4%;
}
#detail-manabura-2-2 .text ul {
    margin-top: 0.5em;
}
#detail-manabura-2-2 .text ul li {
    color: #3a8bb0;
    font-weight: bold;
}
#detail-manabura-2-2 .pic {
    width: 92%;
    margin: 0 auto;
}

#detail-manabura-2-3 {
    width: 96%;
    margin: 6% auto 0;
}
#detail-manabura-2-3 .text-2,
#detail-manabura-2-3 .text-3 {
    margin-top: 6.4%;
}
#detail-manabura-2-3 .text-2 p {
    margin-top: 6.4%;
}
#detail-manabura-2-3 .text-2 p:first-child {
    margin-top: 0;
}
#detail-manabura-2-3 .pic {
    margin-top: 3.2%;
}
#detail-manabura-2-3 .pic img {
    margin-top: 6.4%;
}
#detail-manabura-2-3 .pic img.first {
    margin-top: 0;
}

#detail-manabura-2-4 {
    padding: 7.4%;
    margin: 6% 0 0 0;
    background: #e4f2f7 url("../manabura/img/box_bg_s.png") no-repeat right top;
    background-size: 95px auto;
    border-radius: 5px;
}
#detail-manabura-2-4 h3 {
    text-align: center;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}
#detail-manabura-2-4 ul {
    margin-top: 1.6em;
}
#detail-manabura-2-4 ul li {
    padding-left: 1em;
    margin-top: 0.6em;
    text-indent: -1em;
}
#detail-manabura-2-4 ul li:before {
    content: "・";
}
#detail-manabura-2-4 ul li:first-child {
    margin-top: 0;
}

#detail-manabura-2-5,
#detail-manabura-2-6 {
    width: 91.85%;
    margin: 8% auto 0;
}
#detail-manabura-2-5 h3,
#detail-manabura-2-6 h3 {
    font-size: 12px;
    font-weight: normal;
}
#detail-manabura-2-5 h3 em,
#detail-manabura-2-6 h3 em {
    font-weight: bold;
}
#detail-manabura-2-5 p,
#detail-manabura-2-6 p {
    margin-top: 1.5em;
}
#detail-manabura-2-5 .pic,
#detail-manabura-2-6 .pic-1,
#detail-manabura-2-6 .pic-2 {
    margin-top: 20px;
}
#detail-manabura-2-6 .pic-3 {
    margin-top: 12px;
}
#detail-manabura-2-5 .pic img,
#detail-manabura-2-6 .pic-3 img {
    margin-top: 12px;
}
#detail-manabura-2-5 .pic img:first-child,
#detail-manabura-2-6 .pic-3 img:first-child {
    margin-top: 0;
}
#detail-manabura-2-7,
#detail-manabura-2-8 {
    margin-top: 10%;
}
#detail-manabura-2-7 .box {
    margin-top: 5%;
    padding: 7.5% 8.88888%;
    background: #e4f2f7 url("../manabura/img/box_bg_s.png") no-repeat right top;
    background-size: 95px auto;
    border-radius: 5px;
}
#detail-manabura-2-7 .box h4 {
    text-align: center;
    font-size: 15px;
}
#detail-manabura-2-7 .box ul {
    margin-top: 1.5em;
}
#detail-manabura-2-7 .box ul li {
    margin-top: 1em;
    padding-left: 1em;
    text-indent: -1em;
}
#detail-manabura-2-7 .box ul li em {
    font-weight: bold;
}
#detail-manabura-2-7 .box ul li:first-child {
    margin-top: 0;
}
#detail-manabura-2-7 .box ul li:before {
    content: "・";
}
#detail-manabura-2-7 .text {
    width: 91.85%;
    margin: 8% auto 0;
}

#detail-manabura-2-8 .list {
    margin-top: 7%;
}
#detail-manabura-2-8 .notes {
    text-align: right;
}
#detail-manabura-2-8 .notes small {
    font-size: 10px;
}
#detail-manabura-2-8 .text {
    margin-top: 8.5%;
}
#detail-manabura-2-8 .text p {
    margin-top: 1em;
}
#detail-manabura-2-8 .text p:first-child {
    margin-top: 0;
}
#detail-manabura-2 .bnr {
    margin-top: 15%;
}

@media only screen and (min-width: 769px) {
    .detail-manabura p {
        font-size: 16px;
        line-height: 1.875;
    }
    .detail-manabura ul {
        font-size: 14px;
        line-height: 1.5;
    }
    .detail-manabura h1 {
        width: 899px;
        height: 194px;
        margin: 0 auto;
        background: url("../manabura/img/title.png") no-repeat;
    }

    .detail-manabura .oyanavi-detail-lead {
        width: 804px;
        margin: 25px auto 0;
        overflow: hidden;
    }
    .detail-manabura .oyanavi-detail-lead:after {
        clear: both;
        display: block;
        content: "";
    }
    .detail-manabura .oyanavi-detail-lead p {
        float: left;
        width: 400px;
        text-align: left;
    }
    .detail-manabura .oyanavi-detail-lead img {
        float: right;
        width: 370px;
        margin: 0;
    }

    #detail-manabura-1 {
        width: 799px;
        height: 207px;
        padding: 28px 0 0 0;
        margin: 38px auto 0;
        background-image: url("../manabura/img/manabura_1_bg.png");
    }
    .detail-manabura #detail-manabura-1 p {
        text-align: center;
        font-size: 16px;
        line-height: 1.875;
    }

    #detail-manabura-2 {
        width: 804px;
        margin: 36px auto 0;
    }
    #detail-manabura-2 .detail-inner {
        padding: 48px 36px 110px;
    }
    #detail-manabura-2 h2 {
        width: 310px;
    }

    #detail-manabura-2-1 {
        width: 700px;
        margin: 42px auto 0;
        overflow: hidden;
    }
    #detail-manabura-2-1:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-manabura-2-1 .text {
        float: left;
        width: 376px;
    }
    #detail-manabura-2-1 .text p {
        margin-top: 26px;
    }
    #detail-manabura-2-1 .pic {
        float: right;
        width: 294px;
        margin-top: 0;
    }
    #detail-manabura-2-1 .pic p {
        margin-top: 16px;
    }
    #detail-manabura-2-1 .pic small {
        margin-top: 1.5em;
    }

    #detail-manabura-2-2 {
        position: relative;
        padding: 32px 42px;
        margin: 30px 0 0 0;
        border-radius: 8px;
    }
    #detail-manabura-2-2 h3 {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
    }
    #detail-manabura-2-2 .text {
        margin-top: 20px;
    }
    #detail-manabura-2-2 .text p {
        font-size: 14px;
    }
    #detail-manabura-2-2 .text ul {
        margin-top: 20px;
    }
    #detail-manabura-2-2 .text ul li {
    }
    #detail-manabura-2-2 .pic {
        position: absolute;
        right: -10px;
        bottom: 0;
        width: 375px;
        margin: 0;
    }

    #detail-manabura-2-3 {
        width: 700px;
        margin: 44px auto 0;
    }
    #detail-manabura-2-3 .text-2 {
        float: right;
        width: 324px;
        margin-top: 36px;
    }
    #detail-manabura-2-3 .text-2 p {
        margin-top: 30px;
    }
    #detail-manabura-2-3 .pic {
        float: left;
        width: 294px;
        margin-top: 36px;
    }
    #detail-manabura-2-3 .pic img.first {
        width: 336px;
        max-width: 336px;
        margin: 0 -40px 0 -4px;
    }
    #detail-manabura-2-3 .text-3 {
        clear: both;
        padding-top: 40px;
        margin-top: 0;
    }
    #detail-manabura-2-3 .pic img {
        margin-top: 20px;
    }
    #detail-manabura-2-3 .pic img:first-child {
        margin-top: 0;
    }

    #detail-manabura-2-4 {
        padding: 24px 32px;
        margin: 28px 0 0 0;
        background-image: url("../manabura/img/box_bg.png");
        background-size: 232px auto;
        border-radius: 8px;
    }
    #detail-manabura-2-4 h3 {
        text-align: left;
        font-size: 18px;
    }
    #detail-manabura-2-4 ul {
        margin-top: 10px;
    }

    #detail-manabura-2-5,
    #detail-manabura-2-6 {
        width: 700px;
    }
    #detail-manabura-2-5 h3,
    #detail-manabura-2-6 h3 {
        font-size: 16px;
        line-height: 1.875;
    }
    #detail-manabura-2-5 {
        margin: 45px auto 0;
    }
    #detail-manabura-2-5:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-manabura-2-5 .text {
        float: left;
        width: 376px;
    }
    #detail-manabura-2-5 .pic {
        float: right;
        width: 294px;
        margin-top: 0;
    }
    #detail-manabura-2-6 {
        margin: 35px auto 0;
    }
    #detail-manabura-2-6:after {
        clear: both;
        display: block;
        content: "";
    }
    #detail-manabura-2-6 .text-1 p small {
        font-size: 10px;
    }
    #detail-manabura-2-6 .pic-1 {
        float: left;
        width: 294px;
        margin-top: 48px;
    }
    #detail-manabura-2-6 .text-2 {
        float: right;
        width: 365px;
        margin-top: 48px;
    }
    #detail-manabura-2-6 .text-2 p {
        margin-top: 32px;
    }
    #detail-manabura-2-6 .text-2 p:first-child {
        margin-top: 0;
    }
    #detail-manabura-2-6 .text-3 {
        clear: both;
        padding-top: 32px;
        margin-top: 0;
    }
    #detail-manabura-2-6 .text-3 p {
        margin-top: 36px;
    }
    #detail-manabura-2-6 .text-3 p:first-child {
        margin-top: 0;
    }
    
    #detail-manabura-2-6 .pic-2 {
        float: left;
        width: 432px;
        margin-top: 36px;
    }
    #detail-manabura-2-6 .pic-3 {
        float: right;
        width: 254px;
        margin-top: 36px;
    }
    #detail-manabura-2-6 .pic-3 img {
        margin-top: 14px;
    }
    
    #detail-manabura-2-7,
    #detail-manabura-2-8 {
        margin-top: 72px;
    }
    #detail-manabura-2-7 h3 {
        width: 586px;
        height: 21px;
        margin: 0 auto;
        background: url("../manabura/img/manabura_2_7_title.png") no-repeat;
    }
    #detail-manabura-2-7 .box {
        margin-top: 24px;
        padding: 32px 40px;
        background-image: url("../manabura/img/box_bg.png");
        background-size: 232px auto;
        border-radius: 8px;
    }
    #detail-manabura-2-7 .text {
        width: 700px;
        margin: 32px auto 0;
    }

    #detail-manabura-2-8 h3 {
        width: 654px;
        height: 21px;
        margin: 0 auto;
        background: url("../manabura/img/manabura_2_8_title.png") no-repeat;
    }
    #detail-manabura-2-8 .list {
        width: 748px;
        height: 284px;
        background-image: url("../manabura/img/manabura_2_8_list.png");
        margin: 30px 0 0 -16px;
    }
    #detail-manabura-2-8 .notes {
        margin-top: 22px;
    }
    #detail-manabura-2-8 .text {
        margin-top: 36px;
    }
    #detail-manabura-2-8 .text p {
        margin-top: 36px;
    }
    #detail-manabura-2-8 .text p:first-child {
        margin-top: 0;
    }
    #detail-manabura-2 .bnr {
        margin-top: 64px;
        text-align: center;
    }
}

/* .detail-vol02
================================================SP*/
#oyanavi-concept .content {
    background-color: #FFE5E5;
}

#oyanavi-concept .concept-title {
    width: 100%;
    height: 0;
    padding-top: 70.88%; /* 642 / 455 */
    background: url("../img/vol02/title.png") no-repeat -1% 0;
    background-size: 100% auto;
}
#oyanavi-concept .lead {
    margin-top: 11.25%; /* 72 / 640 */
}
#oyanavi-concept .lead-title {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 6.875vw;
    font-weight: normal;
    line-height: 1.5;
}
#oyanavi-concept .lead-content {
    padding-left: 5%; /* 32/ 640 */
    padding-right: 5%; /* 32/ 640 */
    margin-top: 11.25%; /* 72 / 640 */
}
#oyanavi-concept .lead-content p {
    margin-top: 12.5%; /* 72/(640-32*2)*100 */
    font-size: 4.75vw;
    line-height: 1.8;
}

#oyanavi-concept .movie-bg {
    width: 81.875%; /* 524 / 640 */
    padding: 3.125%; /* 20 / 640 */
    margin: 8.75% auto 0;
    box-sizing: border-box;
    background: url("../img/vol02/movie_bg.png") repeat left top;
}
#oyanavi-concept .movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
#oyanavi-concept .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

#oyanavi-concept .question {
    padding-top: 34.375%; /* 220/640*100 */
    margin-top: 15%; /* 98/640*100 */
    background: url("../img/vol02/question_bg.png") no-repeat top center;
    background-size: 22.96875% auto; /* 147/640*100 */
}
#oyanavi-concept .question-title {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 6.875vw;
    font-weight: normal;
    line-height: 1.5;
}
#oyanavi-concept .question-checks {
    width: 81.25%; /* 520/640*100 */
    margin: 9.375% auto 0; /* 60/640*100 */
    padding-top: 7.5%; /* 48/640*100 */
    padding-bottom: 11.25%; /* 72/640*100 */
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}
#oyanavi-concept .question-checks ul {
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
    line-height: 1.8;
}
#oyanavi-concept .question-checks ul li {
    list-style: none;
    margin-top: 15.769230769230768%; /* 82/520*100 */
}
#oyanavi-concept .question-checks ul li:before {
    display: block;
    width: 8.461538461538462%; /* 44/520*100 */
    height: 0;
    margin: 0 auto 2%;
    padding-top: 7.115384615384615%; /* 37/520*100 */
    background: url("../img/vol02/check_off.png") no-repeat center top;
    background-size: 100% auto;
    content: "";
}
#oyanavi-concept .question-checks ul li.check-on:before {
    background-image: url("../img/vol02/check_on.png");
}
#oyanavi-concept .question-checks ul li:first-child {
    margin-top: 0;
}
#oyanavi-concept .question-lead {
    margin: 15.625% 5% 0; /* 100 32 0 */
}
#oyanavi-concept .question-lead p {
    font-size: 4.6875vw; /* 30/640*100 */
    line-height: 2;
}

#oyanavi-concept .question-sub {
    width: 93.75%; /* 600/640*100 */
    padding-top: 15.625%; /* 100/640*100 */
    padding-bottom: 11.25%; /* 72/640*100 */
    padding-left: 4.6875%; /* 30/640*100 */
    padding-right: 4.6875%; /* 30/640*100 */
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
#oyanavi-concept .question-sub-head {
    position: relative;
}
#oyanavi-concept .question-sub-title {
    padding-top: 40%; /* 240/600*100 */
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 6.875vw;
    font-weight: normal;
}
#oyanavi-concept .question-sub-lead {
    margin-top: 10.666666666666668%; /* 64/600*100 */
}
#oyanavi-concept .question-sub-lead p {
    font-size: 4.6875vw; /* 30/640*100 */
    line-height: 2;
}
#oyanavi-concept .question-sub-head .illust {
    position: absolute;
}
#oyanavi-concept .question-sub-body {
    padding-top: 10.666666666666668%; /* 64/600*100 */
    padding-bottom: 9%; /* 54/600*100 */
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    margin-top: 8%; /* 48/600*100 */
}
#oyanavi-concept .question-graph-title {
    text-align: center;
    font-size: 5.625vw; /* 36/640*100 */
    font-weight: bold;
    line-height: 1.6;
}
#oyanavi-concept .question-graph-container {
    margin-top: 9%; /* 54/600*100 */
}
#oyanavi-concept .question-graph-container figure {
    margin-top: 10%; /* 60/600*100 */
    margin-left: auto;
    margin-right: auto;
}
#oyanavi-concept .question-graph-container figure:first-child {
    margin-top: 0;
}
#oyanavi-concept .question-graph-container .graph-notes {
    display: block;
    margin-top: 6.666666666666667%; /* 40/600*100 */
    font-size: 3.125vw; /* 20/640*100 */
    line-height: 1.8;
}
#oyanavi-concept .question-graph-container .graph-notes a {
    text-decoration: none;
    color: #E06990;
}
#oyanavi-concept .question-sub-foot {
    margin-top: 10%; /* 60/600*100 */
}
#oyanavi-concept .question-sub-text p {
    margin-top: 2em;
    font-size: 4.375vw; /* 28/640*100 */
    line-height: 2;
}
#oyanavi-concept .question-sub-text p:first-child {
    margin-top: 0;
}
#oyanavi-concept .question-sub-link {
    margin-top: 6.666666666666667%; /* 40/600*100 */
}

/* question-1 */
#oyanavi-concept #question-1 {
    margin-top: 17.5%; /* 112/640*100 */
}
#oyanavi-concept #question-1 .question-sub-title {
    background-image: url("../img/vol02/sub_title_bg_1.png");
    background-size: 34.25925925925926% auto; /* 185/540*100 */
}
#oyanavi-concept #question-1 .question-sub-head .illust {
    right: 8.518518518518519%; /* 46/540*100 */
    top: 0;
    margin-top: -8.518518518518519%; /* -46/540*100 */
    display: block;
    width: 13.703703703703704%; /* 74/540*100 */
    height: auto;
}
#oyanavi-concept #question-1 .question-graph-container .graph-1 {
    width: 94.07407407407408%; /* 508/540*100 */
}
#oyanavi-concept #question-1 .question-graph-container .graph-2 {
    width: 100%;
}

/* question-2 */
#oyanavi-concept #question-2 {
    margin-top: 11.875%; /* 76/640*100 */
}
#oyanavi-concept #question-2 .question-sub-title {
    background-image: url("../img/vol02/sub_title_bg_2.png");
    background-size: 44.25925925925926% auto; /* 239/540*100 */
}
#oyanavi-concept #question-2 .question-sub-head .illust {
    left: 2.2222222222222223%; /* 12/540*100 */
    top: 0;
    margin-top: -15.555555555555555%; /* -84/540*100 */
    display: block;
    width: 17.77777777777778%; /* 96/540*100 */
    height: auto;
}
#oyanavi-concept #question-2 .question-graph-container .graph-1 {
    width: 93.51851851851852%; /* 505/540*100 */
}
#oyanavi-concept #question-2 .question-graph-container .graph-2 {
    width: 100%;
}

/* question-3 */
#oyanavi-concept #question-3 {
    margin-top: 17.5%; /* 112/640*100 */
}
#oyanavi-concept #question-3 .question-sub-title {
    background-image: url("../img/vol02/sub_title_bg_3.png");
    background-size: 43.888888888888886% auto; /* 237/540*100 */
}
#oyanavi-concept #question-3 .question-sub-head .illust {
    right: 5.555555555555555%; /* 30/540*100 */
    top: 0;
    margin-top: -10%; /* -54/540*100 */
    display: block;
    width: 18.88888888888889%; /* 102/540*100 */
    height: auto;
}
#oyanavi-concept #question-3 .question-graph-container .graph-1,
#oyanavi-concept #question-3 .question-graph-container .graph-2 {
    width: 100%;
}
#oyanavi-concept #question-3 .question-graph-legend {
    margin-top: 6.666666666666667%; /* 40/600*100 */
}
#oyanavi-concept #question-3 .question-graph-legend table {
    font-size: 3.75vw; /* 24/640*100 */
    line-height: 1.5;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color {
    display: inline-block;
    width: 3em;
    height: 1em;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color span {
    display: none;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-1 {
    background-color: #F7D3E5;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-2 {
    background-color: #FBDFB8;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-3 {
    background-color: #FFF59B;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-4 {
    background-color: #91C598;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-5 {
    background-color: #AFDBF1;
}
#oyanavi-concept #question-3 .question-graph-legend .graph-color-6 {
    background-color: #B8ADD3;
}
#oyanavi-concept #question-3 .question-graph-legend table th,
#oyanavi-concept #question-3 .question-graph-legend table td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: top;
}
#oyanavi-concept #question-3 .question-graph-legend table td {
    padding-left: 1em;
}
#oyanavi-concept #question-3 .question-graph-legend .notes {
    display: block;
    margin-top: 6%; /* 36/600*100 */
    font-size: 3.125vw; /* 20/640*100 */
    line-height: 1.8;
}
#oyanavi-concept #question-3 .question-graph-legend .notes a {
    color: #E06990;
}

/* question-special */
#oyanavi-concept #question-special {
    padding-top: 25.333333333333336%; /* 152/600*100 */
    background-color: #FDCECF;
}
#oyanavi-concept #question-special .question-sub-title {
    background-image: url("../img/vol02/sub_title_bg_special.png");
    background-size: 79.25925925925927% auto; /* 428/540*100 */
    background-position: right top;
}
#oyanavi-concept #question-special .question-sub-head .illust {
    left: 0;
    top: 0;
    margin-top: -20.74074074074074%; /* -112/540*100 */
    width: 18.88888888888889%; /* 102/540*100 */
}
#oyanavi-concept #question-special .question-special-list {
    margin-top: 11.851851851851853%; /* 64/540*100 */
}
#oyanavi-concept #question-special .question-special-list ul {
    text-align: center;
    font-size: 6.875000000000001vw; /* 44/640*100 */
    font-weight: bold;
    line-height: 2;
}
#oyanavi-concept #question-special .question-special-list ul li {
    list-style: none;
    color: #E06990;
}
#oyanavi-concept #question-special .question-special-list ul li:before {
    content: "・";
}

/* step */
#oyanavi-concept .bra-step {
    margin-top: 15.625%; /* 100/640*100 */
}
#oyanavi-concept .bra-step-title {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 6.875vw;
    font-weight: normal;
    line-height: 1.6;
}
#oyanavi-concept .bra-step-image {
    width: 88.75%; /* 568/640*100 */
    margin: 6.25% auto 0; /* 40/640*100 */
}
#oyanavi-concept .bra-step-text {
    width: 90.625%; /* 580/640*100 */
    margin: 6.25% auto 0; /* 40/640*100 */
}
#oyanavi-concept .bra-step-text p {
    font-size: 4.375vw; /* 28/640*100 */
    line-height: 2;
}
#oyanavi-concept .bra-step-link {
    width: 87.5%; /* 560/640*100 */
    margin: 6.25% auto 0; /* 40/640*100 */
}
#oyanavi-concept .bra-step-link p {
    margin-top: 2%;
}

/* last */
#oyanavi-concept .last {
    margin-top: 16.875%; /* 108/640*100 */
}
#oyanavi-concept .last-head {
    text-align: center;
}
#oyanavi-concept .last-title {
    position: relative;
    display: block;
    margin-bottom: 11.25%; /* 72/640*100 */
    font-size: 4.375vw; /* 28/640*100 */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 2;
}
#oyanavi-concept .last-title:before,
#oyanavi-concept .last-title:after {
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
}
#oyanavi-concept .last-title:before {
    left: 2%;
    background-image: url("../img/vol02/last_brace_l.png");
    background-position: left top;
}
#oyanavi-concept .last-title:after {
    right: 2%;
    background-image: url("../img/vol02/last_brace_r.png");
    background-position: right top;
}
#oyanavi-concept .last-head .illust-l {
    width: 20.78125%; /* 133/640*100 */
}
#oyanavi-concept .last-head .illust-r {
    width: 22.96875%; /* 147/640*100 */
    margin-left: 3.125%; /* 20/640*100 */
}
#oyanavi-concept .last-links {
    width: 91.71875%; /* 587/640*100 */
    margin: 14.6875% auto 0; /* 94/640*100 */
}
#oyanavi-concept .last-links-title {
    width: 72.7427597955707%; /* 427/587*100 */
    margin: 0 auto;
}
#oyanavi-concept .last-links p {
    margin-top: 4.770017035775128%; /* 28/587*100 */
}

@media only screen and (min-width: 769px) {
    #oyanavi-concept .content {
        padding-bottom: 120px;
        /*
        background-image: none;
        */
    }
    /*
    #oyanavi-concept .main {
        margin-left: 0;
    }
    */
    #oyanavi-concept #oyanavi-main {
        padding: 34px 0 0 0;
    }
    #oyanavi-concept .detail-vol02 {
        width: 960px;
        margin: 0 auto;
    }
    #oyanavi-concept .concept-title {
        width: 642px;
        padding-top: 452px;
        margin: 0 auto;
        background-position: 0 0;
    }
    #oyanavi-concept .lead {
        margin-top: 48px;
    }
    #oyanavi-concept .lead-title {
        font-size: 31px;
        line-height: 1;
    }
    #oyanavi-concept .lead-content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 48px;
    }
    #oyanavi-concept .lead-content p {
        margin-top: 40px;
        text-align: center;
        font-size: 16px;
        line-height: 2;
    }

    #oyanavi-concept .movie-bg {
        width: 644px;
        margin: 48px auto 0;
        padding: 15px;
    }
    
    #oyanavi-concept .question {
        padding-top: 148px;
        margin-top: 80px;
        background-size: 101px auto;
    }
    #oyanavi-concept .question-title {
        font-size: 32px;
        line-height: 1.5;
    }
    #oyanavi-concept .question-checks {
        width: 620px;
        margin: 40px auto 0;
        box-sizing: border-box;
        padding: 32px 20px;
    }
    #oyanavi-concept .question-checks ul {
        text-align: left;
        font-size: 18px;
        line-height: 2;
    }
    #oyanavi-concept .question-checks ul li {
        margin-top: 6px;
    }
    #oyanavi-concept .question-checks ul li:before {
        display: inline-block;
        width: 22px;
        padding-top: 18.5px;
        margin: 0 0.5em 0 0;
        vertical-align: -3px;
    }
    #oyanavi-concept .question-lead {
        margin: 36px 0 0 0;
    }
    #oyanavi-concept .question-lead p {
        text-align: center;
        font-size: 14px;
    }

    #oyanavi-concept .question-sub {
        width: 790px;
        padding-top: 54px;
        padding-bottom: 54px;
        padding-left: 35px;
        padding-right: 35px;
    }
    #oyanavi-concept .question-sub-title {
        padding-top: 36px;
        padding-bottom: 36px;
        font-size: 32px;
    }
    #oyanavi-concept .question-sub-lead {
        margin-top: 28px;
    }
    #oyanavi-concept .question-sub-lead p {
        text-align: center;
        font-size: 14px;
    }
    #oyanavi-concept .question-sub-body {
        padding-top: 40px;
        padding-bottom: 32px;
        margin-top: 26px;
    }
    #oyanavi-concept .question-graph-title {
        font-size: 18px;
    }
    #oyanavi-concept .question-graph-container {
        margin-top: 48px;
    }
    #oyanavi-concept .question-graph-container:after {
        clear: both;
        display: block;
        content: "";
    }
    #oyanavi-concept .question-graph-container figure {
        margin: 0;
    }
    #oyanavi-concept .question-graph-container .graph-notes {
        margin-top: 12px;
        font-size: 10px;
    }
    #oyanavi-concept .question-sub-foot {
        margin-top: 32px;
    }
    #oyanavi-concept .question-sub-text p {
        text-align: center;
        font-size: 14px;
    }
    #oyanavi-concept .question-sub-link {
        width: 415px;
        margin: 40px auto 0;
    }
    #oyanavi-concept .question-sub-link a:hover {
        opacity: 0.7;
    }

    /* question-1 */
    #oyanavi-concept #question-1 {
        margin-top: 72px;
    }
    #oyanavi-concept #question-1 .question-sub-title {
        background-position: 488px top;
        background-size: 185px auto;
    }
    #oyanavi-concept #question-1 .question-sub-head .illust {
        right: -53px;
        top: -46px;
        margin-top: 0;
        width: 105px;
    }
    #oyanavi-concept #question-1 .question-graph-container .graph-1 {
        float: left;
        width: 276px;
        margin-left: 14px;
    }
    #oyanavi-concept #question-1 .question-graph-container .graph-2 {
        float: right;
        width: 355px;
        margin-right: 32px;
    }
    #oyanavi-concept #question-1 .question-sub-link a {
        display: block;
        width: 100%;
        height: 74px;
        background: url("../img/vol02/sub_btn_1_pc.png") no-repeat;
    }

    /* question-2 */
    #oyanavi-concept #question-2 {
        margin-top: 60px;
    }
    #oyanavi-concept #question-2 .question-sub-title {
        background-position: 8px top;
        background-size: 239px auto;
    }
    #oyanavi-concept #question-2 .question-sub-head .illust {
        left: -85px;
        top: -54px;
        margin-top: 0;
        width: 137px;
    }
    #oyanavi-concept #question-2 .question-graph-container .graph-1 {
        float: left;
        width: 272px;
        margin-left: 8px;
    }
    #oyanavi-concept #question-2 .question-graph-container .graph-2 {
        float: right;
        width: 395px;
        margin-right: 12px;
    }
    #oyanavi-concept #question-2 .question-sub-link a {
        display: block;
        width: 100%;
        height: 74px;
        background: url("../img/vol02/sub_btn_2_pc.png") no-repeat;
    }

    /* question-3 */
    #oyanavi-concept #question-3 {
        margin-top: 50px;
    }
    #oyanavi-concept #question-3 .question-sub-title {
        background-position: 469px top;
        background-size: 237px auto;
    }
    #oyanavi-concept #question-3 .question-sub-head .illust {
        right: -91px;
        top: -56px;
        margin-top: 0;
        width: 145px;
    }
    #oyanavi-concept #question-3 .question-graph-container .graph-1 {
        float: left;
        width: 50%;
    }
    #oyanavi-concept #question-3 .question-graph-container .graph-2 {
        float: right;
        width: 50%;
    }
    #oyanavi-concept #question-3 .question-graph-legend {
        position: relative;
        margin-top: 36px;
    }
    #oyanavi-concept #question-3 .question-graph-legend table {
        margin-left: 126px;
        font-size: 14px;
        line-height: 1;
    }
    #oyanavi-concept #question-3 .question-graph-legend .graph-color {
        display: inline-block;
        width: 3em;
        height: 1em;
    }
    #oyanavi-concept #question-3 .question-graph-legend table th,
    #oyanavi-concept #question-3 .question-graph-legend table td {
        padding-top: 0.4em;
        padding-bottom: 0.4em;
    }
    #oyanavi-concept #question-3 .question-graph-legend table td {
        padding-left: 0.6em;
    }
    #oyanavi-concept #question-3 .question-graph-legend .notes {
        position: absolute;
        right: 60px;
        bottom: 0;
        margin-top: 0;
        font-size: 10px;
    }

    /* question-special */
    #oyanavi-concept #question-special {
        padding-top: 64px;
    }
    #oyanavi-concept #question-special .question-sub-title {
        background-size: 646px auto;
        background-position: center top;
    }
    #oyanavi-concept #question-special .question-sub-head .illust {
        left: -64px;
        top: -56px;
        margin-top: 0;
        width: 137px;
    }
    #oyanavi-concept #question-special .question-special-list {
        margin-top: 30px;
    }
    #oyanavi-concept #question-special .question-special-list ul {
        font-size: 22px;
    }
    #oyanavi-concept #question-special .question-sub-link a {
        display: block;
        width: 100%;
        height: 95px;
        background: url("../img/vol02/sub_btn_4_pc.png") no-repeat;
    }

    /* step */
    #oyanavi-concept .bra-step {
        margin-top: 64px;
    }
    #oyanavi-concept .bra-step-title {
        font-size: 28px;
    }
    #oyanavi-concept .bra-step-image {
        width: 622px;
        margin: 22px auto 0;
    }
    #oyanavi-concept .bra-step-text {
        width: 100%;
        margin: 26px 0 0;
    }
    #oyanavi-concept .bra-step-text p {
        text-align: center;
        font-size: 14px;
    }
    #oyanavi-concept .bra-step-link {
        width: 415px;
        margin: 40px auto 0;
    }
    #oyanavi-concept .bra-step-link p {
        margin-top: 0;
    }
    #oyanavi-concept .bra-step-link p a {
        display: block;
        width: 100%;
        height: 55px;
    }
    #oyanavi-concept .bra-step-link p:nth-child(1) a {
        background: url("../img/vol02/sub_btn_bra_1_pc.png") no-repeat;
    }
    #oyanavi-concept .bra-step-link p:nth-child(2) a {
        background: url("../img/vol02/sub_btn_bra_2_pc.png") no-repeat;
    }

    /* last */
    #oyanavi-concept .last {
        margin-top: 90px;
    }
    #oyanavi-concept .last-head {
        position: relative;
    }
    #oyanavi-concept .last-title {
        margin-bottom: 0;
        font-size: 28px;
    }
    #oyanavi-concept .last-title:before,
    #oyanavi-concept .last-title:after {
        position: absolute;
        top: -5%;
        width: 10%;
        height: 110%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        content: "";
    }
    #oyanavi-concept .last-title:before {
        left: 120px;
    }
    #oyanavi-concept .last-title:after {
        right: 120px;
    }
    #oyanavi-concept .last-head .illust-l {
        position: absolute;
        left: 28px;
        top: -64px;
        width: 133px;
    }
    #oyanavi-concept .last-head .illust-r {
        position: absolute;
        right: 35px;
        top: -64px;
        width: 147px;
        margin-left: 0;
    }
    #oyanavi-concept .last-links {
        width: 503px;
        margin: 150px auto 0;
    }
    #oyanavi-concept .last-links-title {
        width: 427px;
    }
    #oyanavi-concept .last-links p {
        margin-top: 24px;
    }
    #oyanavi-concept .last-links p a {
        display: block;
        width: 100%;
        height: 203px;
        background: url("../img/vol02/last_btn_pc.png") no-repeat;
    }
    #oyanavi-concept .last-links p a:hover {
        opacity: 0.7;
    }
}

/* .detail-father
================================================SP*/
.detail-father .father-lead {
    margin: 12px 10px 0;
}
.detail-father .father-lead p {
    margin: 1.6em 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-father .father-lead p:first-child {
    margin: 0;
}

.detail-father .father-profile {
    margin: 16px 10px 0;
    padding: 10px;
    background-color: #edf6fb;
}
.detail-father .father-profile-title {
    width: calc( 314px / 2 );
}
.detail-father .father-profile-text {
    margin: 8px 0 0 0;
}
.detail-father .father-profile-text p {
    font-size: 12px;
    line-height: 1.6;
}

.detail-father .father-navi {
    margin: 28px 10px 0;
}
.detail-father .father-navi ul {
    overflow: hidden;
}
.detail-father .father-navi ul:after {
    clear: both;
    display: table;
    content: "";
}
.detail-father .father-navi ul li {
    float: left;
    list-style: none;
    width: calc( 100% * 290 / 600 );
    margin: calc( 100% * (600 - 290 * 2) / 600 ) 0 0 calc( 100% * (600 - 290 * 2) / 600 );
}
.detail-father .father-navi ul li:nth-child(-n+2) {
    margin-top: 0;
}
.detail-father .father-navi ul li:nth-child(2n+1) {
    margin-left: 0;
}
.detail-father .father-navi ul li a {
    display: block;
}
.detail-father .father-navi ul li a:hover {
    opacity: 0.7;
}

.detail-father .father-section {
    margin: 10px 10px 0;
}
.detail-father .father-section-qa {
    margin: 16px 0 0 0;
}
.detail-father .father-section-sub {
    margin: 14px 0 0 0;
    padding: 25px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.detail-father .father-section-sub:first-child {
    margin: 0;
    padding: 0;
    background-image: none !important;
}
.detail-father .father-section-q {
    position: relative;
    margin: 14px 0 0 0;
    padding: 0 0 0 34px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.25;
}
.detail-father .father-section-q:first-child {
    margin: 0;
}
.detail-father .father-section-q:before {
    position: absolute;
    left: 0;
    top: -4px;
    width: 27px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    content: "";
}
.detail-father .father-section-a {
    margin: 16px 0 0 0;
}
.detail-father .father-section-a p {
    margin: 1.6em 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-father .father-section-a p:first-child {
    margin: 0;
}

.detail-father .father-section-pop {
    font-size: 12px;
    line-height: 1.375;
}
.detail-father .father-section-pop span {
    position: relative;
    display: inline-block;
}
.detail-father .father-section-pop span:before,
.detail-father .father-section-pop span:after {
    display: inline-block;
    width: 0.4166666666666667em;
    height: 1.375em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle;
    content: "";
}
.detail-father .father-section-pop span:before {
    margin: 0 0.75em 0 0;
}
.detail-father .father-section-pop span:after {
    margin: 0 0 0 0.75em;
}
.detail-father .father-section-a .father-section-pop + p {
    margin: 0.4em 0 0 0;
}

.detail-father .father-section-sub .illust {
    width: calc( 100% * 193 / 600 );
    margin: 14px auto 0;
}

/* father-1 */
.detail-father #father-1 {
    padding: 48px 0 0 0;
    background: url(../father/img/section_bg_1.png) no-repeat right top;
    background-size: calc( 100% * 214 / 600 ) auto;
}
.detail-father #father-1 .father-section-qa {
    margin: 32px 0 0 0;
}
.detail-father #father-1 .father-section-sub {
    background-image: url(../father/img/section_bottom_1_s.png);
}
.detail-father #father-1 .father-section-title {
    width: calc( 371px / 2 );
}
.detail-father #father-1 .father-section-q,
.detail-father #father-1 .father-section-pop {
    color: #ee93bc;
}
.detail-father #father-1 .father-section-q:before {
    background-image: url(../father/img/section_q_1.png);
}
.detail-father #father-1 .father-section-pop span:before {
    background-image: url(../father/img/section_pop_l_1.png);
}
.detail-father #father-1 .father-section-pop span:after {
    background-image: url(../father/img/section_pop_r_1.png);
}

/* father-2 */
.detail-father #father-2 {
    padding: 10px 0 0 0;
    background: url(../father/img/section_bg_2.png) no-repeat right top;
    background-size: calc( 100% * 134 / 600 ) auto;
}
.detail-father #father-2 .father-section-sub {
    margin: 34px 0 0 0;
    background-image: url(../father/img/section_bottom_2_s.png);
}
.detail-father #father-2 .father-section-title {
    width: calc( 341px / 2 );
    margin: 0 auto;
}
.detail-father #father-2 .father-section-q,
.detail-father #father-2 .father-section-pop {
    color: #b294ba;
}
.detail-father #father-2 .father-section-q:before {
    background-image: url(../father/img/section_q_2.png);
}
.detail-father #father-2 .father-section-pop span:before {
    background-image: url(../father/img/section_pop_l_2.png);
}
.detail-father #father-2 .father-section-pop span:after {
    background-image: url(../father/img/section_pop_r_2.png);
}

/* father-3 */
.detail-father #father-3 .father-section-sub {
    background-image: url(../father/img/section_bottom_3_s.png);
}
.detail-father #father-3 .father-section-title {
    width: calc( 476px / 2 );
    margin: 0 auto;
}
.detail-father #father-3 .father-section-q,
.detail-father #father-3 .father-section-pop {
    color: #9ecd6f;
}
.detail-father #father-3 .father-section-q:before {
    background-image: url(../father/img/section_q_3.png);
}
.detail-father #father-3 .father-section-pop span:before {
    background-image: url(../father/img/section_pop_l_3.png);
}
.detail-father #father-3 .father-section-pop span:after {
    background-image: url(../father/img/section_pop_r_3.png);
}

/* father-4 */
.detail-father #father-4 {
    padding: 20px 0 0 0;
    background: url(../father/img/section_bg_4.png) no-repeat right top;
    background-size: calc( 100% * 128 / 600 ) auto;
}
.detail-father #father-4 .father-section-sub {
    background-image: url(../father/img/section_bottom_4_s.png);
}
.detail-father #father-4 .father-section-title {
    width: calc( 174px / 2 );
    margin: 0 auto;
}
.detail-father #father-4 .father-section-q,
.detail-father #father-4 .father-section-pop {
    color: #fc7b72;
}
.detail-father #father-4 .father-section-q:before {
    background-image: url(../father/img/section_q_4.png);
}
.detail-father #father-4 .father-section-pop span:before {
    background-image: url(../father/img/section_pop_l_4.png);
}
.detail-father #father-4 .father-section-pop span:after {
    background-image: url(../father/img/section_pop_r_4.png);
}

/* father-5 */
.detail-father #father-5 .father-section-sub {
    background-image: url(../father/img/section_bottom_5_s.png);
}
.detail-father #father-5 .father-section-title {
    width: calc( 489px / 2 );
    margin: 0 auto;
}
.detail-father #father-5 .father-section-q,
.detail-father #father-5 .father-section-pop {
    color: #86c2c6;
}
.detail-father #father-5 .father-section-q:before {
    background-image: url(../father/img/section_q_5.png);
}
.detail-father #father-5 .father-section-pop span:before {
    background-image: url(../father/img/section_pop_l_5.png);
}
.detail-father #father-5 .father-section-pop span:after {
    background-image: url(../father/img/section_pop_r_5.png);
}


.detail-father .father-section-more {
    position: relative;
    margin: 20px 0 0 0;
    padding: 32px 10px 80px;
    background-color: rgba( 178,148,186,0.12 );
}
.detail-father .father-section-more:after {
    position: absolute;
    left: 50%;
    bottom: -17px;
    width: 241px;
    height: 93px;
    margin: 0 0 0 -120px;
    background: url(../father/img/section_more_illust.png) no-repeat;
    background-size: 100% 100%;
    content: "";
}
.detail-father .father-section-more-title {
    position: absolute;
    left: 0;
    top: -8px;
    width: 100%;
    text-align: center;
    color: #b294ba;
    font-size: 12px;
    line-height: 1.5;
}
.detail-father .father-section-more-title span {
    position: relative;
    display: inline-block;
}
.detail-father .father-section-more-title span:before,
.detail-father .father-section-more-title span:after {
    position: absolute;
    top: 21px;
    display: block;
    width: 5.5px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
}
.detail-father .father-section-more-title span:before {
    left: -12px;
    background-image: url(../father/img/section_more_title_l.png);
}
.detail-father .father-section-more-title span:after {
    right: -12px;
    background-image: url(../father/img/section_more_title_r.png);
}
.detail-father .father-section-more-text p {
    margin: 1.6em 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-father .father-section-more-text p:first-child {
    margin: 0;
}

.detail-father .father-10yearsold {
    margin: 44px 10px 0;
    padding: 5px;
    background: url(../father/img/10yearsold_bg.png) repeat left top;
    background-size: 7px 7px;
}
.detail-father .father-10yearsold-inner {
    padding: 14px 10px 24px;
    background-color: #fff;
}
.detail-father .father-10yearsold-title {
    margin: 0 auto;
}
.detail-father .father-10yearsold-text {
    margin: 14px 0 0 0;
}
.detail-father .father-10yearsold-text p {
    margin: 1.6em 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-father .father-10yearsold-text p:first-child {
    margin: 0;
}
.detail-father .father-10yearsold-links {
    width: 174px;
    margin: 14px auto 0;
    font-size: 0;
}
.detail-father .father-10yearsold-links p {
    margin: 14px 0 0 0;
}
.detail-father .father-10yearsold-links p:first-child {
    margin: 0;
}

/* father-10yearsold-1 */
.detail-father #father-10yearsold-1 .father-10yearsold-title {
    width: calc( 353px / 2 );
}


.detail-father .father-from-daughter {
    margin: 28px 10px 0;
}
.detail-father .father-from-daughter-title {
    width: calc( 331px / 2 );
    margin: 0 auto;
}
.detail-father .father-from-daughter-title img {
    display: block;
}
.detail-father .father-from-daughter-inner {
    position: relative;
    margin: 32px 0 0 0;
    padding: 42px 10px 10px 10px;
    background-color: #fff;
    border: 2px solid #f9c4d4;
    border-radius: 4px;
}
.detail-father .father-from-daughter-inner:after {
    position: absolute;
    right: 7px;
    bottom: -14px;
    display: block;
    width: calc( 67px / 2 );
    height: calc( 71px / 2 );
    background: url(../father/img/from_daughter_inner_bg.png) no-repeat;
    background-size: 100% 100%;
    content: "";
}
.detail-father .father-from-daughter-inner-title {
    position: absolute;
    left: 50%;
    top: -21px;
    width: 280px;
    margin: 0 0 0 -140px;
}
.detail-father .father-from-daughter-text p {
    font-size: 12px;
    line-height: 1.6;
}

.detail-father .father-postscript {
    margin: 52px 10px 0;
}
.detail-father .father-postscript-inner {
    position: relative;
    padding: 22px 10px;
    border-radius: 4px;
    background-color: #dfdddc;
}
.detail-father .father-postscript-inner:before,
.detail-father .father-postscript-inner:after {
    position: absolute;
    left: 12px;
    right: 12px;
    height: 5px;
    background: url(../father/img/postscript_dotted_s.png) no-repeat;
    background-size: 100% auto;
    content: "";
}
.detail-father .father-postscript-inner:before {
    top: 6px;
    background-position: center top;
}
.detail-father .father-postscript-inner:after {
    bottom: 6px;
    background-position: center bottom;
}
.detail-father .father-postscript-title {
    position: absolute;
    left: 0;
    top: -23px;
    width: calc( 197px / 2 );
}
.detail-father .father-postscript-text p {
    margin: 1.6em 0 0 0;
    font-size: 12px;
    line-height: 1.6;
}
.detail-father .father-postscript-text p:first-child {
    margin: 0;
}
.detail-father .father-postscript-bottom {
    margin: 10px 0 0 0;
    text-align: right;
    font-size: 10px;
}

.detail-father .father-post {
    margin: 30px 10px 0;
}
.detail-father .father-post a:hover {
    opacity: 0.75;
}

@media only screen and (min-width: 769px) {
    .detail-father {
        width: 804px;
        margin: 0 auto;
    }
    .detail-father .father-title {
        width: 100%;
        height: 151px;
        background: url(../father/img/title.png) no-repeat;
    }
    
    .detail-father .father-lead {
        margin: 48px 0 0 0;
    }
    .detail-father .father-lead p {
        font-size: 16px;
        line-height: 1.875;
    }
    
    .detail-father .father-profile {
        margin: 48px 0 0 0;
        padding: 32px;
    }
    .detail-father .father-profile-title {
        width: 210px;
        height: 33px;
        background: url(../father/img/profile_title.png) no-repeat;
    }
    .detail-father .father-profile-text {
        margin: 16px 4px 0;
    }
    .detail-father .father-profile-text p {
        font-size: 14px;
        line-height: 2.14;
    }
    
    .detail-father .father-navi {
        margin: 68px 0 0 0;
    }
    .detail-father .father-navi ul li {
        width: 150px;
        margin: 0 0 0 13.5px;
    }
    .detail-father .father-navi ul li:nth-child(2n+1) {
        margin-left: 13.5px;
    }
    .detail-father .father-navi ul li:first-child {
        margin-left: 0;
    }
    .detail-father .father-navi ul li a {
        height: 88px;
    }
    .detail-father .father-navi ul li:nth-child(1) a {
        background: url(../father/img/navi_1.png) no-repeat;
    }
    .detail-father .father-navi ul li:nth-child(2) a {
        background: url(../father/img/navi_2.png) no-repeat;
    }
    .detail-father .father-navi ul li:nth-child(3) a {
        background: url(../father/img/navi_3.png) no-repeat;
    }
    .detail-father .father-navi ul li:nth-child(4) a {
        background: url(../father/img/navi_4.png) no-repeat;
    }
    .detail-father .father-navi ul li:nth-child(5) a {
        background: url(../father/img/navi_5.png) no-repeat;
    }
    
    .detail-father .father-section {
        margin: 56px 0 0 0;
    }
    .detail-father .father-section-qa {
        margin: 56px 0 0 0;
    }
    .detail-father .father-section-sub {
        margin: 48px 0 0 0;
        padding: 64px 0 0 0;
    }
    .detail-father .father-section-q {
        margin: 28px 0 0 0;
        padding: 0 0 0 64px;
        font-size: 24px;
    }
    .detail-father .father-section-q:before {
        top: -6px;
        width: 54px;
        height: 37px;
    }
    .detail-father .father-section-a {
        margin: 48px 0 0 0;
    }
    .detail-father .father-section-a p {
        font-size: 16px;
        line-height: 1.875;
    }
    
    .detail-father .father-section-pop {
        font-size: 16px;
    }
    .detail-father .father-section-pop span:before,
    .detail-father .father-section-pop span:after {
        width: 10px;
        height: 33px;
    }
    
    .detail-father .father-section-sub {
        position: relative;
    }
    .detail-father .father-section-sub .illust {
        position: absolute;
        right: 0;
        width: 193px;
        margin: 0;
    }
    
    /* father-1 */
    .detail-father #father-1 {
        padding: 36px 0 0 0;
        background-size: 214px auto;
    }
    .detail-father #father-1 .father-section-qa {
        margin: 56px 0 0 0;
    }
    .detail-father #father-1 .father-section-sub {
        background-image: url(../father/img/section_bottom_1.png);
    }
    .detail-father #father-1 .father-section-title {
        width: 423px;
        height: 48px;
        background: url(../father/img/section_title_1.png);
    }
    
    .detail-father #father-1 .father-section-sub:nth-child(2) .father-section-a p:nth-child(1) {
        padding-right: 240px;
    }
    .detail-father #father-1 .father-section-sub:nth-child(2) .illust {
        top: 120px;
    }
    
    /* father-2 */
    .detail-father #father-2 {
        padding: 16px 0 0 0;
        background-size: 134px auto;
    }
    .detail-father #father-2 .father-section-sub {
        background-image: url(../father/img/section_bottom_2.png);
    }
    .detail-father #father-2 .father-section-title {
        width: 647px;
        height: 48px;
        margin: 0;
        background: url(../father/img/section_title_2.png);
    }
    
    .detail-father #father-2 .father-section-sub:nth-child(2) .father-section-a p:nth-child(1) {
        padding-right: 240px;
    }
    .detail-father #father-2 .father-section-sub:nth-child(2) .illust {
        top: 140px;
    }
    
    /* father-3 */
    .detail-father #father-3 {
        padding: 16px 0 0 0;
    }
    .detail-father #father-3 .father-section-sub {
        background-image: url(../father/img/section_bottom_3.png);
    }
    .detail-father #father-3 .father-section-title {
        width: 519px;
        height: 48px;
        margin: 0;
        background: url(../father/img/section_title_3.png);
    }
    
    .detail-father #father-3 .father-section-sub:nth-child(1) .father-section-a p:nth-child(1) {
        padding-right: 240px;
    }
    .detail-father #father-3 .father-section-sub:nth-child(1) .illust {
        top: 80px;
    }
    
    /* father-4 */
    .detail-father #father-4 {
        padding: 16px 0 0 0;
        background-size: 128px auto;
    }
    .detail-father #father-4 .father-section-sub {
        background-image: url(../father/img/section_bottom_4.png);
    }
    .detail-father #father-4 .father-section-title {
        width: 222px;
        height: 47px;
        margin: 0;
        background: url(../father/img/section_title_4.png);
    }
    
    /* father-5 */
    .detail-father #father-5 {
        padding: 16px 0 0 0;
        background-size: 209px auto;
    }
    .detail-father #father-5 .father-section-sub {
        background-image: url(../father/img/section_bottom_5.png);
    }
    .detail-father #father-5 .father-section-title {
        width: 756px;
        height: 47px;
        margin: 0;
        background: url(../father/img/section_title_5.png);
    }
    
    .detail-father .father-section-more {
        margin: 56px 0 0 0;
        padding: 28px 20px 30px 20px;
    }
    .detail-father .father-section-more:after {
        left: auto;
        bottom: auto;
        right: 2px;
        top: -75px;
        margin: 0;
    }
    .detail-father .father-section-more-title {
        top: -12px;
        box-sizing: border-box;
        padding-left: 54px;
        text-align: left;
        font-size: 22px;
        font-weight: normal;
    }
    .detail-father .father-section-more-title span:before,
    .detail-father .father-section-more-title span:after {
        top: 2px;
        width: 11px;
        height: 24px;
    }
    .detail-father .father-section-more-title span:before {
        left: -32px;
    }
    .detail-father .father-section-more-title span:after {
        right: -32px;
    }
    .detail-father .father-section-more-text p {
        font-size: 14px;
        line-height: 1.875;
    }
    
    .detail-father .father-10yearsold {
        margin: 98px 0 0 0;
        padding: 10px;
        background-size: 14px 14px;
    }
    .detail-father .father-10yearsold-inner {
        padding: 30px 30px 68px;
    }
    .detail-father .father-10yearsold-text {
        margin: 32px 0 0 0;
    }
    .detail-father .father-10yearsold-text p {
        font-size: 16px;
        line-height: 1.875;
    }
    .detail-father .father-10yearsold-links {
        width: auto;
        margin: 36px 0 0 0;
        text-align: center;
    }
    .detail-father .father-10yearsold-links p {
        display: inline-block;
        width: 348px;
        margin: 0 0 0 14px;
    }
    
    /* father-10yearsold-1 */
    .detail-father #father-10yearsold-1 .father-10yearsold-title {
        width: 353px;
        height: 61px;
        background: url(../father/img/10yearsold_1_title.png) no-repeat;
    }
    
    /* father-10yearsold-2 */
    .detail-father #father-10yearsold-2 .father-10yearsold-title {
        width: 571px;
        height: 62px;
        background: url(../father/img/10yearsold_2_title.png) no-repeat;
    }
    
    .detail-father .father-from-daughter {
        margin: 98px 0 0 0;
    }
    .detail-father .father-from-daughter-title {
        width: 288px;
        height: 29px;
        background: url(../father/img/from_daughter_title.png) no-repeat;
    }
    .detail-father .father-from-daughter-title img {
        display: none;
    }
    .detail-father .father-from-daughter-inner {
        margin: 40px 0 0 0;
        padding: 64px 32px 48px;
        border-width: 4px;
    }
    .detail-father .father-from-daughter-inner:after {
        right: 12px;
        bottom: -24px;
        width: 67px;
        height: 71px;
    }
    .detail-father .father-from-daughter-inner-title {
        top: -28px;
        width: 761px;
        height: 55px;
        margin: 0 0 0 -380px;
        background: url(../father/img/from_daughter_inner_title.png) no-repeat;
    }
    .detail-father .father-from-daughter-text p {
        font-size: 16px;
        line-height: 1.875;
    }
    
    .detail-father .father-postscript {
        margin: 146px 0 0 0;
    }
    .detail-father .father-postscript-inner {
        padding: 42px 30px;
    }
    .detail-father .father-postscript-inner:before,
    .detail-father .father-postscript-inner:after {
        left: 35px;
        right: 35px;
        background-image: url(../father/img/postscript_dotted.png);
        background-size: auto 100%;
    }
    .detail-father .father-postscript-inner:before {
        top: 12px;
    }
    .detail-father .father-postscript-inner:after {
        bottom: 12px;
    }
    .detail-father .father-postscript-title {
        top: -47px;
        width: 197px;
    }
    .detail-father .father-postscript-text p {
        font-size: 16px;
        line-height: 1.875;
    }
    .detail-father .father-postscript-bottom {
        margin: 32px 0 0 0;
        font-size: 14px;
    }
    
    .detail-father .father-post {
        margin: 88px 0 0 0;
    }
    .detail-father .father-post a {
        display: block;
        width: 805px;
        height: 114px;
        background: url(../father/img/post_btn.png) no-repeat;
    }
}