@charset "utf-8";
/* CSS Document */

@media print,
screen and (min-width: 768px) {
    .p-top {
        background-image: url("../images/mv.webp");
        position: relative;
        background-position: center;
        background-color: #f0f0f0;
        border-radius: 15px;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media not all and (min-width: 768px) {
    .p-top {
        background-image: url("../images/mv.webp");
        background-color: #000000;
        padding: 130px 0 50px;
        border-radius: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

/* CSS ページ用追加 */
h3.product {
    padding: 0.5em 1em;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 3%;
    background-color: #003366;
    color: #fff;
}

.article-content1 {
    width: 100%;
    float: left;
}

figure.img {
    margin-bottom: 1%;
}

.h3_sub {
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
}

.h3_sub_left {
    font-weight: bold;
    font-size: 1.2rem;
    text-align: left;
    color: red;
}

.travel-info-table_responsive {
    width: 100%;
    border: solid 1px #D7D7D7;
}

.travel-info-jyoken-table__heading {
    text-align: center;
    font-weight: bold;
    color: #003366;
    background-color: #b2cbe4;
    vertical-align: middle;
    font-size: 1rem;
}

.travel-info-jyoken-table__heading,
.travel-info-jyoken-table__data {
    text-align: center;
    vertical-align: middle;
    padding: 0.5em;
    border: solid 1px #D7D7D7;
    padding: 1em;
    font-size: 1rem;
}

.travel-info-jyoken-table__heading_w {
    width: 35%;
    text-align: center;
    font-weight: bold;
    color: #003366;
    background-color: #b2cbe4;
    vertical-align: middle;
    border: solid 1px #D7D7D7;
    padding: 1em;
    font-size: 1rem;
}

.travel-info-jyoken-table__data_w {
    text-align: left;
    vertical-align: middle;
    padding: 0.5em;
    border: solid 1px #D7D7D7;
    padding: 1em;
    font-size: 1rem;
}

.p-info .leftBox {
    width: 50%;
    float: left;
    margin-right: 2%;
}

.p-info .rightBox {
    width: 50%;
    float: right;
    margin-left: 2%;
}

.redb {
    color: red;
    font-weight: bold;
}

.red2b {
    color: red;
    font-weight: bold;
    font-size: 1.25rem;
}

dl.infoList02 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    border: solid 1px #D7D7D7;
    padding: 0 0.6em;
}

.infoList02 dt {
    font-weight: 500;
    color: #003366;
    padding: 20px 0;
    width: 70%;
    border-bottom: 1px solid #ccc;
}

.infoList02 dd {
    padding: 20px 0.5em 20px 1em;
    border-bottom: 1px solid #ccc;
    width: 30%;
}

.marginbottom_5per {
    margin-bottom: 5%;
}

.headTxtBox02 .txtBox {
    width: 100%;
    text-align: left;
    margin-top: 10%;
}

.headTxtBox02 .txtBox .txt {
    font-size: 128.57%;
    line-height: 2;
    margin-bottom: 26px;
}

.font_red {
    color: #FD2125;
}

.font_blue {
    color: #004098;
}

.blue_120per {
    color: #004098 !important;
    font-weight: bold;
    font-size: 1.2rem;
}

:where(.overview, .strength) :where(.article-image-r, .article-image) {
    max-width: 400px;
    margin-inline: auto;
}


@media not all and (min-width: 768px) {
    .h3_sub {
        font-size: 1rem;
    }

    .h3_sub_left {
        font-size: 1rem;
    }

    .travel-info-table_responsive {
        white-space: nowrap;
    }

    .travel-info-jyoken-table__heading {
        display: block;
    }

    .travel-info--jyoken-table__heading,
    .travel-info-jyoken-table__data {
        display: block;
    }

    .travel-info-jyoken-table__heading_w {
        display: block;
        width: 100%;
    }

    .travel-info--jyoken-table__heading_w,
    .travel-info-jyoken-table__data_w {
        display: block;
    }

    .p-info .leftBox {
        width: 100%;
        margin: auto;
    }

    .p-info .rightBox {
        width: 100%;
        margin: auto;
    }
}

.sub ul {
    margin: 1em;
}

.sub ul li {
    list-style-type: disc;
}

@media screen and (max-width: 768px) {
    .titleLine {
        margin-bottom: 5%;
    }
}

.blueb {
    color: blue;
    font-weight: bold;
    font-size: 130%;
}