/*--------------------------------------------------------------------------------
 wrap02
--------------------------------------------------------------------------------*/
.wrap02 {
    background-color: #beefff;
    /*background: linear-gradient(rgba(255, 255, 255, 0) 7%, #beefff 7%) no-repeat, linear-gradient(#ffffff 100%, #ffffff 100%) no-repeat;*/
    /*position: relative;*/
}

.wrap02 .inner-box {
    margin-top: -7%;
    position: relative;
    max-width: 1200px;
    z-index: 999;
}

.wrap02 .inner-wrap {
    position: absolute;
    left: 0;
    top: 22%;
    text-align: center;
    width: 100%;
}

/*.wrap02 .txt-wrap > img {*/
/*    margin: 0 auto;*/
/*    width: 52%;*/
/*}*/

.slide-wrap {
    margin: 0 auto;
    position: relative;
    /*width: 50vw;*/
    width: 53%;
}

.slide-wrap .slide-on-txt {
    position: absolute;
    left: 50%;
    top: 2%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 90%;
}

.slider {
    font-size: 0;
    margin: 20px auto 0;
    padding: 0;
}

.slick-slide img {
    border-radius: 10px;
}

.slick-slide img {
    /*height: 65vw !important;*/
    /*object-fit: cover;*/
    width: 100%;
}

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

    /*.slide-wrap {*/
    /*    width: 40vw;*/
    /*}*/

    .wrap02 .inner-wrap {
        top: 24%;
    }

    .slider {
        margin: 0 auto;
    }

    /*.slick-slide img {*/
    /*    height: 51vw !important;*/
    /*}*/
}

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

    /*.slide-wrap {*/
    /*    width: 35vw;*/
    /*}*/

    /*.slick-slide img {*/
    /*    height: 61vw !important;*/
    /*}*/
}

/*.slick-track {*/
/*    height: 50vh;*/
/*}*/

.slick-arrow:before {
    content: "" !important;
}

.slick-arrow:before {
    content:"" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-prev {
    height: 50px;
    left: 10px;
    width: 33px;
    z-index: 999;
}

.slick-next {
    height: 50px;
    right: 10px;
    width: 33px;
    z-index: 999;
}

.slick-next:before,
.slick-prev:before {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
}

.slick-next:before {
    background: url(../img/index/arrow_r.svg) !important;
}

.slick-prev:before {
    background: url(../img/index/arrow_l.svg) !important;
}

.slick-dots {
    bottom: 15px;
}

.slick-dots li button:before {
    color: #fff;
    font-size: 17px;
}

.slick-dots li.slick-active button:before {
    color: #fff;
}

.sec02-img02 {
    font-size: 0;
    line-height: 1;
    margin-top: -13%;
    position: relative;
    width: 100%;
    z-index: 999;
}

.sec02-img02 > picture > img {
    width: 100%;
}

/*--------------------------------------------------------------------------------
 wrap03
--------------------------------------------------------------------------------*/
.wrap03 {
    background-color: #c2db74;
    padding: 10px 0 0;
    position: relative;
    z-index: 1000;
}

.wrap03 > .inner-box {
    max-width: 850px;
}

.wrap03 .flow-wrap {
    background-size: 100%;
    background-image: url(../img/index/flow-wrap-top.png), url(../img/index/flow-wrap-bottom.png), url(../img/index/flow-wrap.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: top, bottom, center;
    padding: 30px;
    position: relative;
    z-index: 2;
}

.wrap03 .title {
    font-size: 4rem;
    font-family: 'Kaisei Opti', serif;
    line-height: 5rem;
    margin: 10px auto 0;
    text-align: center;
    /*font-size: 5rem;*/
    /*line-height: 6rem;*/
}

.wrap03 .wrap-img {
    text-align: center;
}

.wrap03 .wrap-img01 {
    margin-top: -11%;
    margin-left: -5%;
    position: relative;
}

.wrap03 .wrap-img01 > img {
    width: 250px;
}

.wrap03 .wrap-img02 > img {
    width: 250px;
}

.wrap03 .flow {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 20px auto 0;
    width: 95%;
}

.wrap03 .flow01 {
    background-image: url(../img/index/sec03-flow01.png);
}

.wrap03 .flow02 {
    background-image: url(../img/index/sec03-flow02.png);
}

.wrap03 .flow03 {
    background-image: url(../img/index/sec03-flow03.png);
}

.wrap03 .flow04 {
    background-image: url(../img/index/sec03-flow04.png);
}

.wrap03 .flow05 {
    background-image: url(../img/index/sec03-flow05.png);
}

.wrap03 .flow > p {
    color: #fff;
    font-size: 3rem;
    font-family: 'Kaisei Opti', serif;
    line-height: 5rem;
    padding: 30px 0;
    text-align: center;
    /*font-size: 4rem;*/
    /*line-height: 6rem;*/
}

.wrap03 .flow > p > span {
    color: #ffff00;
}

.flow-icon {
    margin: 30px auto 0;
    text-align: center;
}

.wrap-img02 {
    margin: 30px auto 0;
}

.parts-img01 {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    left: -5%;
    top: 8%;
    padding-top: 20vw;
    width: 20vw;
}

.parts-img01 > img {
    width: 250px;
}

.parts-img02 {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    right: -5%;
    bottom: 45%;
    padding-top: 20vw;
    width: 20vw;
}

.parts-img02 > img {
    width: 250px;
}

.wrap03 .wrap-img03 {
    font-size: 0;
    line-height: 1;
    position: relative;
    z-index: 9;
}

.wrap03 .wrap-img03 img {
    margin-top: -3.5%;
}

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

    .wrap02 .inner-box {
        padding: 0;
    }

    .wrap02 .inner-wrap {
        top: 21%;
    }
}

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

    /*--------------------------------------------------------------------------------
     wrap02
    --------------------------------------------------------------------------------*/
    .wrap02 > .inner-box {
        margin-top: -9%;
        padding: 0;
    }

    .wrap02 .inner-wrap {
        top: 24%;
    }

    .wrap02 .txt-wrap > img {
        width: 63%;
    }

    .sec02-img02 {
        margin-top: -14.5%;
    }

    .slide-wrap {
        width: 100%;
    }

    .slider {
        margin: 0 auto;
        width: 80%;
    }

    .slick-slide img {
        object-fit: cover;
        height: 110vw !important;
    }

    .slick-dots li {
        margin: 0 1px;
    }

    .slick-prev,
    .slick-next {
        height: 21px;
        width: 13px;
    }

    .slick-prev {
        left: 5px;
    }

    .slick-next {
        right: 5px;
    }

    .slick-dots li button:before {
        font-size: 10px;
    }

    /*--------------------------------------------------------------------------------
     wrap03
    --------------------------------------------------------------------------------*/
    .wrap03 > .inner-box {
        max-width: 100%;
    }

    .wrap03 .flow-wrap {
        padding: 15px;
    }

    .wrap03 .title {
        font-size: 2rem;
        line-height: 2.7rem;
    }

    .wrap03 .wrap-img01 {
        margin-top: -15%;
    }

    .wrap03 .wrap-img01 > img {
        width: 100px;
    }

    .wrap03 .wrap-img02 > img {
        width: 100px;
    }

    .wrap03 .flow {
        margin: 12px auto 0;
        width: 100%;
    }

    .wrap03 .flow > p {
        font-size: 1.4rem;
        line-height: 2.3rem;
        padding: 15px 0;
    }

    .flow-icon {
        line-height: 0;
        margin: 15px auto 0;
    }

    .flow-icon > img {
        width: 50px !important;
    }

    .wrap-img02 {
        margin: 15px auto 0;
    }

    .wrap03 .wrap-img03 {
        font-size: 0;
        line-height: 1;
        position: relative;
        z-index: 9;
    }

    .wrap03 .wrap-img03 img {
        margin-top: -3.5%;
    }

}