﻿.img_box {
    text-align: center;
}

/* .text_box{ width:1012px; margin:90px auto 0; padding-left:75px; } */
.section.n00 .flow_slide1 .img_box {
    margin-top: 0;
}

.section.n00 .flow_slide1 img {
    width: 3126px !important;
    max-width: 3126px;
    height: 569px;
    max-height: 569px;
}


/* .section.n01{ margin-top:65px; } */
.section.n01 {
    text-align: center;
}

.section.n01 .img_box {
    margin-top: 65px;
}

.section.n01 .title_white_38 {
    margin-top: 40px;
}

.section.n01 .title_38 {
    margin-top: 50px;
}

/* .section.n01 .title_38{ color:#000 } */

.section.n02 {
    margin-top: 65px;
}

.section.n02 .title_white_52:first-child {
    line-height: 1.5;
    padding-bottom: 5px;
}

.section.n02 .title_38 {
    color: #000;
}

.section.n02 .sub_white {
    position: relative;
    overflow: visible;
    padding-bottom: 740px;
}

.section.n02 .bx_slider_box {
    position: absolute;
    left: 50%;
    bottom: 120px;
    max-width: 100vw;
    height: 569px;
    transform: translateX(-50%)
}

.section.n02 .bx-viewport .img_box {
    margin-top: 0;
}

.section.n02 .bx-viewport img {
    width: 2089px !important;
    max-width: 2089px;
    height: 569px !important;
    max-height: 569px;
}

.section.n03 {
    margin-top: 110px;
}

.section.n04 {
    text-align: left;
    margin-top: 175px;
}

.section.n04 .title_38 {
    color: #000;
}

.section.n04 h3,
.section.n04 p {
    padding-left:75px;
}

@media(max-width:1024px) {
    .section.n00 .flow_slide1 img {
        width: 1563px !important;
        max-width: 1563px;
        height: 284px;
        max-height: 284px;
    }

    .section.n01 .title_38 {
        margin-top: 20px;
    }

    .section.n01 .img_box {
        margin-top: 32px;
    }
    .section.n02{
        margin-top:0;
    }
    .section.n02 .cont_title {
        margin-top:32px
    }

    .section.n02 .sub_white {
        padding-bottom: 370px;
    }

    .section.n02 .bx_slider_box {
        bottom: 60px;
        height: 284px;
    }

    .section.n02 .bx-viewport img {
        width: 1045px !important;
        max-width: 1045px;
        height: 284px !important;
        max-height: 284px;
    }


    .section.n03 .text_box {
        margin-top: 38px;
        padding-left: 38px;
    }

    .section.n03 .text_box .section_flex_box {
        max-width: 506px;
        margin: auto;
    }

    .section.n03 .text_box .section_flex_left {
        width: 50%;
    }

    .section.n03 .text_box .section_flex_right {
        width: 42%;
    }


    .section.n04 {
        margin-top: 80px;
    }

    .section.n04 .img_box {
        margin-top: 32px;
    }

    .section.n04.benefit  .cont_title{
        margin-top: 55px;
    }
    .section.n04 h3,
    .section.n04 p {
        padding-left:0;
    }
}

@media(max-width:580px) {
    .sub_white {
        padding: 30px 20px
    }


    .section.n01 .section_flex_box .section_flex_left,
    .section.n01 .section_flex_box .section_flex_right,
    .section.n03 .text_box .section_flex_left,
    .section.n03 .text_box .section_flex_right {
        width: 100%
    }

    .section.n01 .img_box {
        margin-top: 40px;
    }

    .section.n03 .text_box {
        padding-left: 0;
    }

    .section.n03 .title_white_28 {
        padding-left: 38px
    }

    .section.n04 .section_flex_box {
        align-items: center
    }

    .section.n05 {
        margin-top: 42px;
    }

    .section.n07 .sub_white {
        padding: 30px 20px;
    }

    .section.n07 .list_box {
        margin-top: 40px;
    }

}
