/* **************************** */
/* PAGE TITLE */
/* **************************** */
.page_ttl_1 {
    line-height: 1;
    color: #051036;
}

.page_ttl_1 h1 {
    position: relative;
    font-size: 45px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.page_ttl_1 h1:before {
    position: absolute;
    content: '';
    background: #333;
    width: 5%;
    height: 1px;
    left: 0;
    bottom: 0;
}

.page_ttl_1 p {
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .page_ttl_1 h1 {
        font-size: 34px;
    }

    .page_ttl_1 h1:before {
        width: 80%;
    }

    .page_ttl_1 p {
        font-size: 20px;
    }
}

.page_ttl_2 {
    line-height: 1;
    color: #fff;
    width: 50%;
    padding: 40px;
    position: relative;
}

.page_ttl_2:before {
    position: absolute;
    content: '';
    background: #051036;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.page_ttl_2 h1 {
    font-size: 45px;
    letter-spacing: 4px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.page_ttl_2 p {
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .page_ttl_2 {
        width: 90%;
    }

    .page_ttl_2 h1 {
        font-size: 34px;
    }

    .page_ttl_2 p {
        font-size: 20px;
    }
}

.page_ttl_3 {
    line-height: 1;
    color: #fff;
    width: 50%;
    padding: 40px 40px 40px 100px;
    position: relative;
}

.page_ttl_3:before {
    position: absolute;
    content: '';
    background: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.page_ttl_3 h1 {
    font-size: 22px;
    letter-spacing: 4px;
    position: relative;
}

.page_ttl_3 p {
    font-size: 45px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .page_ttl_3 {
        width: 90%;
        padding: 30px 20px 30px 20px;
    }

    .page_ttl_3 h1 {
        font-size: 17px;
    }

    .page_ttl_3 p {
        font-size: 30px;
    }
}

.page_ttl_4 {
    line-height: 1;
    width: 50%;
    padding: 40px 40px 40px 100px;
    position: relative;
    text-transform: uppercase;
    font-family: "Libre Bodoni", serif;
}

.page_ttl_4 h1 {
    font-size: 18px;
    margin-top: 10px;
}

.page_ttl_4 p {
    background: linear-gradient(to left, #EB0C65 0%, #051036 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
}

@media screen and (max-width: 768px) {
    .page_ttl_4 {
        width: 90%;
        padding: 30px 20px 30px 20px;
    }

    .page_ttl_4 h1 {
        font-size: 15px;
    }

    .page_ttl_4 p {
        font-size: 36px;
    }
}

.page_ttl_5 {
    line-height: 1;
    padding: 0 40px;
    position: relative;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    opacity: 0.5;
}

.page_ttl_5 h1 {
    font-size: 18px;
    margin-top: 10px;
    line-height: 2.5;
    margin-left: 15px;
}

.page_ttl_5 p {
    font-size: 90px;
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .page_ttl_5 {
        width: 95%;
        padding: 0 20px;
    }

    .page_ttl_5 h1 {
        font-size: 15px;
        line-height: 1.3;
    }

    .page_ttl_5 p {
        font-size: 36px;
    }
}

/* **************************** */
/* BACKGROUND */
/* **************************** */
.bg_1 {
    position: relative;
}

.bg_1:before,
.bg_1:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 160%;
    top: -200px;
    left: 0;
    z-index: 1;
}

.bg_1:before {
    background: repeating-linear-gradient(transparent 0px, transparent 99px, #eee 100px);
}

.bg_1:after {
    background: repeating-linear-gradient(90deg, transparent 0px, transparent 159px, #eee 160px)
}

.bg_2 {
    position: relative;
}

.bg_2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 4px, #fff 2px, #fff 10px);
    background: repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 4px, #fff 2px, #fff 10px);
}

.bg_3 {
    position: relative;
}

.bg_3:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70%;
    height: 450px;
    background: #051036;
    opacity: 0.1;
    z-index: 1;
}

.bg_4 {
    position: relative;
}

.bg_4:before,
.bg_4:after {
    position: absolute;
    content: '';
    right: 0;
    width: 58%;
    z-index: 1;
}

.bg_4:before {
    top: 0;
    height: 100%;
    background: #f6f6f6;
}

.bg_4:after {
    bottom: 0;
    height: 35%;
    background: #E8E9FA;
}

.bg_5 {
    position: relative;
}

.bg_5:before {
    position: absolute;
    content: '';
    left: -150px;
    bottom: -80px;
    width: 500px;
    height: 100%;
    background: #051036;
    z-index: -1;
    opacity: 0.1;
}


/* **************************** */
/* TITLE */
/* **************************** */
.title_1 {
    font-family: sans-serif;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
}

.title_1:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
}

.title_1 h2 {
    font-size: 20px;
    padding-left: 10px;
}

.title_1 p {
    font-size: 90px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: capitalize;
}

@media screen and (max-width: 991px) {
    .title_1 h2 {}

    .title_1 p {
        font-size: 60px;
    }
}

@media screen and (max-width: 480px) {
    .title_1 h2 {
        font-size: 18px;
    }

    .title_1 p {
        font-size: 50px;
    }
}

.title_2 {
    position: relative;
}

.title_2:before {
    content: "";
    background: #051036;
    display: block;
    width: 90%;
    height: 5px;
    position: absolute;
    top: 37%;
    right: 0;
    transform: translate(0, -50%);
}

.title_2 h2 {
    margin: 0;
    font-size: 70px;
    position: relative;
    font-weight: bold;
    display: inline-block;
    background: #fff;
    padding-right: 20px;
    line-height: 1;
    color: #051036;
    margin-bottom: 7px;
}

.title_2 p {
    padding-right: 20px;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 768px) {
    .title_2:before {
        top: 31%;
    }

    .title_2 h2 {
        font-size: 48px;
    }

    .title_2 p {
        font-size: 18px;
    }
}

.title_3 {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.title_3:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.title_3 h2 {
    font-size: 45px;
    font-weight: normal;
    letter-spacing: 10px;
    margin-bottom: 20px;
    color: #051036;
    font-weight: bold;
}

.title_3 p {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
}

@media screen and (max-width: 480px) {
    .title_3 h2 {
        font-size: 30px;
    }
}

.title_4 {
    text-align: center;
    position: relative;
    margin-bottom: 100px;
}

.title_4 h2 {
    font-size: 50px;
    text-transform: capitalize;
    letter-spacing: 10px;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.title_4 h2:first-letter {
    font-size: 60px;
    color: #051036;
}

.title_4 p {
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 5px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 0.9;
}

@media screen and (max-width: 768px) {
    .title_4 h2 {
        font-size: 30px;
    }

    .title_4 h2:first-letter {
        font-size: 40px;
    }

    .title_4 p {
        font-size: 80px;
    }
}

.title_5 {
    font-size: 36px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-weight: normal;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.title_5:before,
.title_5:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0;
}

.title_5:before {
    left: 0;
    background: #051036;
    width: 100%;
}

.title_5:after {
    right: 0;
    background: #F4F4F4;
    width: 50%;
}

.title_5 h2 {
    line-height: 1.2;
    margin-right: 20px;
}

.title_5 p {
    color: #051036;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .title_5 {
        font-size: 26px;
    }

    .title_5 h2 {
        margin-right: 0;
    }

    .title_5 p {
        width: 100%;
    }
}

.title_6 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #444;
    margin-bottom: 60px;
    padding-bottom: 40px;
}

.title_6:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 0;
}

.title_6 h2 {
    font-size: 40px;
    margin-right: 30px;
    line-height: 1;
    font-family: serif;
    font-weight: normal;
}

.title_6 p {
    font-family: 'Allura-Regular';
    position: relative;
    font-size: 30px;
    line-height: 0.5;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .title_6 h2 {
        font-size: 26px;
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .title_6 p {
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .title_6 h2 {}

    .title_6 p {}
}

.title_7 {
    font-size: 24px;
    margin-bottom: 80px;
    padding-left: 40px;
    font-weight: normal;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.title_7:before,
.title_7:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 50%;
}

.title_7:before {
    top: 0;
    background: #051036;
}

.title_7:after {
    bottom: 0;
    background: #F4F4F4;
}

.title_7 h2 {
    line-height: 1.2;
    margin-right: 20px;
    font-weight: normal;
}

.title_7 p {
    color: #051036;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}

.title_8 {
    line-height: 1;
    margin-bottom: 60px;
    position: relative;
    text-transform: capitalize;
}

.title_8:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 100%;
    height: 20px;
    bottom: -8px;
    left: 0;
    border-radius: 100px;
}

.title_8 h2 {
    font-size: 40px;
    position: relative;
    letter-spacing: 6px;
    text-shadow: 2px 2px 0 #fff;
}

.title_8 p {
    font-size: 19px;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .title_8 h2 {
        font-size: 38px;
    }

    .title_8 p {
        font-size: 18px;
    }
}

@media screen and (max-width: 480px) {
    .title_8 h2 {
        font-size: 30px;
    }
}

.title_9 {
    line-height: 1;
    color: #051036;
}

.title_9 h2 {
    position: relative;
    font-size: 45px;
    letter-spacing: 4px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.title_9 h2:before {
    position: absolute;
    content: '';
    background: #ddd;
    width: 50%;
    height: 2px;
    left: 0;
    bottom: 0;
}

.title_9 p {
    font-size: 20px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .title_9 h2 {
        font-size: 34px;
    }

    .title_9 h2:before {
        width: 80%;
    }

    .title_9 p {
        font-size: 20px;
    }
}

.title_10 {
    font-family: sans-serif;
    padding-bottom: 40px;
    position: relative;
}

.title_10 h2 {
    font-size: 24px;
    padding-left: 10px;
    z-index: 1;
    position: relative;
    color: #000;
}

.title_10 p {
    font-size: 110px;
    margin-bottom: -40px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: capitalize;
    opacity: 1;
    background: linear-gradient(to left, #000000 0%, #b2b2b2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

.title_10.white h2 {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .title_10 h2 {
        padding-left: 0;
    }

    .title_10 p {
        font-size: 70px;
        margin-bottom: -30px;
    }
}

@media screen and (max-width: 480px) {
    .title_10 h2 {
        font-size: 18px;
    }

    .title_10 p {
        font-size: 50px;
        margin-bottom: -20px;
    }
}

.title_11 {
    line-height: 1;
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}

.title_11 h2 {
    text-transform: capitalize;
    color: #051036;
    margin-right: 20px;
    font-size: 60px;
}

.title_11 p {
    font-size: 19px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .title_11 h2 {
        font-size: 48px;
    }

    .title_11 p {
        font-size: 18px;
    }
}

.title_12 {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.title_12 h2 {
    font-size: 45px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.title_12 h2:before,
.title_12 h2:after {
    position: absolute;
    content: '';
    width: 90px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
}

.title_12 h2:before {
    left: -110px;
}

.title_12 h2:after {
    right: -110px;
}

.title_12 p {
    font-size: 20px;
    margin-top: 5px;
}

@media screen and (max-width: 480px) {
    .title_12 h2 {
        font-size: 40px;
    }

    .title_12 h2:before,
    .title_12 h2:after {
        width: 40px;
    }

    .title_12 h2:before {
        left: -50px;
    }

    .title_12 h2:after {
        right: -50px;
    }

    .title_12 p {
        font-size: 17px;
    }
}

.title_13 {
    text-align: center;
    font-family: serif;
    overflow: hidden;
}

.title_13 h2 {
    position: relative;
    display: inline-block;
    font-size: 46px;
    font-weight: normal;
}

.title_13 h2:before,
.title_13 h2:after {
    position: absolute;
    content: '';
    width: 90px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.title_13 h2:before {
    left: -120px;
    background: url(../images/title/title_13_item1.png) center / cover;
}

.title_13 h2:after {
    right: -120px;
    background: url(../images/title/title_13_item2.png) center / cover;
}

.title_13 p {
    font-size: 16px;
    color: #333;
    font-family: serif;
}

.title_13 h2 .char1 {
    text-transform: capitalize;
}

@media screen and (max-width: 480px) {
    .title_13 h2 {
        font-size: 40px;
    }

    .title_13 p {
        font-size: 15px;
    }

    .title_13 h2:before,
    .title_13 h2:after {
        width: 53px;
        height: 14px;
    }

    .title_13 h2:before {
        left: -65px;
    }

    .title_13 h2:after {
        right: -65px;
    }
}

.title_14 {
    position: relative;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.title_14 h2 {
    font-size: 45px;
    letter-spacing: 10px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    display: inline-block;
    position: relative;
    text-shadow: 2px 2px 0 #fff;
}

.title_14 h2:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 100%;
    height: 20px;
    border-radius: 100px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.title_14 h2 span {
    position: relative;
}

.title_14 p {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .title_14 h2 {
        font-size: 30px;
    }
}

.title_15 {
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 40px;
    left: -105px;
    top: 0;
    text-transform: uppercase;
    font-family: "Libre Bodoni", serif;
    background: linear-gradient(to bottom, #EB0C65 0%, #051036 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title_15.white {
    -webkit-text-fill-color: #fff;
}

@media screen and (max-width: 1199px) {
    .title_15 {
        position: static;
        writing-mode: initial;
    }
}

@media screen and (max-width: 768px) {
    .title_15 {
        font-size: 27px;
    }
}

.title_16 {
    font-family: "Libre Bodoni", serif;
    font-size: 28px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-weight: normal;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    text-transform: uppercase;
}

.title_16:before {
    position: absolute;
    content: '';
    height: 7px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to left, #EB0C65 0%, #051036 100%);
    width: 100%;
    border-radius: 10px;
}

.title_16 h2 {
    line-height: 1;
    margin-right: 20px;
}

.title_16 p {
    color: #051036;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .title_16 {
        font-size: 20px;
    }

    .title_16 h2 {
        margin-right: 0;
    }

    .title_16 p {
        width: 100%;
    }
}

.title_17 {
    line-height: 1;
    font-weight: bold;
    margin-bottom: 40px;
    text-transform: uppercase;
    opacity: 0.9;
    font-family: "Roboto Condensed", sans-serif;
}


.title_17 h2 {
    color: #010109;
    font-size: 150px;
    text-shadow: 0 0 5px #ddd;
}

.title_17 p {
    font-size: 17px;
    margin-bottom: 8px;
    margin-left: 10px;
    color: #ddd;
    text-shadow: none;
}

.title_17.c1 h2 {
    color: #ffffff;
    text-shadow: 0 0 8px #fcfcfc;
}

.title_17.c1 p {
    color: #000;
}

@media screen and (max-width: 1024px) {
    .title_17 h2 {
        font-size: 80px;
    }
}

/* **************************** */
/* TEXT */
/* **************************** */
.text_1 {
    font-size: 60px;
}

.text_1 span {
    font-size: 30px;
    display: block;
}

@media screen and (max-width: 480px) {
    .text_1 {
        font-size: 40px;
    }

    .text_1 span {
        font-size: 26px;
    }
}

.text_2 {
    text-align: right;
    margin-top: 20px;
}

.text_2 p {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
}

.text_2 p i {
    margin-right: 4px;
}

.text_3 p {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.text_3 p span {
    font-size: 30px;
    color: #97d5b0;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .text_3 p {
        font-size: 16px;
    }

    .text_3 p span {
        font-size: 22px;
    }
}

.text_4 p {
    margin-bottom: 10px;
    font-size: 17px;
    font-family: serif;
}

.text_4 p span {
    font-size: 14px;
    background: #f88787;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    color: #fff;
    margin-left: 10px;
}

.text_5 {
    margin: 10px 0;
}

.text_5 p {
    border: 2px solid;
    padding: 5px 15px;
    background: #fff;
    display: inline-block;
}

.text_6 p {
    text-align: center;
}

.text_7 p {
    font-weight: bold;
    font-size: 19px;
    margin: 20px 0;
    color: #7f9f80;
    font-family: serif;
}

.text_8 {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #fae2f9;
    border-left: 5px solid #fae2f9;
    margin-bottom: 30px;
    padding: 7px 0 7px 15px;
    font-weight: bold;
    font-size: 18px;
}

.text_8 span {
    font-weight: normal;
    font-size: 15px;
}

/* **************************** */
/* IMAGE */
/* **************************** */
.image_1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.image_1>div {
    width: 48%;
    margin-bottom: 30px;
}

.image_1>div img {
    width: 100%;
}

.image_1>div canvas {
    height: 19vw;
}

.image_1>div h3 {
    text-align: center;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .image_1>div {
        width: 100%;
        margin-bottom: 20px;
    }

    .image_1>div canvas {
        height: 30vw;
    }
}

.image_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.image_2:after {
    content: '';
    width: 32%;
}

.image_2 li {
    width: 32%;
    margin-bottom: 20px;
}

.image_2 li img {
    width: 100%;
}

.image_2 li canvas {
    width: 100%;
    height: 17vw;
}

@media screen and (max-width: 768px) {
    .image_2 li canvas {
        height: 21vw;
    }
}

.image_3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.image_3:after {
    content: '';
    width: 48%;
}

.image_3 li {
    width: 48%;
    margin-bottom: 20px;
}

.image_3 li img {
    width: 100%;
}

.image_3 li canvas {
    width: 100%;
    height: 17vw;
}

@media screen and (max-width: 768px) {
    .image_3 li {
        width: 100%;
    }

    .image_3 li canvas {
        height: 21vw;
    }
}

.image_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.image_4 li {
    width: 24%;
    margin-bottom: 15px;
}

@media screen and (max-width: 480px) {
    .image_4 li {
        width: 32%;
        margin-bottom: 10px;
    }
}

.image_5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.image_5:after {
    content: '';
    width: 32%;
}

.image_5>li {
    width: 32%;
    margin-bottom: 30px;
    border: 7px double #F58D24;
    box-shadow: 0 0 6px #ddd;
}

.image_5>li>a {
    display: block;
    padding: 10px;
}

.image_5>li img {
    width: 100%;
    box-shadow: 0 0 6px #ddd;
    border-radius: 10px;
}

.image_5>li canvas {
    width: 100%;
    height: 17vw;
}

.image_5>li h3 {
    text-align: center;
    margin-top: 10px;
    font-size: 19px;
}

.image_5>li>a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 480px) {
    .image_5>li {
        width: 100%;
        margin-bottom: 0;
    }

    .image_5>li:not(:last-child) {
        margin-bottom: 20px;
    }

    .image_5>li canvas {
        height: 60vw;
    }
}

.image_6 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.image_6 li {
    width: 19%;
    margin-bottom: 15px;
}

@media screen and (max-width: 480px) {
    .image_6 li {
        width: 32%;
        margin-bottom: 10px;
    }
}

/* **************************** */
/* DIV */
/* **************************** */
.div_1 {
    border: 1px solid;
    padding: 120px;
}

@media screen and (max-width: 768px) {
    .div_1 {
        padding: 120px 20px;
    }
}

.div_2 {
    border: 7px solid #444;
    overflow: hidden;
    border-radius: 30px;
    display: inline-block;
    width: 100%;
}

/* **************************** */
/* UL */
/* **************************** */
.ul_1 li {
    position: relative;
    display: flex;
}

.ul_1 li:not(:last-child) {
    margin-bottom: 10px;
}

.ul_1 li:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    border-radius: 50px;
    margin-right: 10px;
    display: block;
    font-size: 24px;
    color: #051036;
}

.ul_2 {
    border: 5px solid #555;
    padding: 50px 60px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 5px #e5e5e5;
    background: #fff;
    border-radius: 30px;
}

.ul_2 li {
    font-weight: bold;
    display: flex;
    align-items: flex-start;
}

.ul_2 li:not(:last-child) {
    margin-bottom: 30px;
}

.ul_2 li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    font-weight: 900;
    margin-right: 15px;
    font-size: 27px;
    vertical-align: middle;
    color: #051036;
    -webkit-text-stroke: 2px #000;
    position: relative;
    top: 2px;
    line-height: 1;
}

@media screen and (max-width: 480px) {
    .ul_2 {
        padding: 30px 20px;
    }
}

.ul_3 li {
    position: relative;
    display: flex;
}

.ul_3 li:not(:last-child) {
    margin-bottom: 5px;
}

.ul_3 li:before {
    position: relative;
    content: '●';
    border-radius: 50px;
    font-size: 11px;
    margin-right: 10px;
    display: block;
}

.ul_4 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 80%;
    font-weight: bold;
}

.ul_4 li {
    background: #fff;
    color: #051036;
    text-align: center;
    line-height: 1.4;
    padding: 20px;
    border-radius: 100px;
}

.ul_4 li:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .ul_4 li {
        padding: 12px;
    }
}

.ul_5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ul_5 li {
    width: 48%;
    margin-bottom: 40px;
    background: #fff;
    color: #051036;
    text-align: center;
    border: 3px solid;
    border-radius: 10px;
}

.ul_5 li a {
    padding: 60px 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.ul_5 li:nth-child(1),
.ul_5 li:nth-child(1) a {
    color: #051036;
    border-color: #051036;
}

.ul_5 li:nth-child(2),
.ul_5 li:nth-child(2) a {
    color: #F8C42B;
    border-color: #F8C42B;
}

.ul_5 li:nth-child(3),
.ul_5 li:nth-child(3) a {
    color: #FF8486;
    border-color: #FF8486;
}

.ul_5 li:nth-child(4),
.ul_5 li:nth-child(4) a {
    color: #68D09B;
    border-color: #68D09B;
}

.ul_5 li h3 {
    font-size: 30px;
    margin-top: 20px;
}

.ul_5 li i {
    font-size: 100px;
}

@media screen and (max-width: 768px) {
    .ul_5 li a {
        padding: 50px 10px;
    }

    .ul_5 li h3 {
        font-size: 20px;
    }

    .ul_5 li i {
        font-size: 70px;
    }
}

.ul_6 {
    border-top: 2px dotted #222;
    margin: 10px 0;
}

.ul_6>li {
    padding: 20px 0;
    border-bottom: 2px dotted #222;
    font-size: 14px;
}

.ul_6>li:not(:last-child) {}

.ul_7 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-weight: bold;
    justify-content: space-between;
}

.ul_7 li {
    background: #fff;
    text-align: center;
    line-height: 1.4;
    padding: 20px;
    border-radius: 100px;
    width: 49%;
}

.ul_7 li:not(:last-child) {
    margin-bottom: 20px;
}

.ul_7 li i {
    color: #EF0000;
    margin-right: 8px;
}

@media screen and (max-width: 768px) {
    .ul_7 li {
        width: 100%;
    }
}

/* **************************** */
/* H2 */
/* **************************** */
.h2_1 {
    position: relative;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
}

.h2_1:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #F58D24;
}

@media screen and (max-width: 480px) {
    .h2_1 {
        font-size: 28px;
    }
}

.h2_2 {
    font-size: 36px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 4px double #eee;
    text-align: center;
    font-weight: normal;
    color: #051036;
}

@media screen and (max-width: 480px) {
    .h2_2 {
        font-size: 21px;
    }
}

.h2_3 {
    position: relative;
    font-weight: bold;
    font-size: 35px;
    border-bottom: 2px solid #051036;
    border-left: 10px solid #051036;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
    .h2_3 {
        font-size: 20px;
        line-height: 1.3;
    }
}

.h2_4 {
    font-size: 36px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: normal;
    color: #051036;
    position: relative;
}

.h2_4:before,
.h2_4:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0;
}

.h2_4:before {
    left: 0;
    background: #051036;
    width: 100%;
}

.h2_4:after {
    right: 0;
    background: #F4F4F4;
    width: 50%;
}

@media screen and (max-width: 480px) {
    .h2_4 {
        font-size: 30px;
    }
}


/* **************************** */
/* H3 */
/* **************************** */
.h3_1 {
    font-weight: bold;
    font-size: 23px;
    text-align: center;
    border-bottom: 2px solid #051036;
    font-family: serif;
    display: inline-block;
}

.h3_2 {
    font-size: 26px;
    border-bottom: 4px double #eee;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: serif;
}

.h3_2 span {
    font-size: 17px;
    color: #000;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    bottom: 2px;
}

@media screen and (max-width: 480px) {
    .h3_2 {
        font-size: 20px;
    }
}

.h3_3 {
    color: #aa965c;
    border-bottom: 2px solid;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.5;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.h3_3 span {
    font-family: 'Allura-Regular';
    position: relative;
    font-size: 26px;
    line-height: 0.5;
    margin-left: 20px;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .h3_3 {
        font-size: 21px;
    }

    .h3_3 span {
        font-size: 17px;
    }
}

.h3_4 {
    font-size: 25px;
    font-weight: bold;
    border-left: 8px solid #051036;
    border-bottom: 2px solid #051036;
    padding-left: 18px;
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
    .h3_4 {
        font-size: 20px;
    }
}

.h3_5 {
    padding: 20px 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    border: 2px solid #051036;
    color: #051036;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .h3_5 {
        padding: 20px 20px;
        font-size: 20px;
    }
}

.h3_6 {
    position: relative;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
    font-family: serif;
}

.h3_6:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #000;
}

@media screen and (max-width: 480px) {
    .h3_6 {
        font-size: 20px;
    }
}

.h3_7 {
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    letter-spacing: 2.3px;
}

.h3_7:first-letter {
    font-size: 40px;
    color: #051036;
}

@media screen and (max-width: 768px) {
    .h3_7 {
        font-size: 22px;
    }

    .h3_7:first-letter {
        font-size: 32px;
    }
}

.h3_8 {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #051036;
    margin-bottom: 15px;
}

@media screen and (max-width: 480px) {
    .h3_8 {
        font-size: 20px;
    }
}

.h3_9 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.h3_9::before,
.h3_9::after {
    content: '';
    width: 5px;
    height: 60px;
    background: #051036;
    border-radius: 20px;
}

.h3_9::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.h3_9::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

@media screen and (max-width: 768px) {
    .h3_9 {
        font-size: 20px;
    }

    .h3_9::before,
    .h3_9::after {
        height: 40px;
    }
}

@media screen and (max-width: 480px) {
    .h3_9 {
        font-size: 18px;
    }
}

.h3_10 {
    color: #fff;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 30px;
    background: #051036;
    line-height: 1.3;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .h3_10 {
        font-size: 22px;
    }
}

.h3_11 {
    text-align: center;
    font-size: 30px;
    line-height: 2;
    margin-bottom: 40px;
    border-bottom: 10px dotted #051036;
    padding-bottom: 30px;
}

.h3_11 span {
    color: #051036;
    font-size: 40px;
}

@media screen and (max-width: 768px) {
    .h3_11 {
        font-size: 20px;
    }

    .h3_11 span {
        font-size: 30px;
    }
}

.h3_12 {
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: normal;
    position: relative;
    line-height: 1.8;
    padding-bottom: 20px;

}

.h3_12:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 0;
}

.h3_12 span {
    font-size: 40px;
}

.h3_13 {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 40px;
    border-bottom: 4px dotted #E6E2D9;
    padding-bottom: 20px;
    letter-spacing: 5px;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .h3_13 {
        font-size: 20px;
    }
}

.h3_14 {
    color: #fff;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 30px;
    background: linear-gradient(to left, #EB0C65 0%, #051036 100%);
    line-height: 1.3;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 40px;
}

.h3_14 span {
    display: block;
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .h3_14 {
        font-size: 22px;
    }
}


.h3_15 {
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.h3_15 span {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 100px;
    background: linear-gradient(to top, #D71A21 0%, #12c5cc 100%);
}

.h3_16 {
    padding: 15px 30px;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 60px;
    background: #051036;
    border-radius: 100px;
    border: 3px solid;
}

@media screen and (max-width: 768px) {
    .h3_16 {
        font-size: 22px;
    }
}

.h3_17 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
}

.h3_17 i {
    color: #051036;
    margin-right: 10px;
    font-size: 28px;
    vertical-align: middle;
    position: relative;
    top: 3px;
}

@media screen and (max-width: 480px) {
    .h3_17 {
        font-size: 20px;
    }

    .h3_17 i {
        top: 6px;
    }
}

.h3_18 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .h3_18 {
        font-size: 24px;
    }
}

@media screen and (max-width: 480px) {
    .h3_18 {
        font-size: 18px;
    }
}

.h3_19 {
    font-size: 30px;
    background: linear-gradient(to left, #EB0C65 0%, #051036 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    line-height: 1.5;
}

.h3_20 {
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    background: linear-gradient(to left, #D71A21 0%, #12c5cc 100%);
    padding: 10px 50px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 30px;
}

@media screen and (max-width: 1024px) {
    .h3_20 {
        padding: 15px 10px;
        font-size: 18px;
        line-height: 1.4;
    }
}

/* **************************** */
/* H4 */
/* **************************** */
.h4_1 {
    border-bottom: 4px dotted #eee;
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 23px;
    color: #aa965c;
    letter-spacing: 3px;
}

.h4_2 {
    font-size: 18px;
    border-left: 5px solid;
    padding-left: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .h4_2 {
        font-size: 15px;
    }
}

.h4_3 {
    border-bottom: 2px solid #74d1b8;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 18px;
}

.h4_4 {
    display: inline-block;
    border-bottom: 3px dotted #ffd7f0;
    margin-bottom: 10px;
}

.h4_5 {
    text-align: center;
    font-size: 26px;
    line-height: 2;
    margin-bottom: 40px;
    padding-bottom: 30px;
    position: relative;
    font-weight: normal;
    color: #051036;
}

.h4_5:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {
    .h4_5 {
        font-size: 20px;
    }
}

.h4_6 {
    border-bottom: 1px dotted #00a0e9;
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 23px;
    color: #00a0e9;
    letter-spacing: 3px;
    text-align: center;
}

.h4_7 {
    line-height: 1.3;
    margin-bottom: 40px;
    padding-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    position: relative;
    letter-spacing: 2.5px;
    text-shadow: 1px 2px 0 #fff;
}

.h4_7:before {
    position: absolute;
    content: '';
    background: #051036;
    width: 100%;
    height: 15px;
    border-radius: 100px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.h4_7 span {
    position: relative;
}

/* **************************** */
/* H5 */
/* **************************** */
.h5_1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #051036;
    padding-bottom: 2px;
    display: inline-block;
}

.h5_2 {
    font-size: 18px;
    color: #97c594;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.h5_3 {
    font-size: 16px;
    color: #97c594;
    margin-bottom: 5px;
}

.h5_4 {
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 40px;
    padding-bottom: 30px;
    position: relative;
    color: #aa965c;
    font-weight: normal;
}

.h5_4:before {
    position: absolute;
    content: '';
    background: #aa965c;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {
    .h5_4 {
        font-size: 20px;
    }
}

/* **************************** */
/* P */
/* **************************** */
.p_1 {
    border-left: 6px solid;
    padding-left: 20px;
    font-weight: bold;
}

.p_2 {
    background: #f8f8f8;
    padding: 30px;
    line-height: 1.9;
}

.p_3 {
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    margin-top: 5px;
}

.p_4 {
    font-weight: bold;
    color: #b8a281;
    border-bottom: 2px dotted;
    margin-top: 15px;
    margin-bottom: 12px;
}

.p_5 {
    font-weight: bold;
    color: #ffc2ba;
    font-size: 19px;
    margin-bottom: 5px;
}

/* **************************** */
/* SPAN */
/* **************************** */
.span_1 {
    color: #051036;
    font-weight: bold;
    border-bottom: 1px dashed #051036;
}

.span_2 {
    font-weight: bold;
    background: linear-gradient(transparent 60%, rgba(255, 253, 107, 0.7) 0);
    color: #051036;
}

.span_3 {
    display: inline-block;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 14px;
    background: #f6f6f6;
    color: #555;
}

.span_4 {
    display: inline-block;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 14px;
    background: #fff;
    color: #555;
    border: 1px solid #555;
}

/* **************************** */
/* TABLE */
/* **************************** */
.table_1 {
    width: 100%;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #555;
    white-space: nowrap;
}

.table_1 tr th {
    background: #051036;
    padding: 20px 50px;
    font-weight: bold;
    border-right: 1px solid #555;
    color: #333;
    text-align: center;
    font-size: 25px;
}

.table_1 tr:not(:last-child) th {
    border-bottom: 1px solid #555;
}

.table_1 tr td {
    padding: 40px 10px;
    text-align: center;
    border-right: 1px solid #555;
    background: #fff;
    font-size: 15px;
}

.table_1 tr:not(:last-child) td {
    border-bottom: 1px solid #555;
}

.table_1 tr th:nth-child(2),
.table_1 tr td:nth-child(2) {
    background: #051036;
    border-left: 8px solid #555;
    border-right: 8px solid #555;
    font-weight: bold;
}

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

    .table_1 tr th {
        padding: 20px;
        font-size: 20px;
    }

    .table_1 tr td {
        padding: 20px 10px;
    }
}


.table_2 {
    width: 100%;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
}

.table_2 tr:not(:last-child) {
    border-bottom: 1px solid #333;
}

.table_2 tr th {
    width: 7%;
    padding: 35px 0;
    font-weight: normal;
    text-align: left;
    color: #051036;
    font-weight: bold;
}

.table_2 tr td {
    padding-left: 70px;
}

@media screen and (max-width:1024px) {
    .table_2 tr th {
        width: 20%;
    }

    .table_2 tr td {
        padding-left: 20px;
    }
}

.table_3 {
    width: 100%;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #333;
}

.table_3 tr:not(:last-child) {
    border-bottom: 1px solid #333;
}

.table_3 tr th {
    background: #051036;
    color: #fff;
    font-size: 14px;
    width: 25%;
    padding: 35px 0;
    font-weight: bold;
}

.table_3 tr td {
    padding: 30px 20px;
}

@media screen and (max-width:1024px) {
    .table_3 tr th {
        width: 30%;
    }

    .table_3 tr td {
        padding: 30px 18px;
    }
}

.table_4 {
    width: 100%;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
}

.table_4 tr:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.table_4 tr th {
    background: #051036;
    padding: 10px 0;
    font-weight: bold;
    border-right: 1px solid #e5e5e5;
    color: #fff;
    text-align: center;
}

.table_4 tr td {
    padding: 10px 30px;
    border-right: 1px solid #e5e5e5;
    background: #fff;
    font-size: 15px;
    width: 70%;
}

.table_4 .c1 {
    background: #f3f8ff;
}

@media screen and (max-width: 480px) {
    .table_4 tr th {
        font-size: 11px;
        padding: 7px 5px;
    }

    .table_4 tr td {
        padding: 10px;
        font-size: 10px;
    }
}

.table_5 {
    width: 100%;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #555;
}

.table_5 tr th {
    background: #2763a2;
    padding: 10px 0;
    font-weight: bold;
    border-right: 1px solid #555;
    color: #fff;
    text-align: center;
}

.table_5 tr:not(:last-child) th {
    border-bottom: 1px solid #fff;
}

.table_5 tr td {
    padding: 14px 20px;
    text-align: center;
    border-right: 1px solid #555;
    background: #fff;
    font-size: 15px;
}

.table_5 tr:not(:last-child) td {
    border-bottom: 1px solid #555;
}

@media screen and (max-width: 480px) {
    .table_5 tr th {
        font-size: 11px;
        padding: 7px 5px;
    }

    .table_5 tr td {
        padding: 7px 5px;
        font-size: 10px;
    }
}

/* **************************** */
/* BUTTON */
/* **************************** */
.button_1 {
    width: 100%;
    font-weight: bold;
    position: relative;
    transition: 0.3s;
}

.button_1 a {
    text-align: center;
    padding: 18px 20px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background: #222;
    transition: 0.3s;
    border: 1px solid #222;
    min-width: 100%;
    border-radius: 10px;
}

.button_1 a:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    transition: 0.3s;
}

.button_1 a:after {
    content: '>';
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}

.button_1 a span {
    position: relative;
    z-index: 2;
}

.button_1 a:hover {
    color: #333;
    opacity: 1;
}

.button_1 a:hover:before {
    top: 0;
}

@media screen and (max-width: 480px) {
    .button_1 a:after {
        right: 15px;
    }
}

.button_2 {}

.button_2 a {
    padding: 14px 100px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
    background: linear-gradient(to left, #EB0C65 0%, #051036 100%);
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    border: 1px solid #051036;
    display: inline-block;
    min-width: 410px;
    border-radius: 7px;
    letter-spacing: 3px;
}

.button_2 a:after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}

.button_2 a:hover {
    opacity: 1;
    color: #051036;
}

.button_2 a span {
    position: relative;
}

.button_2 a i {
    font-size: 30px;
    margin-right: 10px;
    vertical-align: bottom;
}

.button_2 a:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(-100%, 0);
    transition: 0.3s;
}

.button_2 a:hover:before {
    transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
    .button_2 a:after {
        right: 10px;
    }
}

@media screen and (max-width: 480px) {
    .button_2 a {
        min-width: 290px;
        padding: 10px 60px;
        font-size: 16px;
    }
}

.button_3 a {
    padding: 13px 70px;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    position: relative;
    font-weight: bold;
    font-family: serif;
    overflow: hidden;
}

.button_3 a:before {
    position: absolute;
    content: '';
    background: #E6E2D9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(-100%, 0);
    transition: 0.3s;
}

.button_3 a span {
    position: relative;
}

.button_3 a:after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translate(0, -50%);
    transition: 0.2s;
}

.button_3 a:hover:after {
    transform: translate(5px, -50%);
}

.button_3 a:hover:before {
    transform: translate(0, 0);
}

.button_4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: relative;
    border-radius: 50px;
    border: 1px solid;
    transition: 0.3s;
    box-sizing: border-box;
    overflow: hidden;
}

.button_4:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    transform: scale3d(0, 0, 1);
    transition: 0.3s;
}

.button_4 a {
    display: block;
    width: 100%;
    padding: 8px 10px 8px 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-family: serif;
}

.button_4 span {
    color: #fff;
}

.button_4 span:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    margin-left: 20px;
}

.button_4:hover span,
.button_4:hover i {
    position: relative;
    z-index: 1;
}

.button_4:hover:after {
    transform: scale3d(1.02, 1, 1);
}

.button_4 i {
    font-size: 30px;
    padding-left: 20px;
}

@media screen and (max-width: 480px) {
    .button_4 a {
        font-size: 14px;
    }

    .button_4 span:after {
        margin-left: 10px;
    }
}

.button_5 {
    text-align: right;
}

.button_5 a {
    padding-right: 60px;
    display: inline-block;
    border-bottom: 1px solid;
    position: relative;
    font-weight: bold;
    font-size: 21px;
}

.button_5 a:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: #000;
    bottom: 5px;
    right: -2px;
    z-index: 4;
    transform: rotateZ(25deg);
}

@media screen and (max-width: 480px) {
    .button_5 a {
        font-size: 17px;
    }
}

.button_6 {
    font-weight: bold;
    position: relative;
    transition: 0.5s;
    box-sizing: border-box;
    overflow: hidden;
    pointer-events: all;
}

.button_6 a {
    text-align: center;
    color: #fff;
    background: #051036;
    position: relative;
    display: inline-block;
    padding: 15px 70px;
    overflow: hidden;
    /* border-radius: 100px; */
    border: 1px solid #051036;
}

.button_6 a:before {
    content: '→';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 2;
}

.button_6 a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: 0.3s;
    z-index: 1;
    pointer-events: none;
}

.button_6 a:hover:after {
    transform: translateX(0);
}

.button_6 span {
    position: relative;
    z-index: 2;
}

.button_6 a:hover:before,
.button_6 a:hover span {
    color: #051036;
}

.button_6.c1 a {
    background: #00a0e9;
    border: 1px solid #00a0e9;
}

.button_6.c1 a:hover:before,
.button_6.c1 a:hover span {
    color: #00a0e9;
}

@media screen and (max-width: 480px) {
    .button_6 a {
        font-size: 14px;
    }
}

.button_7 a {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
    background: linear-gradient(to right, #5c5c5c 0%, #000 100%);
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-left: auto;
    box-shadow: 1px 1px 6px #111;
}

.button_7 a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    top: 49%;
    right: 4px;
    transform: translate(0, -50%);
}

.button_7 a span {
    position: relative;
}

.button_7 a i {
    font-size: 30px;
    margin-right: 10px;
    vertical-align: bottom;
}

.button_7 a:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(-100%, 0);
    transition: 0.3s;
}

.button_7 a:hover {
    opacity: 1;
    color: #051036;
}

.button_7 a:hover:before {
    transform: translate(0, 0);
}

.button_8 {
    font-weight: bold;
    position: relative;
    transition: 0.5s;
    box-sizing: border-box;
    overflow: hidden;
    pointer-events: all;
}

.button_8 a {
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #404040 0%, #808080 100%);
    position: relative;
    display: inline-block;
    padding: 8px 70px;
    overflow: hidden;
    border-radius: 100px;
    font-size: 13px;
    letter-spacing: 2px;
    border: 1px solid #808080;
}

.button_8 a:before {
    content: '→';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 2;
}

.button_8 a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: 0.3s;
    z-index: 1;
    pointer-events: none;
}

.button_8 a:hover:after {
    transform: translateX(0);
}

.button_8 span {
    position: relative;
    z-index: 2;
}

.button_8 a:hover:before,
.button_8 a:hover span {
    color: #000;
}

@media screen and (max-width: 480px) {
    .button_8 a {
        font-size: 14px;
    }
}

/* **************************** */
/* DL */
/* **************************** */
.dl_1>dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 3px solid #051036;
    overflow: hidden;
}

.dl_1>dl:not(:last-child) {
    margin-bottom: 10px;
}

.dl_1>dl>dt {
    padding: 20px;
    width: 25%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid;
    font-weight: bold;
    color: #fff;
    background: #051036;
    font-size: 18px;
}

.dl_1>dl>dd {
    width: 75%;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .dl_1>dl>dt {
        width: 100%;
        font-size: 16px;
        padding: 10px;
        border-right: none;
    }

    .dl_1>dl>dd {
        width: 100%;
        font-size: 16px;
    }

    .dl_1>dl .t1 {
        text-align: center;
    }
}

.dl_3 {
    padding: 0 120px;
}

.dl_3>dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dl_3>dl:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.dl_3>dl>dt {
    font-weight: bold;
    display: flex;
    align-items: center;
    width: 20%;
    color: #fff;
}

.dl_3>dl>dd {
    width: 78%;
    font-size: 15px;
}

@media screen and (max-width: 991px) {
    .dl_3 {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .dl_3>dl>dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .dl_3>dl>dd {
        width: 100%;
        font-size: 13px;
    }
}

.dl_4>dl:not(:last-child) {
    margin-bottom: 20px;
}

.dl_4>dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dl_4>dl>dt {
    font-size: 20px;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #000;
    font-weight: bold;
}

.dl_4>dl>dd {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid;
    background: rgba(255, 255, 255, 0.8);
}

.dl_5 {}

.dl_5>dl {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

.dl_5>dl:first-child {
    border-top: 1px solid #333;
}

.dl_5>dl>dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    font-weight: bold;
    color: #051036;
    font-size: 20px;
    text-align: center;
}

.dl_5>dl>dd {
    width: 85%;
    font-size: 15px;
}

@media screen and (max-width: 768px) {
    .dl_5>dl>dt {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #333;
        padding-bottom: 10px;
    }

    .dl_5>dl>dd {
        width: 100%;
    }
}

.dl_6 {
    margin-bottom: 30px;
}

.dl_6>dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 2px dotted #eee;
    padding: 5px 0;
    font-size: 18px;
}

.dl_6>dl:not(:last-child) {
    margin-bottom: 10px;
}

.dl_6>dl>dt {
    width: 73%;
    border-left: 9px solid #051036;
    padding-left: 10px;
}

.dl_6>dl>dd {
    width: 25%;
    text-align: right;
}

.dl_6>dl>dd span {
    display: inline-block;
    width: 100px;
    text-align: right;
}

@media screen and (max-width: 480px) {
    .dl_6>dl>dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .dl_6>dl>dd {
        width: 100%;
        text-align: left;
    }

    .dl_6>dl>dd span {
        width: 90px;
        display: inline-block;
    }
}

.dl_7 {
    background: #fff;
    padding: 80px 100px;
}

.dl_7>dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 2px dotted #eee;
    padding: 20px 30px;
}

.dl_7>dl:nth-child(even) {
    background: #fafafa;
}

.dl_7>dl>dt {
    width: 52%;
    font-weight: bold;
    color: #051036;
}

.dl_7>dl>dt h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.dl_7>dl>dt p {
    font-size: 14px;
}

.dl_7>dl>dd {
    width: 45%;
    text-align: right;
}

.dl_7>dl>dd span {
    display: inline-block;
    width: 100px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .dl_7 {
        padding: 80px 60px;
    }
}

@media screen and (max-width: 480px) {
    .dl_7 {
        padding: 30px;
    }

    .dl_7>dl>dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .dl_7>dl>dt h3 {
        font-size: 16px;
    }

    .dl_7>dl>dt p {
        font-size: 13px;
    }

    .dl_7>dl>dd {
        width: 100%;
        text-align: left;
    }

    .dl_7>dl>dd span {
        width: 90px;
        display: inline-block;
    }
}

.dl_8>dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dl_8>dl:not(:last-child) {
    margin-bottom: 10px;
}

.dl_8>dl>dt {
    font-weight: bold;
    color: #555;
    background: #f6f6f6;
    border-radius: 100px;
    margin-right: 10px;
    width: 90px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 8px 0;
}

.dl_8>dl>dd {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .dl_8>dl:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .dl_8>dl>dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .dl_8>dl>dd {
        width: 100%;
    }
}

.dl_9 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_9>dl {
    width: 32%;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 0px 10px #999;
}

.dl_9>dl>dt {
    font-weight: bold;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
    text-shadow: 0 0 5px #555;
}

.dl_9>dl>dd {
    padding: 30px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .dl_9>dl {
        width: 100%;
    }

    .dl_9>dl>dt {
        font-size: 23px;
    }
}

.dl_10 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_10:after {
    width: 32%;
    content: '';
}

.dl_10>dl {
    width: 32%;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 0px 10px #999;
    padding: 30px;
}

.dl_10>dl>dt {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-bottom: 2px dotted;
    text-align: center;
    line-height: 2;
}

.dl_10>dl>dd {
    padding: 30px;
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .dl_10>dl {
        width: 100%;
    }

    .dl_10>dl>dt {
        font-size: 16px;
    }

    .dl_10>dl>dd {
        padding: 30px 10px;
        font-size: 13px;
    }
}

.dl_11 {
    width: 80%;
    margin: auto;
}

.dl_11>dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dl_11>dl:not(:last-child) {
    margin-bottom: 20px;
}

.dl_11>dl>dt {
    font-weight: bold;
    color: #fff;
    background: #000;
    border-radius: 100px;
    margin-right: 30px;
    min-width: 130px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 10px 5px;
    border: 2px solid;
}

.dl_11>dl>dd {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .dl_11 {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .dl_11>dl:not(:last-child) {
        margin-bottom: 30px;
    }

    .dl_11>dl>dt {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .dl_11>dl>dd {
        width: 100%;
    }
}


/* **************************** */
/* ITEM */
/* **************************** */
.item_1 img {
    position: absolute;
    height: auto;
    z-index: -1;
    opacity: 0.5;
}

.item_1 img:nth-child(1) {
    top: 20px;
    left: 30px;
    width: 170px;
    /* transform: rotate(85deg); */
}

.item_1 img:nth-child(2) {
    bottom: 20px;
    right: 20px;
    width: 170px;
    /* transform: rotate(85deg); */
}

@media screen and (max-width: 768px) {
    .item_1 img:nth-child(1) {
        width: 110px;
        top: 0;
        left: 0;
    }

    .item_1 img:nth-child(2) {
        width: 110px;
        bottom: -40px;
    }
}

.item_2 img {
    position: absolute;
    height: auto;
    z-index: 1;
    top: -150px;
    left: 140px;
    width: 150px;
    height: auto;
    /* transform: rotate(-25deg); */
    opacity: 1;
}

.item_3 img {
    position: absolute;
    height: auto;
    z-index: 1;
    bottom: -160px;
    right: 70px;
    width: 170px;
    /* transform: rotate(-5deg); */
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .item_2 img {
        top: -155px;
    }

    .item_3 img {
        right: 30px;
        bottom: -100px;
        width: 140px;
    }
}

@media screen and (max-width: 480px) {
    .item_2 img {
        top: -50px;
        left: 20px;
        width: 75px;
    }

    .item_3 img {
        width: 120px;
        bottom: -110px;

    }
}

/* **************************** */
/* BORDER */
/* **************************** */
.border_1 {
    border: 3px dotted #e5e5e5;
    padding: 20px;
    margin-bottom: 40px;
}

.border_2 {
    border-bottom: 5px double #e5e5e5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

/* **************************** */
/* FLEX */
/* **************************** */
.flex_1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_1>div:first-child {
    width: 35%;
}

.flex_1>div:first-child img {
    width: 100%;
}

.flex_1>div:first-child canvas {
    width: 100%;
    height: 20vw;
}

.flex_1>div:last-child {
    width: 60%;
}

@media screen and (max-width: 768px) {
    .flex_1>div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex_1>div:first-child canvas {
        height: 50vw;
    }

    .flex_1>div:last-child {
        width: 100%;
    }
}

.flex_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 120px;
    position: relative;
}

.flex_2>div:first-child {
    width: 65%;
    background: #fff;
    z-index: 1;
    border-radius: 25px;
    box-shadow: 4px 4px 4px #ccc;
    padding: 80px 60px;
}

.flex_2>div:last-child {
    width: 51%;
    position: absolute;
    top: 0;
    right: 0;
}

.flex_2.reverse>div:last-child {
    top: 0;
    right: auto;
    left: 0;
}

@media screen and (max-width: 768px) {
    .flex_2 {
        padding-top: 250px;
    }

    .flex_2>div:first-child {
        width: 95%;
        margin-bottom: 20px;
        padding: 80px 30px;
    }

    .flex_2>div:last-child {
        width: 100%;
    }
}

.flex_3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 130px;
}

.flex_3:before {
    position: absolute;
    content: '';
    background: #f6faff;
    width: 100%;
    height: 100%;
    top: 55px;
    right: -20%;
    z-index: -1;
}

.flex_3>div:first-child {
    width: 33%;
}

.flex_3>div:first-child img {
    width: 100%;
}

.flex_3>div:last-child {
    width: 59%;
}

@media screen and (max-width: 768px) {
    .flex_3>div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex_3>div:last-child {
        width: 100%;
    }
}

.flex_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: self-start;
    background: #fff;
    padding: 80px;
}

.flex_4>div:first-child {
    width: 45%;
}

.flex_4>div:first-child img {
    width: 100%;
}

.flex_4>div:first-child canvas {
    width: 100%;
    height: 20vw;
}

.flex_4>div:last-child {
    width: 45%;
}

.flex_4>div:last-child img {
    width: 100%;
    box-shadow: 0 0 10px #ddd;
}

@media screen and (max-width: 768px) {
    .flex_4 {
        padding: 40px 30px;
    }

    .flex_4>div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex_4>div:last-child {
        width: 100%;
    }
}

.flex_5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flex_5>div:first-child {
    width: 35%;
}

.flex_5>div:first-child img {
    width: 100%;
}

.flex_5>div:first-child canvas {
    width: 100%;
    height: 20vw;
}

.flex_5>div:last-child {
    width: 60%;
}

@media screen and (max-width: 768px) {
    .flex_5>div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex_5>div:last-child {
        width: 100%;
    }
}


.flex_6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_6>div:first-child {
    width: 45%;
}

.flex_6>div:first-child img {
    width: 100%;
}

.flex_6>div:first-child canvas {
    width: 100%;
    height: 20vw;
}

.flex_6>div:last-child {
    width: 50%;
}

@media screen and (max-width: 480px) {
    .flex_6>div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex_6>div:last-child {
        width: 100%;
    }
}

.flex_7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
    padding: 40px 120px;
    width: 100%;
    margin: auto;
}

.flex_7>div {
    width: 45%;
}

.flex_7>div img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .flex_7 {
        padding: 40px 30px;
    }

    .flex_7>div {
        width: 100%;
    }

    .flex_7>div:not(:last-child) {
        margin-bottom: 40px;
    }
}

/* **************************** */
/* FLEX UL */
/* **************************** */
.flex_ul_1>li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px;
    box-shadow: 1px 1px 6px #bbb;
    border-radius: 8px;
}

.flex_ul_1>li:not(:last-child) {
    margin-bottom: 100px;
}

.flex_ul_1_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_ul_1_flex>div:first-child {
    width: 36%;
}

.flex_ul_1_flex>div:first-child img {
    width: 100%;
    object-fit: cover;
}

.flex_ul_1_flex>div:last-child {
    width: 60%;
}

.flex_ul_1>li h3 {
    margin-bottom: 20px;
    line-height: 1;
    font-size: 27px;
}

.flex_ul_1>li h3 span {
    font-size: 16px;
    display: block;
    color: #051036;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .flex_ul_1>li {
        padding: 20px;
    }

    .flex_ul_1_flex>div:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .flex_ul_1_flex>div:last-child {
        width: 100%;
    }

    .flex_ul_1>li h3 {
        font-size: 22px;
        line-height: 1.3;
    }

    .flex_ul_1>li h3 span {
        font-size: 14px;
        margin-top: 5px;
    }
}

.flex_ul_2>li:not(:last-child) {
    margin-bottom: 100px;
}

.flex_ul_2_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 0 8px #fff;
    border-radius: 10px;
    padding: 30px;
}

.flex_ul_2_flex>div:first-child {
    width: 45%;
}

.flex_ul_2_flex>div:first-child img {
    width: 100%;
    object-fit: cover;
}

.flex_ul_2_flex>div:last-child {
    width: 50%;
}

.flex_ul_2>li:nth-child(even) .flex_ul_2_flex {
    flex-direction: row-reverse;
}

.flex_ul_2>li:nth-child(even) h3 {
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .flex_ul_2>li:nth-child(even) h3 {
        text-align: left;
    }
}

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

    .flex_ul_2_flex>div:first-child {
        width: 100%;
        margin-bottom: 10px;
    }

    .flex_ul_2_flex>div:last-child {
        width: 100%;
    }
}

/* **************************** */
/* IMAGE */
/* **************************** */
.img1 {
    text-align: center;
}

.img1 img {
    width: 70%;
}

img.img1 {
    width: 70%;
    margin: auto;
}

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

    img.img1,
    .img1 img {
        width: 100%;
    }
}

.ul_button1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.ul_button1>li {
    width: 19%;
    margin-bottom: 15px;
}

.ul_button1>li a {
    display: block;
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.ul_button1>li a:hover {
    background: #051036;
}

@media screen and (max-width: 768px) {
    .ul_button1>li {
        width: 48.5%;
    }
}

.button1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.button1>div {
    width: 48%;
}

@media screen and (max-width: 768px) {
    .button1>div {
        width: 100%;
    }

    .button1>div:not(:last-child) {
        margin-bottom: 20px;
    }
}

.box1 {
    position: relative;
    border: 1px solid #00a0e9;
    padding: 60px 110px;
    background: #fff;
    overflow: hidden;
}

.box1:before {
    position: absolute;
    content: '';
    background: url(../images/about/image3.jpg) top / cover;
    width: 800px;
    height: 400px;
    top: 0;
    right: 0;
}

.box1 * {
    position: relative;
}

.box1_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box1_flex>div:first-child {
    width: 35%;
}

.box1_flex>div:last-child {
    width: 60%;
}

@media screen and (max-width: 1199px) {
    .box1 {
        padding: 340px 30px 60px;
    }

    .box1_flex>div:first-child {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .box1_flex>div:first-child img {
        height: 80px;
    }

    .box1_flex>div:last-child {
        width: 100%;
    }
}

.icon1 {
    text-align: center;
    margin-bottom: 40px;
}

.icon1 img {
    width: 200px;
}