@charset "utf-8";

/**
 * Detail
 */
.detail {
    background-color: #FFFFFF !important;
}

.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6 {
    font-size: 1.8rem;
}

.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6 {
    margin-bottom: 2rem;
}

.detail h2 {
    padding: 1rem;
    color: #FFFFFF;
    background-color: #1F4069;
    border-left: 0.5rem solid #E1E9F8;
}

.detail h3 {
    padding: 1rem;
    color: #1F4069;
    background-color: #E1E9F8;
    border-left: 0.5rem solid #1F4069;
}

.detail h4 {
    padding: 1rem;
    color: #131924;
    border-bottom: 0.3rem solid #131924;
}

.detail p {
    margin-bottom: 2rem;
}

.detail p > a {
    display: inline;
}

.detail img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.detail table {
    width: 100%;
    margin-bottom: 2rem;
    border-spacing: 0;
    word-break: break-all;
    border-collapse: collapse;
}

.detail table th {
    padding: 1rem;
    vertical-align: middle;
    background-color: #E1E9F8;
    border: 0.1rem solid #1F4069;
}

.detail table td {
    padding: 1rem;
    font-size: 1.4rem;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 0.1rem solid #1F4069;
}

.detail table td > a {
    display: inline;
}

@media all and (min-width: 500px) {

    .detail h2,
    .detail h3,
    .detail h4,
    .detail h5,
    .detail h6 {
        margin-bottom: 3rem;
        font-size: 2.2rem;
    }

    .detail table td {
        font-size: 1.5rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .inner {
        max-width: 100rem !important;
    }

    .detail h2,
    .detail h3,
    .detail h4,
    .detail h5,
    .detail h6 {
        margin-bottom: 4rem;
        font-size: 2.6rem
    }

}

/**
 * Text
 */
.detail .red {
    color: #C00000;
    font-weight: bold;
}

.detail .line {
    background: linear-gradient(transparent 50%, #FFEA44 50%);
}

.detail .fs-s {
    font-size: 1.6rem;
}

.detail .fs-l {
    font-size: 1.8rem;
}

@media all and (min-width: 500px) {

    .detail .fs-s {
        font-size: 1.8rem;
    }

    .detail .fs-l {
        font-size: 2.2rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .fs-s {
        font-size: 2rem;
    }

    .detail .fs-l {
        font-size: 2.6rem;
    }

}

/**
 * Image
 */
.detail .mov {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.detail .mov::before {
    content: "";
    display: block;
    padding-top: 56%;
}

.detail .mov iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

@media all and (min-width: 500px) {

}

@media all and (min-width: 1000px) {

    .detail .img-w60 img {
        max-width: 60% !important;
    }

    .detail .img-w100 img {
        max-width: 100% !important;
    }

}

/**
 * Align
 */
.detail .tal {
    text-align: left;
}

.detail .tar {
    text-align: right;
}

.detail .tac {
    text-align: center;
}

/**
 * Split
 */
.detail .split-40-60,
.detail .split-50-50,
.detail .split-60-40 {
    margin-bottom: 1rem;
}

.detail .split-40-60 li,
.detail .split-50-50 li,
.detail .split-60-40 li {
    margin-bottom: 1rem;
}

.detail .split-40-60 li:nth-last-of-type(1),
.detail .split-50-50 li:nth-last-of-type(1),
.detail .split-60-40 li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.detail .split-40-60 li img,
.detail .split-50-50 li img,
.detail .split-60-40 li img {
    margin-bottom: 0;
}

.detail .split-40-60 li p,
.detail .split-50-50 li p,
.detail .split-60-40 li p {
    padding: 0;
}

.detail .split-40-60 li p:nth-last-of-type(1),
.detail .split-50-50 li p:nth-last-of-type(1),
.detail .split-60-40 li p:nth-last-of-type(1) {
    margin-bottom: 0;
}

.detail .split-50-m0 {
    margin-bottom: 1rem;
}

.detail .split-50-m0 li img {
    margin-bottom: 0;
}

@media all and (min-width: 500px) {

    .detail .split-40-60,
    .detail .split-50-50,
    .detail .split-60-40 {
        margin-bottom: 1.5rem;
    }

    .detail .split-40-60 li,
    .detail .split-50-50 li,
    .detail .split-60-40 li {
        margin-bottom: 1.5rem;
    }

    .detail .split-50-m0 {
        margin-bottom: 1.5rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .split-40-60,
    .detail .split-50-50,
    .detail .split-60-40 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 2rem;
    }

    .detail .split-40-60 li,
    .detail .split-50-50 li,
    .detail .split-60-40 li {
        margin-bottom: 0;
    }

    .detail .split-40-60 li:nth-of-type(1) {
        width: 40%;
    }

    .detail .split-40-60 li:nth-of-type(2) {
        width: 60%;
        padding-left: 2rem;
    }

    .detail .split-50-50 li:nth-of-type(1) {
        width: 50%;
        padding-right: 1rem;
    }

    .detail .split-50-50 li:nth-of-type(2) {
        width: 50%;
        padding-left: 1rem;
    }

    .detail .split-60-40 li:nth-of-type(1) {
        width: 60%;
        padding-right: 2rem;
    }

    .detail .split-60-40 li:nth-of-type(2) {
        width: 40%;
    }

    .detail .split-50-m0 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 2rem;
    }

    .detail .split-50-m0 li {
        width: 50%;
    }

}

/**
 * Column
 */
.detail .column-col2-io-1-2,
.detail .column-col2-it-1-2 {
    margin-bottom: 1rem;
}

.detail .column-col2-io-1-2 li {
    margin-bottom: 1rem;
}

.detail .column-col2-it-1-2 li {
    margin-bottom: 3rem;
}

.detail .column-col2-io-1-2 li:nth-last-of-type(1),
.detail .column-col2-it-1-2 li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.detail .column-col2-io-1-2 li img {
    margin-bottom: 0;
}

.detail .column-col2-it-1-2 li img {
    margin-bottom: 1rem;
}

.detail .column-col2-io-2-2,
.detail .column-col2-it-2-2 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.detail .column-col2-io-2-2 li,
.detail .column-col2-it-2-2 li {
    width: calc((100% - 1.1rem) / 2);
    margin-right: 1rem;
}

.detail .column-col2-io-2-2 li {
    margin-bottom: 1rem;
}

.detail .column-col2-it-2-2 li {
    margin-bottom: 3rem;
}

.detail .column-col2-io-2-2 li:nth-of-type(2n),
.detail .column-col2-it-2-2 li:nth-of-type(2n) {
    margin-right: 0;
}

.detail .column-col2-io-2-2 li:nth-last-of-type(1),
.detail .column-col2-io-2-2 li:nth-last-of-type(2),
.detail .column-col2-it-2-2 li:nth-last-of-type(1),
.detail .column-col2-it-2-2 li:nth-last-of-type(2) {
    margin-bottom: 0;
}

.detail .column-col2-io-2-2 li img {
    margin-bottom: 0;
}

.detail .column-col2-it-2-2 li img {
    margin-bottom: 1rem;
}

.detail .column-col3-io-1-3,
.detail .column-col3-it-1-3 {
    margin-bottom: 1rem;
}

.detail .column-col3-io-1-3 li {
    margin-bottom: 1rem;
}

.detail .column-col3-it-1-3 li {
    margin-bottom: 3rem;
}

.detail .column-col3-io-1-3 li:nth-last-of-type(1),
.detail .column-col3-it-1-3 li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.detail .column-col3-io-1-3 li img {
    margin-bottom: 0;
}

.detail .column-col3-it-1-3 li img {
    margin-bottom: 1rem;
}

.detail .column-col3-io-2-3,
.detail .column-col3-it-2-3 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.detail .column-col3-io-2-3 li,
.detail .column-col3-it-2-3 li {
    width: calc((100% - 1.1rem) / 2);
    margin-right: 1rem;
}

.detail .column-col3-io-2-3 li {
    margin-bottom: 1rem;
}

.detail .column-col3-it-2-3 li {
    margin-bottom: 3rem;
}

.detail .column-col3-io-2-3 li:nth-of-type(2n),
.detail .column-col3-it-2-3 li:nth-of-type(2n) {
    margin-right: 0;
}

.detail .column-col3-io-2-3 li:nth-last-of-type(1),
.detail .column-col3-io-2-3 li:nth-last-of-type(2),
.detail .column-col3-it-2-3 li:nth-last-of-type(1),
.detail .column-col3-it-2-3 li:nth-last-of-type(2) {
    margin-bottom: 0;
}

.detail .column-col3-io-2-3 li img {
    margin-bottom: 0;
}

.detail .column-col3-it-2-3 li img {
    margin-bottom: 1rem;
}

.detail .column-col3-io-3-3,
.detail .column-col3-it-3-3 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.detail .column-col3-io-3-3 li,
.detail .column-col3-it-3-3 li {
    width: calc((100% - 2.1rem) / 3);
    margin-right: 1rem;
}

.detail .column-col3-io-3-3 li {
    margin-bottom: 1rem;
}

.detail .column-col3-it-3-3 li {
    margin-bottom: 3rem;
}

.detail .column-col3-io-3-3 li:nth-of-type(3n),
.detail .column-col3-it-3-3 li:nth-of-type(3n) {
    margin-right: 0;
}

.detail .column-col3-io-3-3 li:nth-last-of-type(1),
.detail .column-col3-io-3-3 li:nth-last-of-type(2),
.detail .column-col3-io-3-3 li:nth-last-of-type(3),
.detail .column-col3-it-3-3 li:nth-last-of-type(1),
.detail .column-col3-it-3-3 li:nth-last-of-type(2),
.detail .column-col3-it-3-3 li:nth-last-of-type(3) {
    margin-bottom: 0;
}

.detail .column-col3-io-3-3 li img {
    margin-bottom: 0;
}

.detail .column-col3-it-3-3 li img {
    margin-bottom: 1rem;
}

.detail .column-col6-io-3-6,
.detail .column-col6-it-3-6 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.detail .column-col6-io-3-6 li,
.detail .column-col6-it-3-6 li {
    width: calc((100% - 2.1rem) / 3);
    margin-right: 1rem;
}

.detail .column-col6-io-3-6 li {
    margin-bottom: 1rem;
}

.detail .column-col6-it-3-6 li {
    margin-bottom: 3rem;
    font-weight: bold;
    text-align: center;
}

.detail .column-col6-io-3-6 li:nth-of-type(3n),
.detail .column-col6-it-3-6 li:nth-of-type(3n) {
    margin-right: 0;
}

.detail .column-col6-io-3-6 li:nth-last-of-type(1),
.detail .column-col6-io-3-6 li:nth-last-of-type(2),
.detail .column-col6-io-3-6 li:nth-last-of-type(3),
.detail .column-col6-it-3-6 li:nth-last-of-type(1),
.detail .column-col6-it-3-6 li:nth-last-of-type(2),
.detail .column-col6-it-3-6 li:nth-last-of-type(3) {
    margin-bottom: 0;
}

.detail .column-col6-io-3-6 li img {
    margin-bottom: 0;
}

.detail .column-col6-it-3-6 li img {
    margin-bottom: 1rem;
}

@media all and (min-width: 500px) {

    .detail .column-col2-io-1-2,
    .detail .column-col2-it-1-2 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col2-io-1-2 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col2-it-1-2 li {
        margin-bottom: 4.5rem;
    }

    .detail .column-col2-io-2-2,
    .detail .column-col2-it-2-2 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col2-io-2-2 li,
    .detail .column-col2-it-2-2 li {
        width: calc((100% - 1.6rem) / 2);
        margin-right: 1.5rem;
    }

    .detail .column-col2-io-2-2 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col2-it-2-2 li {
        margin-bottom: 4.5rem;
    }

    .detail .column-col3-io-1-3,
    .detail .column-col3-it-1-3 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-io-1-3 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-it-1-3 li {
        margin-bottom: 4.5rem;
    }

    .detail .column-col3-io-2-3,
    .detail .column-col3-it-2-3 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-io-2-3 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-it-2-3 li {
        margin-bottom: 4.5rem;
    }

    .detail .column-col3-io-3-3,
    .detail .column-col3-it-3-3 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-io-3-3 li,
    .detail .column-col3-it-3-3 li {
        width: calc((100% - 3.1rem) / 3);
        margin-right: 1.5rem;
    }

    .detail .column-col3-io-3-3 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col3-it-3-3 li {
        margin-bottom: 4.5rem;
    }

    .detail .column-col6-io-3-6,
    .detail .column-col6-it-3-6 {
        margin-bottom: 1.5rem;
    }

    .detail .column-col6-io-3-6 li,
    .detail .column-col6-it-3-6 li {
        width: calc((100% - 4.6rem) / 3);
        margin-right: 1.5rem;
    }

    .detail .column-col6-io-3-6 li {
        margin-bottom: 1.5rem;
    }

    .detail .column-col6-it-3-6 li {
        margin-bottom: 4.5rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .column-col2-io-1-2,
    .detail .column-col2-it-1-2 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .detail .column-col2-io-1-2 li,
    .detail .column-col2-it-1-2 li {
        width: calc((100% - 2.1rem) / 2);
        margin-right: 2rem;
    }

    .detail .column-col2-io-1-2 li {
        margin-bottom: 2rem;
    }

    .detail .column-col2-it-1-2 li {
        margin-bottom: 6rem;
    }

    .detail .column-col2-io-1-2 li:nth-of-type(2n),
    .detail .column-col2-it-1-2 li:nth-of-type(2n) {
        margin-right: 0;
    }

    .detail .column-col2-io-1-2 li:nth-last-of-type(2),
    .detail .column-col2-it-1-2 li:nth-last-of-type(2) {
        margin-bottom: 0;
    }

    .detail .column-col2-io-2-2,
    .detail .column-col2-it-2-2 {
        margin-bottom: 2rem;
        padding: 0 1rem;
    }

    .detail .column-col2-io-2-2 li,
    .detail .column-col2-it-2-2 li {
        width: calc((100% - 2.1rem) / 2);
        margin-right: 2rem;
    }

    .detail .column-col2-io-2-2 li {
        margin-bottom: 2rem;
    }

    .detail .column-col2-it-2-2 li {
        margin-bottom: 6rem;
    }

    .detail .column-col3-io-1-3,
    .detail .column-col3-it-1-3 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .detail .column-col3-io-1-3 li,
    .detail .column-col3-it-1-3 li {
        width: calc((100% - 4.1rem) / 3);
        margin-right: 2rem;
    }

    .detail .column-col3-io-1-3 li {
        margin-bottom: 2rem;
    }

    .detail .column-col3-it-1-3 li {
        margin-bottom: 6rem;
    }

    .detail .column-col3-io-1-3 li:nth-of-type(3n),
    .detail .column-col3-it-1-3 li:nth-of-type(3n) {
        margin-right: 0;
    }

    .detail .column-col3-io-1-3 li:nth-last-of-type(2),
    .detail .column-col3-io-1-3 li:nth-last-of-type(3),
    .detail .column-col3-it-1-3 li:nth-last-of-type(2),
    .detail .column-col3-it-1-3 li:nth-last-of-type(3) {
        margin-bottom: 0;
    }

    .detail .column-col3-io-2-3,
    .detail .column-col3-it-2-3 {
        margin-bottom: 2rem;
    }

    .detail .column-col3-io-2-3 li,
    .detail .column-col3-it-2-3 li {
        width: calc((100% - 4.1rem) / 3);
        margin-right: 2rem;
    }

    .detail .column-col3-io-2-3 li:nth-of-type(2n),
    .detail .column-col3-it-2-3 li:nth-of-type(2n) {
        margin-right: 2rem;
    }

    .detail .column-col3-io-2-3 li:nth-of-type(3n),
    .detail .column-col3-it-2-3 li:nth-of-type(3n) {
        margin-right: 0;
    }

    .detail .column-col3-io-2-3 li:nth-last-of-type(3),
    .detail .column-col3-it-2-3 li:nth-last-of-type(3) {
        margin-bottom: 0;
    }

    .detail .column-col3-io-3-3,
    .detail .column-col3-it-3-3 {
        margin-bottom: 2rem;
    }

    .detail .column-col3-io-3-3 li,
    .detail .column-col3-it-3-3 li {
        width: calc((100% - 4.1rem) / 3);
        margin-right: 2rem;
    }

    .detail .column-col3-io-3-3 li {
        margin-bottom: 2rem;
    }

    .detail .column-col3-it-3-3 li {
        margin-bottom: 6rem;
    }

    .detail .column-col6-io-3-6,
    .detail .column-col6-it-3-6 {
        margin-bottom: 2rem;
    }

    .detail .column-col6-io-3-6 li,
    .detail .column-col6-it-3-6 li {
        width: calc((100% - 10.1rem) / 6);
        margin-right: 2rem;
    }

    .detail .column-col6-io-3-6 li {
        margin-bottom: 2rem;
    }

    .detail .column-col6-it-3-6 li {
        margin-bottom: 6rem;
    }

    .detail .column-col6-io-3-6 li:nth-of-type(3n),
    .detail .column-col6-it-3-6 li:nth-of-type(3n) {
        margin-right: 2rem;
    }

    .detail .column-col6-io-3-6 li:nth-of-type(6n),
    .detail .column-col6-it-3-6 li:nth-of-type(6n) {
        margin-right: 0;
    }

    .detail .column-col6-io-3-6 li:nth-last-of-type(4),
    .detail .column-col6-io-3-6 li:nth-last-of-type(5),
    .detail .column-col6-io-3-6 li:nth-last-of-type(6),
    .detail .column-col6-it-3-6 li:nth-last-of-type(4),
    .detail .column-col6-it-3-6 li:nth-last-of-type(5),
    .detail .column-col6-it-3-6 li:nth-last-of-type(6) {
        margin-bottom: 0;
    }

}

/**
 * Table
 */
.detail .table-col2-head-l {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem;
    border-spacing: 0;
    word-break: break-all;
    border-collapse: collapse;
}

.detail .table-col2-head-l tbody tr th,
.detail .table-col2-head-l tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: left;
    vertical-align: middle;
}

.detail .table-col2-head-l tbody tr th {
    font-weight: bold;
    background-color: #E1E9F8;
    border: 0.1rem solid #1F4069;
}

.detail .table-col2-head-l tbody tr td {
    border-top: 0;
    border-bottom: 0;
    border-left: 0.1rem solid #1F4069;
    border-right: 0.1rem solid #1F4069;
}

.detail .table-col2-head-l tbody tr:nth-last-of-type(1) td {
    border-bottom: 0.1rem solid #1F4069;
}

@media all and (min-width: 500px) {

    .detail .table-col2-head-l tbody tr th,
    .detail .table-col2-head-l tbody tr td {
        padding: 1.5rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .table-col2-head-l {
        margin-bottom: 2rem;
    }

    .detail .table-col2-head-l tbody tr th,
    .detail .table-col2-head-l tbody tr td {
        display: table-cell;
        padding: 2rem;
    }

    .detail .table-col2-head-l tbody tr th {
        width: 30%;
    }

    .detail .table-col2-head-l tbody tr td {
        width: 70%;
        border-left: 0;
        border-top: 0.1rem solid #1F4069;
        border-right: 0.1rem solid #1F4069;
    }

}

/**
 * Button
 */
 .detail .button-col1 {
    margin-bottom: 1rem;
}

.detail .button-col1 li p {
    display: block;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.detail .button-col1 li p a {
    display: block;
    padding: 1rem 0;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.detail .button-col1 li p.button-01 {
    background: #1F4069;
    background: -webkit-linear-gradient(top, #1F4069, #1E3553);
    background: -moz-linear-gradient(top, #1F4069, #1E3553);
    background: linear-gradient(to top, #1E3553, #1F4069);
    border-right: 0.2rem solid #131924;
    border-bottom: 0.2rem solid #131924;
}

.detail .button-col1 li p.button-02 {
    background: #FF8200;
    background: -webkit-linear-gradient(top, #FF8200, #D16B0C);
    background: -moz-linear-gradient(top, #FF8200, #D16B0C);
    background: linear-gradient(to top, #D16B0C, #FF8200);
    border-right: 0.2rem solid #512D10;
    border-bottom: 0.2rem solid #512D10;
}

.detail .button-col2 {
    margin-bottom: 1rem;
}

.detail .button-col2 li {
    margin-bottom: 1rem;
}

.detail .button-col2 li p {
    display: block;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.detail .button-col2 li p a {
    display: block;
    padding: 1rem 0;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.detail .button-col2 li p.button-01 {
    background: #1F4069;
    background: -webkit-linear-gradient(top, #1F4069, #1E3553);
    background: -moz-linear-gradient(top, #1F4069, #1E3553);
    background: linear-gradient(to top, #1E3553, #1F4069);
    border-right: 0.2rem solid #131924;
    border-bottom: 0.2rem solid #131924;
}

.detail .button-col2 li p.button-02 {
    background: #FF8200;
    background: -webkit-linear-gradient(top, #FF8200, #D16B0C);
    background: -moz-linear-gradient(top, #FF8200, #D16B0C);
    background: linear-gradient(to top, #D16B0C, #FF8200);
    border-right: 0.2rem solid #512D10;
    border-bottom: 0.2rem solid #512D10;
}

@media all and (min-width: 500px) {

    .detail .button-col1 {
        margin-bottom: 1.5rem;
    }

    .detail .button-col1 li p {
        max-width: 45rem;
    }

    .detail .button-col1 li p a {
        padding: 1.5rem 0;
        font-size: 2.4rem;
    }

    .detail .button-col2 {
        margin-bottom: 1.5rem;
    }

    .detail .button-col2 li {
        margin-bottom: 1.5rem;
    }

    .detail .button-col2 li p {
        max-width: 45rem;
    }

    .detail .button-col2 li p a {
        padding: 1.5rem 0;
        font-size: 2.4rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .button-col1 {
        margin-bottom: 2rem;
    }

    .detail .button-col1 li p {
        max-width: 60rem;
    }

    .detail .button-col1 li p a {
        padding: 2rem 0;
        font-size: 3.0rem;
    }

    .detail .button-col2 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 2rem;
    }

    .detail .button-col2 li {
        width: calc((100% - 2rem) / 2);
        margin-bottom: 0;
    }

    .detail .button-col2 li p {
        max-width: 60rem;
    }

    .detail .button-col2 li p a {
        padding: 2rem 0;
        font-size: 3.0rem;
    }

}

/**
 * Link
 */
.detail .link-orange {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0 !important;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background: #FF8200;
    border-radius: 3rem;
    border-bottom: 0.3rem solid #000000;
}

.detail .link-orange a {
    display: block;
    padding: 1rem 0;
    color: #FFFFFF;
    font-size: 2.2rem;
}

.detail .link-green {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0 !important;
    font-weight: bold;
    text-align: center;
    background: #1F4069;
    border-radius: 3rem;
    border-bottom: 0.3rem solid #000000;
}

.detail .link-green a {
    display: block;
    padding: 1rem 0;
    color: #FFFFFF;
    font-size: 2.2rem;
}

@media all and (min-width: 500px) {

    .detail .link-orange {
        max-width: 45rem;
        font-size: 2.8rem;
        border-radius: 4rem;
    }

    .detail .link-orange a {
        padding: 1.5rem 0;
        font-size: 2.8rem;
    }

    .detail .link-green {
        max-width: 45rem;
        font-size: 2.8rem;
        border-radius: 4rem;
    }

    .detail .link-green a {
        padding: 1.5rem 0;
        font-size: 2.8rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .link-orange {
        max-width: 60rem;
        border-radius: 5rem;
    }

    .detail .link-orange a {
        padding: 2rem 0;
        font-size: 3.4rem;
    }

    .detail .link-green {
        max-width: 60rem;
        border-radius: 5rem;
    }

    .detail .link-green a {
        padding: 2rem 0;
        font-size: 3.4rem;
    }

}

/**
 * Mokuji
 */
.detail .mokuji {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 3rem 1rem;
    background-color: #E8EBEF;
    border: 0.1rem solid #BDC0C3;
}

.detail .mokuji li {
    margin-bottom: 0.5rem;
}

.detail .mokuji li p {
    margin-bottom: 0;
    font-weight: bold;
}

@media all and (min-width: 500px) {

    .detail .mokuji {
        padding: 4.5rem 1.5rem;
    }

}

@media all and (min-width: 1000px) {

    .detail .mokuji {
        padding: 6rem 2rem;
    }

}
