@charset "utf-8";

/* CSS Document */


/*==================================================================

清水CSS

================================================================== */

.m-auto {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.no35 {
    background-color: #fbf8f2;
}

.no35 .n35-bm {
    margin-bottom: -32px;
}

.no35 h3 {
    text-align: center;
    font-size: 2em;
    border-bottom: 1px solid #b49c8e;
    padding-bottom: 24px;
}

.no35 h3 span {
    display: block;
    font-size: 0.8em;
    margin-bottom: 16px;
}

.no35 .n35-item {
    margin-bottom: 36px;
}

.no35 .no35 h4 {
    margin-bottom: -18px;
}

.no35 .n35-editor,
.no35 .n35-rcm {
    background-color: rgba(255, 255, 255, 1.00);
    padding-top: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
}

.no35 .n35-inner {
    border-top: 1px solid #fbf8f2;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    overflow: hidden;
}

.no35 .n35-rcmitem {
    margin-top: 42px;
    margin-bottom: 42px;
}

.no35 .n35-dtl {
    background-color: rgba(255, 255, 255, 1.00);
    padding: 40px 60px;
}


/*No.36*/

.no36 .n36-section {
    margin-bottom: 60px;
}

.no36 .n36-section--special {
    border: 1px solid rgba(170, 170, 170, 1.00);
    border-radius: 6px;
    padding: 60px;
    position: relative;
}

.no36 .n36-heading {
    font-size: 22px;
    margin-left: 170px;
    margin-top: 50px;
    color: #5c5c5c;
}

.no36 .n36-head {
    position: relative;
}

.no36 .n36-num {
    position: absolute;
    top: 0;
    left: 15px;
}

.no36 .n36-special-icon {
    position: absolute;
    z-index: 100;
    top: -50px;
    left: 100px;
}

.no36 .n36-heading--special {
    font-size: 21px;
    color: #5c5c5c;
}

.no36 .n36-color--1 {
    color: #f39700;
    font-weight: bold;
}

.no36 .n36-color--2 {
    color: #009e96;
    font-weight: bold;
}

.no36 .n36-face {
    float: left;
}

.no36 .n36-tx__list {
    margin-left: 155px;
}

.no36 .n36-tx__list--2 {
    margin-left: 70px;
}

.no36 .n36-tx--1 {
    margin-top: -120px;
}

.no36 .n36-tx--2 {
    margin-top: -140px;
}

.no36 .n36-tx--3 {
    margin-top: -20px;
}

.no36 .n36-magazine {
    margin-top: -100px;
}


/*No.38*/

.no38 h4 {
    padding-bottom: 0px;
    margin-bottom: 32px;
}

.no38 .n38-border {
    border-top: 5px solid #f0f0f0;
}

.no38 .n38-lh44 {
    display: block;
    line-height: 48px;
}

.no38 .n38-gray {
    background-color: #f0f0f0;
    padding-top: 42px;
    padding-right: 42px;
    padding-bottom: 42px;
    padding-left: 42px;
    margin-left: 24px;
    margin-top: 32px;
}

.no38 .n38-howto dt,
.no38 .n38-howto dd {
    margin-bottom: 40px;
}

.no38 .n38-howto dt {
    width: 134px;
    float: left;
    clear: left;
    font-size: 16px;
}

.no38 .n38-howto dd {
    overflow: hidden;
    padding-bottom: 29px;
    padding-left: 36px;
}

.no38 .n38-howto dd img {
    margin-top: 24px;
}


/*No.43*/

.no43 .n43-box {
    margin-left: -16.66666667%;
    ;
}

.no43 .n43-inner {
    margin-top: -18px;
}

.no43 h1 {
    font-size: 22px;
    color: rgb(160, 113, 23);
    font-weight: bold;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
}

.no43 .n43-read {
    border-top: 1px solid rgba(71, 71, 71, 1.00);
    border-bottom: 1px solid rgba(71, 71, 71, 1.00);
    padding-top: 24px;
    padding-bottom: 24px;
}

.no43 .n43-point {
    margin-top: -32px;
    margin-left: -14px;
    margin-bottom: -32px;
}

.no43 .n43-zu-box {
    border: 1px solid #47444b;
    position: relative;
    padding: 20px 0px;
    /* [disabled]max-height: 200px; */
}

.no43 .n43-zu-tag {
    text-align: center;
    position: absolute;
    top: -48px;
    left: 32%;
}

.no43 .n43-item {
    margin-top: -48px;
    margin-bottom: -36px;
}

.no43 .n43-tmd-inner {
    padding-top: 36px;
    padding-right: 36px;
    padding-bottom: 36px;
    padding-left: 36px;
    border: 1px solid rgba(71, 71, 71, 1.00);
    margin-top: 170px;
}

.no43 .n43-prf {
    border: 1px solid rgba(71, 71, 71, 1.00);
    padding: 32px 0px;
}

.no43 .n43-prf-ttl {
    margin-top: -50px;
}

.no48 .n48-box {
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    overflow: hidden;
}

.point.no48 .n48-box {
    /* [disabled]padding-top: 48px; */
    padding-right: 32px;
    /* [disabled]padding-bottom: 48px; */
    padding-left: 32px;
}

.select.no48 .n48-box {
    /* [disabled]padding-top: 48px; */
    padding-right: 16px;
    /* [disabled]padding-bottom: 48px; */
    padding-left: 16px;
}

.s-tx-box {
    padding-top: 16px;
    padding-right: 28px;
    padding-bottom: 16px;
    padding-left: 28px;
}

.no48 .n48-box dl {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    margin-top: 16px;
}

.no48 h3 {
    margin-top: 8px;
    padding: 16px 0px;
    text-align: center;
    background-color: rgba(210, 210, 210, 0.09);
}

.select {}

.select.pu {
    border: none;
}

.pu h3 {
    display: block;
    text-align: center;
    left: 0px;
    overflow: visible;
    width: 100%;
    margin-top: 24px;
    background: none;
}

.pu p {
    margin-top: -64px;
    padding-top: 80px;
    background-color: #f9fbff;
    border-radius: 6px;
}

.no48 .n48-nml {
    margin-left: -8.33333333%;
}

.no48 h4 {
    text-align: center;
    margin-bottom: 56px;
}

.no48 .n48-item-inner {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.no48 .n48-box dl dt {
    width: 154px;
    margin-right: 32px;
    float: left;
}

.no48 .n48-box dl dt,
.no48 .n48-box dl dd {
    margin-bottom: 24px;
}

.no48 .n48-box dl dd {
    overflow: hidden;
}

.no48 .tx-box {
    margin-left: 36px;
    margin-right: 8px;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .no38 .n38-howto dt,
    .no38 .n38-howto dd {
        margin-bottom: 16px;
    }
    .no38 .n38-lh44 {
        display: block;
        line-height: 1.2;
    }
    .no38 .n38-howto dt {
        width: 100%;
        float: none;
    }
    .no43 .no43 .n43-box {
        margin-left: 0;
    }
    .no43 .n43-point {
        margin-top: -24px;
        margin-left: 0;
        text-align: center;
    }
    .no43 .n43-zu-box {
        max-height: auto;
    }
    .no43 .n43-zu-tag {
        text-align: center;
        position: absolute;
        top: -60px;
        left: 0%;
    }
    .no43 .n43-item {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .no43 .n43-tmd-inner {
        margin-top: 24px;
    }
    .no48 .n48-box {
        padding: 32px 0px;
    }
    .no48 .n48-nml {
        margin-left: 0px;
    }
    .no48 .tx-box {
        width: 100%;
        margin: 0px;
    }
    .no48 .n48-box.select {
        padding: 8px;
    }
    .no48 .n48-item-inner {
        width: 90%;
        margin-top: 3%;
    }
    .no48 .n48-box dl dt {
        width: 90%;
        margin-right: 0px;
        float: none;
    }
}


/******************************************************************************

* RESPONSIVE

*******************************************************************************/

@media (max-width: 1279px) {}

@media (max-width: 1019px) {
    .no36 .n36-heading {
        font-size: 18px;
    }
    .no36 .n36-tx__list {
        margin-left: 155px;
    }
    .no36 .n36-tx--1 {
        margin-top: -100px;
    }
    .no36 .n36-tx--2 {
        margin-top: -100px;
    }
    .no36 .n36-tx--3 {
        margin-top: 0px;
    }
    .no36 .n36-magazine {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .no36 .n36-num {
        position: static;
        width: 120px;
        margin: 0 auto 0;
    }
    .no36 .n36-heading {
        font-size: 20px;
        text-align: center;
        margin-left: 0px;
        margin-top: 10px;
    }
    .no36 .n36-tx__list {
        margin-left: 0px;
    }
    .no36 .n36-tx__list--2 {
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .no36 .n36-tx--1 {
        margin-top: 20px;
    }
    .no36 .n36-tx--2 {
        margin-top: 20px;
    }
    .no36 .n36-face {
        float: inherit;
        margin-bottom: 20px;
        text-align: center;
    }
    .no36 .n36-magazine {
        margin-top: 0px;
    }
    .no36 .n36-special-icon {
        left: 0px;
        width: 180px;
    }
    .no36 .n36-section--special {
        padding: 30px;
    }
}