@charset 'UTF-8';
/*
--------------------------------
- Table of Contents -
voice : voice用スタイル
--------------------------------
*/
/*
==========
voice
==========
*/
#content_compass .next_installment {
    max-width: 900px;
    margin: 0 auto 35px;
}
#content_compass .next_installment a {
    display: block;
    width: 100%;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
#content_compass .next_installment a:hover {
    text-decoration: none;
    opacity: 0.7;
}
#content_compass .next_installment p {
    margin: 0;
}
#content_compass #contents_main .next_installment img {
    max-width: 100%;
    vertical-align: bottom;
    padding: 0;
}
#content_compass .next_installment .obi_txt {
    text-align: right;
    padding: 11px 50px 10px 10px;
    background: #00929b url(/fa/the-art-of-manufacturing/shared/img/icon_arrow_r_white.png) 96.8% 50% no-repeat;
}


@media only screen and (max-width: 640px) {
    #content_compass #contents_main .w900 img {
        max-width: 480px;
        width: 100%;
    }
}

#content_compass .chronology .chronology_ttl {
    font-size: 128.571428571429%; /* 18/14*100 */
    color: #00487d;
    margin-bottom: 16px;
}
#content_compass .chronology .chronology_table table {
    font-size: 107.142857142857%; /* 15/14*100 */
    line-height: 1.6; /* 24/15 */
    border-top: 1px solid #cfcfcf;
    border-collapse: collapse;
}
#content_compass .chronology .chronology_table th {
    width: 17%;
    font-weight: bold;
}
#content_compass .chronology .chronology_table th,
#content_compass .chronology .chronology_table td {
    padding: 8px 20px;
    border-bottom: 1px solid #cfcfcf;
    vertical-align: top;
}

#content_compass .chronology .chronology_table tr:nth-child(odd) th {
    background-color: #daedf7;
}
#content_compass .chronology .chronology_table tr:nth-child(even) th {
    background-color: #e8f4fa;
}
#content_compass .chronology .chronology_table tr:nth-child(odd) td {
    background-color: #f3f9fc;
}

@media only screen and (max-width: 640px) {
    #content_compass .chronology .chronology_table th,
    #content_compass .chronology .chronology_table td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: block;
    }
    #content_compass .chronology .chronology_table tr:nth-child(odd) th {
        background-color: #e8f4fa;
    }
    #content_compass .chronology .chronology_table tr:nth-child(odd) td {
        background-color: #fff;
    }
}