@charset "UTF-8";

/* === lp all === */

/* body {
    margin: auto;
} */

/* store */
/*position:stickey;を適用するために必須*/
.page-layout-1column,
.page-layout-2columns-left,
.page-layout-2columns-right,
.page-layout-1column-fullwidth {
    overflow-x: visible !important;
}

.lp__wrap--para {
    text-align: center;
    padding-bottom: 50px;
    font-size: clamp(14px, 1.15vw, 18px);
    letter-spacing: 1px;
}

.lp__wrap--para::before {
    background: url("../../../img/event/tz-points/bg.jpg");
    background-color: #fff;
    background-size: cover;
    background-position: top center;
    background-repeat: repeat;
}

@media screen and (max-width:768px) {

    .lp__wrap--para::before {
        background: url("../../../img/event/tz-points/sp_bg.jpg");
        background-color: #fff;
        background-size: cover;
        background-position: top center;
        background-repeat: repeat;
    }

}

@media screen and (min-width: 821px) {

    .tz-points__wrap .visible820 {
        display: none;
    }
}

/* ●○● tz-points ●○● */

.tz-points__wrap * {
    box-sizing: border-box;
}

.tz-points__wrap .mv {
    margin-top: 50px;
}

.tz-points__wrap section {
    background: transparent;
    margin: auto;
    padding: 75px 0;
    width: 90%;
    max-width: 1200px;
    overflow-x: hidden;
}

.tz-points__wrap section#point,
.tz-points__wrap section#document {
    margin: 75px auto;
    padding: 75px 0;
    width: 100%;
    max-width: none;
    background: #eceef0;
}

.tz-points__wrap section>.ttl {
    margin: auto;
    padding: 30px;
    max-width: 750px;
    width: 75%;
}

.tz-points__wrap section>.txt {
    text-align: center;
    font-size: clamp(16px, 1.75vw, 22px);
    line-height: 3.75rem;
    letter-spacing: 1px;
}

@media screen and (max-width:767px) {
    .tz-points__wrap section {
        padding: 50px 1%;
        width: 100%;
    }

    .tz-points__wrap section>.ttl {
        width: 100%;
        padding: 0 0 20px;
    }

    .tz-points__wrap section>.txt {
        line-height: 3.0rem;
    }
}


/* === nav === */
.ctgmenu__area {
    overflow-x: hidden;
    /* padding: 5px 0; */
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 9;
    margin: 50px auto auto;
}

.ctgmenu__box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    max-width: 1200px;
    margin: 0 auto;
}

a.ctgmenu__btn {
    min-width: 95%;
    display: block;
    background: #05a996;
    color: #fff;
    border-radius: 25px;
    margin: 10px auto 0;
    padding: 8px 0;
    box-shadow: 0 5px 2px rgb(114 187 175 / 30%);
}

a.ctgmenu__btn:nth-child(n+5) {
    margin: 10px auto;
}

a.ctgmenu__btn:hover {
    text-decoration: none;
}

a.ctgmenu__btn p {
    margin-bottom: 0;
}

@media screen and (max-width:2000px) {

    a.ctgmenu__btn {
        padding: 5px 0;
    }
}

@media screen and (max-width:767px) {

    .ctgmenu__area {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto;
    }

    .ctgmenu__box {
        width: max-content;
        /* margin: 0 10px; */
    }

    a.ctgmenu__btn {
        min-width: 97%;
        padding: 5px;
    }

}


/* === about === */
#about .txt p span {
    color: #119c80;
    font-weight: bold;
}

#about .image {
    margin: auto;
    padding: 25px 0;
    width: 80%;
    max-width: 900px;
}

@media screen and (max-width:767px) {
    #about .image {
        width: 90%;
    }
}


/* === target === */
#target .conditions {
    position: relative;
    background: #f5f7f9;
    border: 3px solid #e6e8eb;
    padding: 35px 0;
    min-height: 240px;
    max-height: 240px;
}

#target .conditions.conditions02 {
    padding: 50px 0;
}

#target .conditions.conditions03 {
    padding: 40px 0;
}

/* #target .conditions .label {
    position: absolute;
    left: -20px;
    top: 0;
}

#target .conditions .label img {
    width: 75%;
} */
 
#target .conditions .label img {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
}

#target .conditions .detail {
    text-align: center;
    margin: auto;
}

#target .conditions .detail .ttl-txt {
    color: #0da788;
    font-weight: bold;
    font-size: clamp(17px, 2.25vw, 24px);
    letter-spacing: 2px;
}

#target .conditions .detail .txt span {
    font-size: 10px;
}

#target .conditions .detail .annotation {
    font-size: clamp(12px, 1.75vw, 16px);
}

@media screen and (max-width:991px) {

    #target .conditions {
        padding: 25px;
        min-height: 180px;
        /* max-height: 180px; */
        margin: auto auto 15px;
        width: 90%;
    }

    #target .conditions.conditions02 {
        padding: 40px 0;
    }

    #target .conditions.conditions03 {
        padding: 30px 0;
        margin: auto;
    }

}


/* === point === */
#point .point-page {
    margin: auto;
    width: 100%;
    max-width: 600px;
    padding-top: 25px;
}

#point .case {
    padding: 50px 0;
    margin: auto;
    max-width: 1200px;
}

#point .case>p.annotation {
    display: none;
}

#point .case .ttl {
    margin: auto;
    padding: 30px;
    max-width: 650px;
    width: 75%;
}

#point>.annotation {
    margin-top: 15px;
}

#point .case.case02 .txt .annotation,
#point .case.case04 .txt {
    margin-bottom: 30px;
}

#point>.annotation,
#point .case.case02 .txt .annotation {
    font-size: clamp(12px, 1.75vw, 16px);
}

#point .case table {
    margin: auto;
    max-width: 1200px;
    background: #fff;
}

#point .case table tbody tr {
    border-bottom: 2px dashed #8fd2c5;
}

#point .case table tbody tr:nth-child(7) {
    border-bottom: 2px solid #49bda6;
}

#point .case table tbody tr:last-child {
    border-bottom: none;
}

#point .case table tbody tr th {
    text-align: center;
    background: #d4f4ed;
    color: #007e6d;
    border-bottom: 2px solid #49bda6;
    border-left: 2px solid #8fd2c5;
    vertical-align: middle;
}

#point .case.case01 table tbody tr th:first-child,
#point .case.case02 table tbody tr th:first-child {
    width: calc(100%/4);
}

#point .case.case03 table tbody tr th:first-child,
#point .case.case04 table tbody tr th:first-child {
    width: calc(100%/3);
}

#point .case table tbody tr td {
    border-left: 2px solid #8fd2c5;
    font-size: clamp(14px, 1.15vw, 18px);
    vertical-align: middle;
}

#point .case table tbody tr th:first-child,
#point .case table tbody tr td.point_icon {
    border-left: none;
}

#point .case table tbody tr td.point_icon {
    padding: 25px 0;
}

#point .case table tbody tr td.point_icon p {
    margin-bottom: 5px;
}

#point .case table tbody tr td.point_icon img {
    width: 100px;
}

@media screen and (max-width:767px) {

    #point .point-page {
        padding-top: 15px;
    }

    #point .case {
        padding: 25px 0;
    }

    #point .case .ttl {
        padding: 20px 0;
        width: 90%;
    }

    #point .case>p.annotation {
        display: block;
        font-size: clamp(12px, 1.75vw, 16px);
        text-align: left;
        color: #777;
        padding-left: 10px;
    }

    #point .case .sp-scroll {
        overflow-x: scroll;
        width: 100%;
        white-space: nowrap;
    }

    #point .case.case01 table tbody tr th:first-child,
    #point .case.case02 table tbody tr th:first-child,
    #point .case.case03 table tbody tr th:first-child,
    #point .case.case04 table tbody tr th:first-child {
        padding: 25px 50px;
    }

}


/* === period === */
.tz-points__wrap section#period>.txt {
    font-size: clamp(17px, 2.5vw, 25px);
    letter-spacing: 2px;
}

#period .txt p {
    text-align: center;
    margin: 0;
    line-height: normal;
}

#period .txt p span {
    color: #119c80;
    font-weight: bold;
}

#period .txt p.annotation {
    font-size: clamp(12px, 1.75vw, 16px);
}


/* === procedure === */
.procedure-area {
    margin: 20px auto;
    max-width: 1000px;
}

.procedure-area .col-10 {
    text-align: center;
    background: #fafbfc;
    padding: 25px 0;
}

.procedure-area .detail {
    margin-right: 17%;
}

.procedure-area .detail p:nth-of-type(2) {
    margin-bottom: 0;
}

.procedure-area .detail .ttl {
    font-weight: bold;
    font-size: clamp(18px, 2.25vw, 24px);
}

.procedure-area .detail .inquiryBtn .block-static-block.widget {
    margin-bottom: 0;
    margin-top: 10px;
}

.procedure-area .detail .inquiryBtn .block-static-block.widget img {
    max-width: 500px;
    width: 40%;
}

.procedure01 .row {
    border: 1px solid #90e039;
    background: #e0ffc6;
}

.procedure01 .col-2,
.procedure02 .col-2,
.procedure03 .col-2,
.procedure04 .col-2,
.procedure05 .col-2 {
    margin: auto;
}

.procedure01 .detail .ttl {
    color: #5db300;
}

.procedure02 .row {
    border: 1px solid #67d250;
    background: #d7fccf;
}

.procedure02 .detail .ttl {
    color: #34b818;
}

.procedure03 .row {
    border: 1px solid #59cd71;
    background: #cef9d7;
}

.procedure03 .detail .ttl {
    color: #16b537;
}

.procedure04 .row {
    border: 1px solid #6ecca0;
    background: #c6f7e0;
}

.procedure04 .detail .ttl {
    color: #13b066;
}

.procedure05 .row {
    border: 1px solid #4fc5ab;
    background: #bdf4e8;
}

.procedure05 .detail .ttl {
    color: #16b097;
}

.arrow {
    max-width: 1000px;
    margin: auto;
}

@media screen and (max-width:767px) {

    .procedure-area {
        max-width: 90%;
    }

    .procedure-area .col-10 {
        text-align: left;
        padding: 15px;
    }

    .procedure-area .detail {
        margin-right: auto;
    }

    .procedure-area .detail .inquiryBtn .block-static-block.widget img {
        width: 85%;
    }
}


/* === document === */
#document .document-detail>.annotation:nth-child(1) {
    display: none;
}

#document .document-detail>.annotation:last-child,
#document .document-list .row .annotation {
    font-size: clamp(12px, 1.05vw, 16px);
}

#document .document-detail {
    padding: 30px 0;
}

#document .document-detail>.ttl {
    padding-bottom: 25px;
}

#document table {
    margin: auto;
    max-width: 1000px;
    background: #fff;
}

#document table tbody tr {
    border-bottom: 2px solid #8fd2c5;
}

#document table tbody tr:last-child {
    border-bottom: none;
}

#document table tbody tr th:nth-child(5n),
#document table tbody tr td:nth-child(5n) {
    border-right: none;
}

#document table tbody tr th {
    text-align: center;
    background: #d4f4ed;
    color: #007e6d;
    border-right: 2px solid #8fd2c5;
}

#document table tbody tr th:nth-child(2) {
    vertical-align: middle;
}

#document table tbody tr td {
    border-right: 2px solid #8fd2c5;
}

#document table tbody tr td span {
    font-size: clamp(10px, 1.0vw, 12px);
}

#document .document-conditions {
    text-align: left;
    margin: auto auto 30px;
    width: 85%;
    max-width: 850px;
}

#document .document-list {
    margin: auto;
    max-width: 1000px;
    background: #fff;
    padding-bottom: 50px;
}

#document .document-list>.ttl {
    text-align: center;
    font-weight: bold;
    background: #d4f4ed;
    color: #007e6d;
    border-bottom: 2px solid #49bda6;
    padding: 20px;
    margin-bottom: 50px;
}

#document .document-list>.ttl p {
    margin-bottom: 0;
    font-size: clamp(18px, 2.25vw, 24px);
}

#document .document-list>.row {
    padding: 0 50px;
}

#document .document-list .row .col-sm-6 .ttl,
#document .document-list .row>.ttl {
    font-weight: bold;
    color: #069990;
    font-size: clamp(16px, 1.5vw, 22px);
}

#document .document-list .row .col-sm-6 {
    padding-bottom: 50px;
}

#document .document-list .row .col-sm-6:last-child {
    text-align: left;
    padding-left: 30px;
}

#document .document-list .row .col-sm-6 img {
    width: 90%;
}

#document .document-list .row .col-sm-6:last-child img {
    width: 47%;
}

#document .document-list .row:last-child .col-sm-6 {
    text-align: center;
}

#document .document-list .row:last-child .col-sm-6 img {
    width: 45%;
}

#document .document-list .notAccepted_ex {
    margin: auto;
    padding: 20px;
    width: 90%;
    background: #f5f7f9;
}

#document .document-list .notAccepted_ex p.ttl {
    font-weight: bold;
    font-size: clamp(16px, 1.5vw, 22px);
}

#document .document-list .notAccepted_ex p:nth-of-type(2) {
    font-size: clamp(13px, 1.025vw, 15px);
    line-height: 2.25rem;
}

#document .longUse {
    margin: auto;
    max-width: 850px;
    background: #ffffff;
    padding: 25px;
}

#document .longUse .ttl {
    color: #069990;
    font-weight: bold;
    font-size: clamp(16px, 1.5vw, 22px);
}

#document .longUse img {
    padding: 15px 0;
}

#document .longUse img:nth-child(2) {
    width: 75%;
}

@media screen and (max-width:767px) {

    #document .document-detail>.annotation:nth-child(1) {
        display: block;
        font-size: clamp(12px, 1.75vw, 16px);
        text-align: left;
        color: #777;
        padding-left: 10px;
    }

    #document .document-detail>.annotation:last-child {
        text-align: left;
    }

    #document .document-detail .sp-scroll {
        overflow-x: scroll;
        width: 100%;
        white-space: nowrap;
    }

    #document .document-conditions {
        width: 90%;
    }

    #document .document-list {
        margin: auto 15px;
    }

    #document .document-list>.ttl {
        margin-bottom: 25px;
    }

    #document .document-list>.row {
        padding: 0px 15px;
    }

    #document .document-list .row .col-sm-6 {
        padding-bottom: 30px;
    }

    #document .document-list .row .col-sm-6:nth-child(4) {
        display: none;
    }

    #document .document-list .row .col-sm-6:last-child {
        padding-left: 20px;
    }

    #document .document-list .row .col-sm-6:last-child img {
        width: 50%;
    }

    #document .document-list .notAccepted_ex p {
        text-align: left;
    }

    #document .document-list .notAccepted_ex p.ttl {
        text-align: center;
    }

    #document .longUse {
        width: 95%;
    }

    #document .longUse .col-sm-6:first-child {
        padding-bottom: 20px;
    }
}


/* === qa === */
#qa .qa {
    background: #f5f7f9;
    border: 2px solid #e6e8eb;
    text-align: left;
    padding: 15px;
    margin: auto auto 25px;
    max-width: 1000px;
}

#qa .qa p {
    margin-bottom: 0;
}

#qa .qa p.question {
    font-weight: bold;
    margin-bottom: 5px;
}


/* === inquiry === */
#inquiry .inquiryBtn .block-static-block.widget img {
    max-width: 400px;
    width: 30%;
}

@media screen and (max-width:767px) {

    #inquiry .inquiryBtn .block-static-block.widget img {
        max-width: 400px;
        width: 85%;
    }
}