/* CSS Document */

/* --------------------
 *   main
 * -------------------- */

.kazari_section01 {
    position: relative;
}

.kazari_section01 .section_chunk1 {
    position: relative;
}

.kazari_section01 .section_chunk1 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section01 .section_block1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.kazari_section01_text1 {
    color: #fff;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 4rem;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 1;
}

.kazari_section01_text2 {
    color: #fff;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.2rem;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.2;
    opacity: 0.68;
}

.kazari_section02 {
    position: relative;
}

.kazari_section02 .section_chunk1 {
    position: relative;
}

.kazari_section02 .section_chunk1 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section02 .section_block1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    width: 60rem;
    z-index: 2;
}

.kazari_section02_text1 {
    color: #000;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text2 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.1rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text3 {
    color: #707070;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    /* font-family: 'Meiryo', 'Noto Sans JP', sans-serif; */
    font-weight: normal;
    font-size: 1.76rem;
    /* font-size: 1.8rem; */
    /* font-size: 2rem; */
    line-height: 3.5rem;
    text-align: justify;
    /* text-align: right; */
}

.kazari_section02 .section_block2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 60rem;
}

.know_mold1 {
    width: 60rem;
    height: 44.6rem;
}

.kazari_section02 .section_block3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.know_mold2 {
    width: 34.4rem;
    height: 23.8rem;
}

.know_mold3 {
    width: 34.4rem;
    height: 23.8rem;
}

.kazari_section02 .section_chunk2 {
    position: relative;
}

.kazari_section02 .section_chunk2 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section02 .section_block4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 60rem;
    z-index: 2;
}

.kazari_section02_text4 {
    color: #000;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text5 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.1rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text6 {
    color: #707070;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    /* font-family: 'Meiryo', 'Noto Sans JP', sans-serif; */
    font-size: 1.8rem;
    /* font-size: 2rem; */
    font-weight: normal;
    line-height: 3.5rem;
    text-align: justify;
}

.kazari_section02 .section_block5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 60rem;
}

.know_tagane1 {
    width: 60rem;
    height: 44.6rem;
}

.kazari_section02_text7 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 2.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02 .section_block6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.know_tagane2 {
    width: 34.4rem;
    height: 23.8rem;
}

.know_tagane3 {
    width: 34.4rem;
    height: 23.8rem;
}

.kazari_section02 .section_chunk3 {
    position: relative;
}

.kazari_section02 .section_chunk3 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section02 .section_block7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.kazari_section02_text8 {
    color: #707070;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    /* font-family: 'Meiryo', 'Noto Sans JP', sans-serif; */
    font-size: 1.8rem;
    /* font-size: 2rem; */
    font-weight: normal;
    line-height: 3.5rem;
    text-align: justify;
    /* text-align: right; */
}

.kazari_section02_text9 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 2.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.know_nanako1 {
    width: 56.2rem;
    height: 38.9rem;
}

.kazari_section02 .section_block8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.know_nanako2 {
    width: 27.9rem;
    height: 20.7rem;
}

.know_nanako3 {
    width: 29.9rem;
    height: 20.7rem;
}

.kazari_section02 .section_chunk4 {
    position: relative;
}

.kazari_section02 .section_chunk4 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section02 .section_block9 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 60rem;
    z-index: 2;
}

.kazari_section02_text10 {
    color: #000;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text11 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.1rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text12 {
    color: #707070;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    /* font-family: 'Meiryo', 'Noto Sans JP', sans-serif; */
    font-size: 1.8rem;
    /* font-size: 2rem; */
    font-weight: normal;
    line-height: 3.5rem;
    text-align: justify;
}

.kazari_section02 .section_block10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 60rem;
}

.know_saidan1 {
    width: 60rem;
    height: 44.6rem;
}

.kazari_section02 .section_block11 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: auto;
}

.know_saidan2 {
    width: 34.4rem;
    height: 23.8rem;
}

.know_saidan3 {
    width: 34.4rem;
    height: 23.8rem;
}

.kazari_section02 .section_chunk5 {
    position: relative;
}

.kazari_section02 .section_chunk5 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.kazari_section02 .section_block12 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    width: 60rem;
    z-index: 2;
}

.kazari_section02_text13 {
    color: #000;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.6rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text14 {
    color: #656565;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    font-size: 3.1rem;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.kazari_section02_text15 {
    color: #707070;
    font-family: 'Zen Antique', 'Noto Serif JP', serif;
    /* font-family: 'Meiryo', 'Noto Sans JP', sans-serif; */
    font-weight: normal;
    font-size: 1.8rem;
    /* font-size: 2rem; */
    line-height: 3.5rem;
    text-align: justify;
    /* text-align: right; */
}

.kazari_section02 .section_block13 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 60rem;
}

.know_shiage1 {
    width: 60rem;
    height: 44.6rem;
}

.kazari_section02 .section_block14 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.know_shiage2 {
    width: 34.4rem;
    height: 23.8rem;
}

.know_shiage3 {
    width: 34.4rem;
    height: 23.8rem;
}

/* --------------------
 *   override
 * -------------------- */

.kazari_section01 {
    background-image: url('../images/know/know_fv.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.kazari_section01 .section_block1 {
    height: 100vh;
}

.kazari_section01 h2 {
    margin-top: 5rem;
}

.kazari_section02 {
    background-image: url('../images/know/know_back-pater.jpg');
    background-position: center top;
    background-repeat: repeat;
}

.kazari_section02 .section_chunk1 > div {
    padding: 14.3rem 0rem 13.7rem;
}

.kazari_section02 .section_block1 {
    padding-top: 5.8rem;
    padding-right: 0rem!important;
    order: 2;
}

.kazari_section02 .section_block1 h3::before {
    border-top: 0.2rem solid #707070;
    content: '';
    position: absolute;
    top: calc(50% + 0.5rem);
    right: 12.4rem;
    width: 54.3rem;
    z-index: 2;
}

.kazari_section02 .section_block1 span {
    margin-top: -0.8rem;
    margin-right: 1.2rem;
    margin-bottom: 0.7rem;
    /* margin-bottom: 2.7rem; */
}

.kazari_section02 .section_block1 p:nth-of-type(1) {
    width: 50.5rem;
    /* width: 50rem; */
}

.kazari_section02 .section_block2 {
    order: 1;
}

.kazari_section02 .section_block2::after {
    background: #cbcbcb;
    content: '';
    position: absolute;
    left: 11.3rem;
    bottom: -14.8rem;
    width: 55.1rem;
    height: 49.2rem;
    opacity: 0.29;
}

.know_mold1 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.kazari_section02 .section_block3 {
    padding: 1.7rem;
    order: 3;
}

.know_mold2 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
}

.know_mold3 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    margin-left: 2rem;
}

.kazari_section02 .section_chunk2 {
    padding-bottom: 5rem;
}

.kazari_section02 .section_block4 {
    padding-top: 2.1rem;
    /* padding-top: 8.2rem; */
    padding-right: 0rem!important;
    order: 1;
}

.kazari_section02 .section_block4 h3::before {
    border-top: 0.2rem solid #707070;
    content: '';
    position: absolute;
    top: calc(50% + 0.6rem);
    left: 6.8rem;
    width: 66.5rem;
    z-index: 2;
}

.kazari_section02 .section_block4 span {
    margin-top: -0.8rem;
    margin-right: 1.2rem;
    margin-bottom: 1.9rem;
}

.kazari_section02 .section_block4 p:nth-of-type(1) {
    width: 50rem;
}

.kazari_section02 .section_block5 {
    order: 2;
}

.kazari_section02 .section_block5::after {
    background: #cbcbcb;
    content: '';
    position: absolute;
    left: -5.7rem;
    bottom: -17.8rem;
    width: 55.1rem;
    height: 49.2rem;
    opacity: 0.29;
}

.kazari_section02 .section_block5 > div {
    position: absolute;
    right: 2rem;
    bottom: -6rem;
}

.know_tagane1 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.kazari_section02 .section_block6 {
    padding: 1.6rem 0rem;
    order: 3;
}

.know_tagane2 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
}

.know_tagane3 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    margin-left: 2.5rem;
}

.kazari_section02 .section_chunk3 {
    padding-bottom: 1.5rem;
}

.kazari_section02 .section_block7::after {
    background: #cbcbcb;
    content: '';
    position: absolute;
    left: 12rem;
    bottom: -5.3rem;
    width: 48rem;
    height: 36.3rem;
    opacity: 0.29;
}

.kazari_section02 .section_block7 p {
    position: absolute;
    top: -0.6rem;
    right: 2rem;
    width: 46rem;
}

.kazari_section02 .section_block7 > div {
    position: absolute;
    left: 0rem;
    bottom: -5rem;
}

.know_nanako1 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.kazari_section02 .section_block8 {
    padding: 1.7rem 0rem;
}

.know_nanako2 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    position: relative;
    top: -17.3rem;
}

.know_nanako3 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    position: relative;
    top: -17.3rem;
    margin-left: 1rem;
}

.kazari_section02 .section_block9 {
    padding-top: 8.2rem;
    padding-right: 0rem!important;
}

.kazari_section02 .section_block9 h3::before {
    border-top: 0.2rem solid #707070;
    content: '';
    position: absolute;
    top: calc(50% + 0.6rem);
    left: 10.2rem;
    width: 64.6rem;
    z-index: 2;
}

.kazari_section02 .section_block9 span {
    margin-top: -0.8rem;
    margin-right: 1.2rem;
    margin-bottom: 1.9rem;
}

.kazari_section02 .section_block9 p {
    width: 50rem;
    /* width: 48rem; */
}

.kazari_section02 .section_chunk4 {
    padding-bottom: 14rem;
}

.know_saidan1 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.kazari_section02 .section_block10::after {
    background: #cbcbcb;
    content: '';
    position: absolute;
    left: -5.5rem;
    bottom: -17.3rem;
    width: 55.1rem;
    height: 49.2rem;
    opacity: 0.29;
}

.kazari_section02 .section_block11 {
    padding: 1.6rem 0rem;
}

.know_saidan2 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
}

.know_saidan3 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    margin-left: 2rem;
}

.kazari_section02 .section_chunk5 > div {
    padding-bottom: 13.6rem;
}

.kazari_section02 .section_block12 {
    padding-top: 5.5rem;
    order: 2;
}

.kazari_section02 .section_block12 h3::before {
    border-top: 0.2rem solid #707070;
    content: '';
    position: absolute;
    top: calc(50% + 0.5rem);
    right: 14.8rem;
    width: 52.2rem;
    z-index: 2;
}

.kazari_section02 .section_block12 span {
    margin-top: -0.8rem;
    margin-right: 0.2rem;
    margin-bottom: 2.7rem;
}

.kazari_section02 .section_block12 p:nth-of-type(1) {
    width: 50rem;
}

.kazari_section02 .section_block13 {
    order: 1;
}

.kazari_section02 .section_block13::after {
    background: #cbcbcb;
    content: '';
    position: absolute;
    left: 11.3rem;
    bottom: -14.8rem;
    width: 55.1rem;
    height: 49.2rem;
    opacity: 0.29;
}

.know_shiage1 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.kazari_section02 .section_block14 {
    padding: 1.5rem 0rem;
    order: 3;
}

.know_shiage2 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
}

.know_shiage3 {
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.16);
    margin-left: 2rem;
}

.footer_section01 {
    background-image: url('../images/know/know_footer2.jpg');
    padding-top: 18.4rem;
}


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

    /* --------------------
     *   main
     * -------------------- */

    .kazari_section01 {
        background-image: url('../images/know/know_fv_sp.jpg');
    }

    .kazari_section01 h2 {
        margin-top: 3rem;
    }

    .kazari_section02 .section_block1 {
        align-items: center;
    }

    .know_mold1 {
        width: 100%;
        height: auto;
    }

    .know_mold2 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .know_mold3 {
        width: calc(50% - 0.7rem);
        height: auto;
        margin-left: 1.4rem;
    }

    .kazari_section02 .section_block4 {
        align-items: center;
    }

    .know_tagane1 {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        order: 2;
    }

    .kazari_section02 .section_chunk1 > div {
        padding: 3.3rem 0rem 0rem;
    }

    .kazari_section02 .section_block1 {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
        order: 1;
    }

    .kazari_section02 .section_block1 h3::before {
        display: none;
    }

    .kazari_section02 .section_block1 span {
        margin-bottom: 1rem;
    }

    .kazari_section02 .section_block1 p:nth-of-type(1) {
        width: 100%;
    }

    .kazari_section02 .section_block2 {
        padding: 5rem 2rem 0rem!important;
        order: 2;
    }

    .kazari_section02 .section_block2::after {
        display: none;
    }

    .kazari_section02 .section_block3 {
        padding: 1.7rem 2rem!important;
    }

    .kazari_section02 .section_block4 {
        padding: 5.8rem 2rem 0rem!important;
    }

    .kazari_section02 .section_block4 h3::before {
        display: none;
    }

    .kazari_section02 .section_block4 span {
        margin-bottom: 1rem;
    }

    .kazari_section02 .section_block4 p:nth-of-type(1) {
        width: 100%;
    }

    .know_tagane2 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .know_tagane3 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .kazari_section02 .section_block7 {
        justify-content: center;
        padding: 4rem 2rem 0rem!important;
    }

    .know_nanako1 {
        width: 100%;
        height: auto;
    }

    .know_nanako2 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .know_nanako3 {
        width: calc(50% - 0.7rem);
        height: 13.8rem;
    }

    .kazari_section02 .section_chunk2 {
        padding-bottom: 0rem;
    }

    .kazari_section02 .section_block5 {
        padding: 6rem 2rem 0rem!important;
    }

    .kazari_section02 .section_block5::after {
        display: none;
    }

    .kazari_section02 .section_block5 > div {
        position: relative;
        top: 0rem;
        left: 0rem;
        order: 1;
    }

    .kazari_section02 .section_block6 {
        flex-wrap: nowrap;
        padding: 1.6rem 2rem!important;
    }

    .know_tagane3 {
        margin-left: 1.4rem;
    }

    .kazari_section02 .section_block7::after {
        display: none;
    }

    .kazari_section02 .section_block7 p {
        text-align: left;
        position: relative;
        top: 0rem;
        right: 0rem;
        width: 100%;
        margin: 1rem 0rem 2.5rem;
        order: 2;
    }

    .kazari_section02 .section_block7 > div {
        position: relative;
        top: 0rem;
        left: 0rem;
        order: 1;
    }

    .know_nanako1 {
        order: 3;
    }

    .kazari_section02 .section_block8 {
        flex-wrap: nowrap;
        padding: 1.7rem 2rem!important;
    }

    .know_nanako2 {
        top: 0rem;
    }

    .know_nanako3 {
        top: 0rem;
        margin-left: 1.4rem;
    }

    .kazari_section02 .section_block9 {
        align-items: center;
        width: 100%;
    }

    .kazari_section02 .section_block10 {
        padding: 3rem 2rem 0rem!important;
    }

    .know_saidan1 {
        width: 100%;
        height: auto;
    }

    .know_saidan2 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .know_saidan3 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .kazari_section02 .section_block12 {
        align-items: center;
    }

    .know_shiage1 {
        width: 100%;
        height: auto;
    }

    .know_shiage2 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .know_shiage3 {
        width: calc(50% - 0.7rem);
        height: auto;
    }

    .kazari_section02 .section_chunk3 {
        padding-bottom: 0rem;
    }

    .kazari_section02 .section_block9 {
        padding: 5.5rem 2rem 0rem!important;
    }

    .kazari_section02 .section_block9 h3::before {
        display: none;
    }

    .kazari_section02 .section_block9 span {
        margin-bottom: 1rem;
    }

    .kazari_section02 .section_block9 p {
        width: 100%;
    }

    .kazari_section02 .section_chunk4 {
        padding-bottom: 0rem;
    }

    .kazari_section02 .section_block10::after {
        display: none;
    }

    .kazari_section02 .section_block11 {
        flex-wrap: nowrap;
        padding: 1.6rem 2rem!important;
    }

    .know_saidan3 {
        margin-left: 1.4rem;
    }

    .kazari_section02 .section_chunk5 > div {
        padding-bottom: 16.6rem;
    }

    .kazari_section02 .section_block12 {
        padding: 5.5rem 2rem 0rem!important;
        order: 1;
    }

    .kazari_section02 .section_block12 h3::before {
        display: none;
    }

    .kazari_section02 .section_block12 span {
        margin-bottom: 2.2rem;
    }

    .kazari_section02 .section_block12 p {
        height: -35rem;
        /* height: 21rem; */
    }

    .kazari_section02 .section_block12 p:nth-of-type(1) {
        width: 100%;
        overflow: hidden;
    }

    .kazari_section02 .section_block13 {
        padding: 2.5rem 2rem 0rem!important;
        order: 2;
    }

    .kazari_section02 .section_block13::after {
        display: none;
    }

    .kazari_section02 .section_block14 {
        flex-wrap: nowrap;
        padding: 1.5rem 2rem!important;
    }

    .know_shiage3 {
        margin-left: 1.4rem;
    }

    .footer_section01 {
        background-image: url('../images/know/know_fotter_sp.jpg');
        padding-top: 8.7rem;
    }
}

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

}