/* @charset "UTF-8";
@import "/css/common.css"; */

/* ==================== */
/* section 共通 */
/* ==================== */
.top_page {
    margin-top: 70px;
    margin-bottom: 50px;
}

.section {
    padding-top: 50px;
}

.top_page h2, .top_page h3 {
    font-family: 'Noto Serif JP', serif;
    text-align: center;
}

.top_page h3 {
    font-size: .9rem;
}

@media (max-width: 430px) {
    .section {
        padding-top: 20px;
    }
}

@media (max-width: 412px) {
    .top_page {
        margin-top: 70px;
        margin-bottom: 0;
    }

    .top_page .section04 {
        padding-bottom: 0;
    }
}

@media (max-width: 430px) {
    .top_page {
        margin-top: 62px;
        margin-bottom: 0;
    }
}

@media (max-width: 390px) {
    .top_page {
        margin-top: 62px;
        margin-bottom: 0px;
    }
}

@media (max-width: 360px) {
    .section {
        padding-top: 30px;
    }
}

@media (max-width: 344px) {
    .section {
        padding-top: 20px;
    }
}

/* ==================== */
/* .section01  */
/* ==================== */
.top_page .section01 {
    position: relative;
}

.top_page .section01 img {
    width: 100%;
    height: 690px;
}

.top_page .section01 .cmt {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 900;
    font-family: 'Noto Serif JP', serif;
    text-shadow: 3px 3px 5px #333;
    background-color: rgba(47, 127, 3, 0.85);
    padding: 20px 40px;
    border-radius: 5px;
}

.top_page .section01 .cmt h3 span {
    font-size: 1.7rem;
    display: inline-block;
}

.top_page .section01 .cmt h2 span {
    display: inline-block;
    font-size: 3.4rem;
}

@media (max-width: 1024px) {
    .top_page .section01 img {
        width: 100%;
        height: auto;
    }

    .top_page .section01 .cmt {
        top: 41%;
    }
}

@media (max-width: 912px) {
    .top_page .section01 .cmt {
        top: 38%;
        left: 0;
    }
}

@media (max-width: 853px) {
    .top_page .section01 .cmt {
        top: 34%;
        left: 0%;
    }
}

@media (max-width: 540px) {
    .top_page .section01 .cmt {
        top: 33%;
        left: 0;
    }

    .top_page .section01 .cmt h3 span {
        font-size: 1.2rem;
    }

    .top_page .section01 .cmt h2 span {
        font-size: 2.2rem;
    }
}

@media (max-width: 430px) {
    .top_page .section01 .cmt {
        top: 17%;
        left: 0;
    }

    .top_page h3.fadeUp {
        padding-bottom: 20px;
    }

    .top_page h2.fadeUp {
        line-height: 38px;
    }
}

@media (max-width: 412px) {
    .top_page .section01 .cmt {
        top: 15%;
        left: 0;
    }

    .top_page h3.fadeUp {
        padding-bottom: 15px;
    }

    .top_page .section01 .cmt h2 span {
        font-size: 1.8rem;
        line-height: 33px;
    }
}

@media (max-width: 390px) {
    .top_page .section01 .cmt {
        top: 10%;
        left: 0;
    }

    .top_page .section01 .cmt h3 {
        padding-bottom: 20px;
    }

    .top_page .section01 .cmt h3 span {
        font-size: 1rem;
    }

    .top_page .section01 .cmt h2 span {
        font-size: 1.8rem;
    }
}

@media (max-width: 360px) {
    .top_page .section01 .cmt {
        top: 30%;
        left: 0;
    }
}

@media (max-width: 344px) {
    .top_page .section01 .cmt {
        top: 7%;
    }
}


/* ==================== */
/* .section02 【information】  */
/* ==================== */
.top_page .section02 .info-lists {
    padding: 0 20px 50px 20px;
    margin-bottom: 40px;
}

.top_page .section02 .info-list {
    padding: 10px 20px 5px 20px;
    border-bottom: 1px dotted #ccc;
}

@media (max-width: 912px) {
    .top_page .section02 .info-lists {
        padding: 0 0 40px 0;
        margin-bottom: 40px;
        width: 100%;
    }
}

@media (max-width: 853px) {
    .top_page .section02 .info-lists {
        padding: 0 0 30px 0;
        width: 100%;
    }
}

@media (max-width: 540px) {
    .top_page .section02 .info-lists {
        padding: 0 0px 20px 0px;
    }

    .top_page .section02 .info-list {
        padding: 8px 5px 5px 5px;
    }

    span.info-msg {
        display: block;
    }
}

@media (max-width: 430px) {
    .top_page .section02 .info-list {
        padding: 5px 5px 2px 5px;
    }
}

/* ==================== */
/* .section03  */
/* ==================== */
.top_page .section03 {
    margin-top: 40px;
    padding-bottom: 40px;
    background-image: url('https://www.urban-seiyaku.com/wp-content/uploads/2024/09/msg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.45);
    background-blend-mode: lighten;
}

.top_page .section03 h3 {
    margin-bottom: 40px;
}

.top_page .section03 .inner {
    width: 60%;
    margin: 0 auto;
}

.top_page .section03 .comment p {
    padding-bottom: 20px;
    line-height: 35px;
}

.top_page .section03 .president-msg {
    text-align: right;
}

.top_page .section03 .president-msg .corporation-name {
    font-size: 1.5rem;
}

.top_page .section03 .president-msg .president-name {
    font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
}

.top_page .section03 .president-msg .president {
    padding-right: 15px;
}

@media (max-width: 912px) {
    .top_page .section03 .inner {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 853px) {
    .top_page .section03 .inner {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 540px) {
    .top_page .section03 {
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .top_page .section03 .inner {
        width: 90%;
        margin: 0 auto;
    }

    .top_page .section03 .president-msg .corporation-name {
        font-size: 1rem;
    }

    .top_page .section03 .president-msg .president-name {
        font-size: 1.4rem;
    }
}

@media (max-width: 430px) {
    .top_page .section03 h2 {
        font-size: 1.5rem;
    }

    .top_page .section03 h3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 412px) {
    .top_page .section03 .comment p {
        padding-bottom: 20px;
        line-height: 26px;
    }
}

@media (max-width: 390px) {
    .top_page .section03 h2 {
        font-size: 1.3rem;
    }

    .top_page .section03 h3 {
        margin-bottom: 15px;
    }

    .top_page .section03 .comment p {
        padding-bottom: 20px;
        line-height: 25px;
    }
}


/* ==================== */
/* .section04  */
/* ==================== */
.top_page .section04 {
    /* background: linear-gradient(90deg, #f2fff2, #ceebce, #b8eab8); */
    /* background-color: #f2fff2; */
    padding-bottom: 40px;
}

.top_page .section04 .products {
    margin: 50px auto 0;
}

.top_page .section04 .cnt02 {
    margin: 0 auto;
    padding: 40px;
    background-image: url('https://www.urban-seiyaku.com/wp-content/uploads/2024/08/bg-img02-scaled.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.top_page .section04 .cnt02 h2 {
    text-align: center;
    color: #d11009;
    padding: 30px 0;
}

.top_page .section04 .cnt02 p {
    margin: 0;
    padding: 0;
}


.top_page .section04 .cnt02 img {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.top_page .section04 .product-img {
    height: 250px;
}

.top_page .section04 .product-img.product-img003 img {
    width: 45%;
}

.top_page .section04 .product h2 {
    font-size: 1.5rem;
}

.top_page .section04 .cnt ul {
    line-height: 40px;
}

.top_page .section04 .cnt .circle {
    color: #333;
    background: #333;
    border-radius: 50%;
    margin-bottom: 20px;
}

.top_page .section04 .cnt02 .sp {
    display: none;
}

.top_page .section04 .cnt02 table {
    width: 80%;
}

.top_page .section04 .cnt02 table th {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
    text-align: center;
}

.top_page .section04 .cnt02 .col-md-4 {
    align-self: center;
}

.top_page .section04 .cnt02 .circle {
    color: #333;
    background: #333;
    margin-right: 10px;
}

.top_page .section04 .cnt02 .kouka {
    width: 80%;
    margin: 0 auto;
    background: #fff;
}

.top_page .section04 .cnt02 .kouka h2 {
    background: #d11009;
    color: #fff;
}

.top_page .section04 .cnt02 .kouka ul {
    padding: 20px;
}

.top_page .section04 .cnt02 .left {
    padding-top: 10px;
}

.top_page .section04 .cnt02 .left p {
    font-size: .7rem;
    text-align: center;
}

.top_page .section04  table .price,
.top_page .section04  table .price02 {
    font-size: 1.4rem;
}

.top_page .section04 table .price {
    text-decoration: line-through;
    text-decoration-color: #d11009;
}

.top_page .section04 table .price02 {
    font-weight: 900;
}

.top_page .section04 table .txt-r {
    text-align: right;
}

.top_page .section04 table .offer {
    font-size: 1.5rem;
    color: #d11009;
}

.top_page .section04 table .offer-price {
    color: #d11009;
}

.top_page .section04 table {
    width: 95%;
}

.top_page .section04 table {
    margin-top: 40px;
    margin-bottom: 20px;
}

.top_page .section04 table,
.top_page .section04 table th,
.top_page .section04 table td {
    background: #fff;
    border: 1px solid #ccc;
}

.top_page .section04 img {
    display: block;
    width: 30%;
    height: 230px;
    margin: 0 auto;
}

.top_page .section04 .w-item {
    width: 45%;
}

.top_page .section04 .hide {
    display: none;
}

.top_page .section04 table td,
.top_page .section04 table td span {
    font-size: 1rem;
    text-align: center;
}

.top_page .section04 table td span {
    display: inline-block;
}

.top_page .section04 .special-offer {
    font-weight: 600;
    color: #dc1e1e;
    font-size: 1.5rem;
}

.top_page .section04 .btn {
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .top_page .section04 .cnt02 img {
        width: 69%;
    }
}

@media (max-width: 912px) {
    .top_page .section04 .cnt02 .kouka,
    .top_page .section04 .cnt02 table {
        width: 90%;
    }

    .top_page .section04 .cnt02 img {
        width: 80%;
    }


    .top_page .section04 .products {
        width: 95%;
        margin: 0 auto;
    }

    .top_page .section04 .cnt02 {
        margin-top: 30px;
    }
}

@media (max-width: 853px) {
    .top_page .section04 .products {
        width: 100%;
        margin: 0 auto;
    }

    .top_page .section04 .cnt02 img {
        width: 85%;
    }

    .top_page .section04 table td, .top_page .section04 table td span {
        font-size: 0.9rem;
        text-align: center;
    }
}

@media (max-width: 820px) {
    .top_page .section04 .cnt02 img {
        width: 93%;
    }
}

@media (max-width: 540px) {
    .top_page .section04 .cnt02 {
        margin-top: 0;
        background-position: bottom -20px center;
    }

    .top_page .section04 .cnt02 .pc {
        display: none;
    }

    .top_page .section04 .cnt02 .sp {
        display: block;
    }

    .top_page .section04 .cnt02 .kouka {
        width: 100%;
    }

    .top_page .section04 .cnt02 table {
        width: 100%;
    }

    .top_page .section04 .cnt02 .left p {
        line-height: 17px;
    }

    .top_page .section04 .product-img {
        height: auto;
    }

    .top_page .section04 .cnt02 img {
        width: 30%;
        margin-bottom: 20px;
    }

    .top_page .section04 .cnt02 h2 {
        padding: 10px 0 5px 0;
    }

    .top_page .section04 img {
        height: auto;
    }

/* table */
    .top_page .section04 table {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .top_page .section04 .cnt02 table th {
        font-size: 1.5rem;
    }

    .top_page .section04 table .offer {
        font-size: 1.3rem;
    }

    .top_page .section04 table .price, .top_page .section04 table .price02 {
        font-size: 1.5rem;
    }
}

@media (max-width: 430px) {
    .top_page .section04 .cnt02 {
        margin-top: 0;
        background-position: bottom -10px center;
    }

    .top_page .section04 .cnt02 .kouka ul {
        padding: 10px 20px;
    }

    .top_page .section04 .cnt02 table {
        width: 100%;
    }

    .top_page .section04 table {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .top_page .section04 .product h2 {
        font-size: 1.2rem;
    }

    .top_page .section04 .cnt02 table th {
        font-size: 1.2rem;
    }

    .top_page .section04 table .offer {
        font-size: 1.1rem;
    }

    .top_page .section04 table .price, .top_page .section04 table .price02 {
        font-size: 1.2rem;
    }

    .top_page .section04 .cnt02 .kouka {
        width: 100%;
        margin: 0 auto;
    }

    .top_page .section04 .cnt02 img {
        width: 40%;
    }
}

@media (max-width: 414px) {
    .top_page .section04 .cnt02 {
        margin: 0 auto;
        padding: 40px 0;
    }
}

@media (max-width: 412px) {
    .top_page .section04 {
        /* background: linear-gradient(90deg, #f2fff2, #ceebce, #b8eab8); */
        /* background-color: #f2fff2; */
        padding-bottom: 20px;
    }

    .top_page .section04 .cnt02 {
        margin-top: 0px;
        background-position: bottom -20px center;
    }

    .top_page .section04 .cnt02 {
        padding: 40px 0;
    }

    .top_page .section04 .special-offer {
        font-size: 1.1rem;
    }
}


@media (max-width: 390px) {
    .top_page .section04 img {
        width: 40%;
        height: auto;
    }
}

@media (max-width: 360px) {
    .top_page .section04 .cnt02 {
        padding: 40px 0px;
    }

    .top_page .section04 .cnt02 {
        margin-top: 20px;
        background-position: bottom 0px center;
    }
}

/* ==================== */
/* .section05  */
/* ==================== */