@charset "utf-8";
body{
    width: 100%;
    height: auto;
    font-family: 'shippori mincho', serif;
    font-weight: 300;
}
    img,video{
        display: block;
    }
#wrap{
    width: 100%;
    height: auto;
    max-width: 1920px;
    margin: 0 auto;
}
    #l_wrapper{
        width: 100%;
        height: auto;
    }
#hero{
    width: 100%;
    height: auto;
}
    .hero_inner{
        width: 100%;
        height: 100%;
        position: relative;
    }
        .video_wrapper{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
            .video_container{
                width: 100%;
                height: 100vh;
                position: sticky;
                top: 0;
                right: 0;
                max-width: 100%;
            }
            .video_container_musk{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0);
                opacity: 0;
            }
                .video_container video{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
        .hero_text_area{
            width: 100%;
            height: auto;
            position: relative;
            z-index: 10;
        }
            .text_container{
                width: 80%;
                height: auto;
                margin: 0 auto;
                position: relative;
            }
                .hero_title_wrapper{
                    width: 100%;
                    max-width: 1200px;
                    height: 100vh;
                    height: 100svh;
                    margin: 0 auto;
                    display: flex;
                    justify-content: end;
                    align-items: center;
                    position: relative;
                }
                    .hero_title{
                        width: auto;
                        height: auto;
                        margin: 0 0 0 auto;
                    }
                        .hero_title .hero_large_text{
                            width: 100%;
                            height: auto;
                            font-size: 64px;
                            line-height: 1.66em;
                            letter-spacing: 0.3em;
                            color: #fff;
                            font-weight: 300;
                            text-shadow: 0 0 18px rgba(0,0,0,0.8);
                        }
                        .hero_title p{
                            width: 100%;
                            height: auto;
                            font-size: 28px;
                            line-height: 1.66em;
                            letter-spacing: 0.3em;
                            color: #fff;
                            text-shadow: 0 0 18px rgba(0,0,0,0.8);
                        }
                    .hero_title__scroll {
                        width: auto;
                        height: auto;
                        position: absolute;
                        left: 50%;
                        bottom: 0;
                        transform: translate(-50%,0%);
                    }
                        .hero_title__scroll__txt {
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 18px;
                            font-weight: 400;
                            margin: 0 auto 15px;
                            line-height: 1;
                            letter-spacing: 0.2em;
                            text-align: center;
                            color: #ffffff;
                        }
                        .hero_title__scroll__icon {
                            width: 3px;
                            height: 52px;
                            margin: 0 auto;
                            overflow: hidden;
                            position: relative;
                        }
                            .hero_title__scroll__icon::before {
                                content: '';
                                display: block;
                                width: 1px;
                                height: 70px;
                                background-color: #ffffff;
                                position: absolute;
                                top: -70px;
                                left: 50%;
                                transform: translate(-50%,0%);
                                animation: pathmove 1.4s ease-in-out infinite;
                            }
                            @keyframes pathmove{
                                0%{
                                  top: -70px;
                                }
                                100%{
                                  top: 122px;
                                }
                            }
                .hero_detail_title_wrapper{
                    width: 100%;
                    max-width: 1200px;
                    height: auto;
                    margin: 0 auto;
                    padding-top: 200px;
                    padding-bottom: 560px;
                }
                    .hero_detail_title{
                        width: auto;
                        height: auto;
                        margin: 0 auto 0 0;
                    }
                        .hero_detail_title p{
                            font-size: 40px;
                            font-family: 'Noto Sans JP', sans-serif;
                            font-weight: 400;
                            color: #fff;
                            letter-spacing: 0.4em;
                            line-height: 1.42em;
                        }
        .hero_detail_sticky_wrap{
            width: 100%;
            height: 150svh;
        }
            .hero_detail_container_sticky{
                width: 100%;
                height: 100svh;
                position: sticky;
                top: 41%;
            }
                .hero_detail_container{
                    width: 100%;
                    height: auto;
                    position: relative;
                }
                    .detail_number_wrap{
                        width: 180px;
                        height: auto;
                        position: absolute;
                        top: -115px;
                        left: -60px;
                        transform: translate(-100%,0%);
                    }
                        .detail_number_image{
                            width: 100%;
                            height: auto;
                        }
                            .detail_number_image svg{
                                width: 100%;
                                height: auto;
                            }
                        .detail_number{
                            font-family: "kozuka-gothic-pr6n", sans-serif;
                            font-weight: 300;
                            font-style: normal;
                            font-size: 32px;
                            color: #fff;
                            line-height: 1;
                            letter-spacing: 0.3em;
                            text-indent: 0.3em;
                            position: absolute;
                            top: 49%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
                    .detail_text_wrap{
                        width: 60%;
                        max-width: 650px;
                        height: auto;
                        margin: 0 0 0 auto;
                        padding-bottom: 600px;
                        position: relative;
                    }
                    
                    .detail_text_wrap_btm{
                        padding-bottom: 380px;
                    }
                        .detail_text{
                            width: 100%;
                            height: auto;
                        }
                            .detail_text_title{
                                height: auto;
                                font-size: 34px;
                                letter-spacing: 0.3em;
                                line-height: 1.46em;
                                font-family: 'Noto Sans JP', sans-serif;
                                font-weight: 400;
                                color: #fff;
                                margin-bottom: 2%;
                                position: relative;
                            }
                                .white_bg{
                                    width: 100%;
                                    height: 100%;
                                    background-color: #fff;
                                    opacity: 0;
                                    transform-origin: left center;
                                    transform: scale(1);
                                }
                                .text_title_appear{
                                    opacity: 1;
                                }
                            .detail_text{
                                width: 100%;
                                height: auto;
                                font-size: 18px;
                                letter-spacing: 0.3em;
                                line-height: 1.6em;
                                font-family: 'Noto Sans JP', sans-serif;
                                font-weight: 300;
                                color: #fff;
                                text-align: justify;
                            }
#about{
    width: 100%;
    height: auto;
}
    .about_inner{
        width: 80%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
    }
        .about_text_container{
            width: 100%;
            height: auto;
            max-width: 1500px;
            margin: 0 auto;
        }
            .about_title{
                width: 100%;
                height: auto;
                padding: 230px 0 90px;
            }
                .about_title_text{
                    width: auto;
                    height: auto;
                    font-size: 48px;
                    font-weight: 400;
                    text-align: center;
                    letter-spacing: 0.3em;
                    line-height: 1.16em;
                    color:  #b10021;
                }
            .about_detail{
                width: 100%;
                height: auto;
            }
                .about_detail_text{
                    width: 100%;
                    height: auto;
                    font-family: 'Noto Sans JP', sans-serif;
                    font-weight: 400;
                    text-align: center;
                    font-size: 20px;
                    letter-spacing: 0em;
                    line-height: 1.8;
                }
            .about_image_container{
                width: 100%;
                height: auto;
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 1.4%;
                padding: 130px 0 0 0;
            }
                .about_image{
                    width: 25%;
                    height: auto;
                }
                    .about_image img{
                        width: 100%;
                        height: auto;
                    }
            .about_min_text{
                font-size: 12px;
                width: 100%;
                font-family: 'Noto Sans JP', sans-serif;
                text-align: end;
                padding-bottom: 200px;
                padding-top: 10px;
            }
#innovation{
    width: 100%;
    height: auto;
    padding-bottom: 250px;
}
    .innovation_inner{
        width: 80%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
    }
        .dotted_circle_title_wrapper{
            width: 100%;
            height: auto;
            overflow: hidden;
            max-width: 1200px;
            margin: 0 auto  ;
        }
            .dotted_circle_title_container{
                width: 100%;
                height: auto;
                position: relative;
            }
                .dotted_circle_title{
                    width: 45%;
                    height: auto;
                    max-width: 350px;
                    margin: 0 -20px 0 auto;
                }
                    .dotted_circle_title img{
                        width: 100%;
                        height: auto;
                    }
                .dotted_circle_text{
                    width: 100%;
                    height: auto;
                    font-size: 48px;
                    letter-spacing: 0.15em;
                    text-align: end;
                    line-height: 45px;
                    color: #b10021;
                    position: absolute;
                    top: 48%;
                    left: 41%;
                    transform: translate(-50%, -50%);
                    max-width: 1200px;
                }
                    .dotted_circle_text span{
                        font-size: 26px;
                        color: #000;
                        letter-spacing: 0.01em;
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 400;
                    }
        .innovation_detail{
            width: 100%;
            height: auto;
            margin-top: -60px;
        }
            .innovation_detail_text_wrap{
                width: 67.96%;
                height: auto;
                margin: 0 auto 0 0;
                padding-bottom: 60px;
            }
                .innovation_detail_text{
                    width: 100%;
                    height: auto;
                    font-family: 'Noto Sans JP', sans-serif;
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 1.8;
                    letter-spacing: 0.01em;
                    text-align: justify;
                }
            .innovation_detail_image_container{
                width: 100%;
                height: auto;
                position: relative;
            }
                .innovation_detail_image_container_inner{
                    width: 100%;
                    height: auto;
                    display: flex;
                    position: relative;
                }
                .innovation_detail_image{
                    width: 67.96%;
                    height: auto;
                }
                    .innovation_detail_image img{
                        width: 100%;
                        height: auto;
                    }
                .innovation_add_image{
                    width: 32.04%;
                    height: auto;
                    position: relative;
                }
                    .innovation_add_img_wrap{
                        width: 50%;
                        height: auto;
                        position: absolute;
                        top: 47%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        max-width: 240px;
                    }
                        .innovation_add_img_wrap img{
                            width: 100%;
                            height: auto;
                        }
                .innovation_detail_btn_area{
                    width: 43.94%;
                    height: auto;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    transform: translate(0,50%);
                    min-width:300px;
                }
                    .innovation_detail_btn{
                        display: block;
                        width: 100%;
                        height: 100%;
                        font-size: 20px;
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 700;
                        text-align: center;
                        background-color: #b10021;
                        color: #fff;
                        border: #b10021 1px solid;
                        transition: .3s;
                        padding: 18px 0 ;
                        position: relative;
                        white-space: nowrap;
                        letter-spacing: 0.1em;
                    }
                    .innovation_detail_btn:hover{
                        background-color: #fff;
                        color: #b10021;
                        letter-spacing: 0.15em;
                    }
                        .innovation_detail_btn:hover.innovation_detail_btn::before,
                        .innovation_detail_btn:hover.innovation_detail_btn::after{
                            background-color: #b10021;
                        }
                        .innovation_detail_btn::before{
                            content: "";
                            display: block;
                            width: 15px;
                            height: 3px;
                            background-color: #fff;
                            position: absolute;
                            top: calc(50% - 5.433px);
                            right: 15px;
                            transform: translate(-50%,0) rotate(45deg);
                            transition: .3s;
                        }
                        .innovation_detail_btn::after{
                            content: "";
                            display: block;
                            width: 15px;
                            height: 3px;
                            background-color: #fff;
                            position: absolute;
                            top: calc(50% + 2.633px);
                            right: 15px;
                            transform: translate(-50%,0) rotate(135deg);
                            transition: .3s;
                        }
#network{
    width: 100%;
    height: auto;
}
    .network_inner{
        width: 80%;
        height: auto;
        margin: 0 auto;
    }
                .dotted_circle_title.dotted_circle_title_network{
                    margin: 0 auto 0 0;
                }
                .dotted_circle_text.dotted_circle_text_network{
                    width: 90%;
                    text-align: start;
                    left: 14.5%;
                    transform: translate(0, -50%);
                }
        .network_flex_wrapper{
            width: 100%;
            padding: 40px 0 170px;
            max-width: 1200px;
        }
            .network_flex_area{
                width: 100%;
                height: auto;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .network_flex_area.network_flex_area_2{
                flex-direction: row-reverse;
            }
                .network_flex_image{
                    width: 50%;
                    height: auto;
                }
                    .network_flex_image img{
                        width: 100%;
                        height: auto;
                    }
                .network_flex_text_container{
                    width: 50%;
                    height: auto;
                }
                .network_flex_text_container_1{
                    padding-left: 3%;
                }
                .network_flex_text_container_2{
                    padding-right: 3%;
                }
                    .network_sub_title{
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 400;
                        font-size: 32px;
                        margin-bottom: 25px;
                    }
                        .network_detail{
                            font-family: 'Noto Sans JP', sans-serif;
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 1.8;
                            text-align: justify;
                        }
#awards{
    width: 100%;
    height: auto;
    position: relative;
}
    .awards_inner{
        width: 100%;
        height: auto;
        position: relative;
    }
        .dotted_circle_text_awarads{
            left: 36%;
        }
        .awards_dotted_circle_area{
            width: 80%;
            height: auto;
            margin: 0 auto;
        }
        .awarads_detail_wrapper{
            width: 90%;
            height: auto;
            margin: 0 auto;
            padding: 50px 0 250px 0;
        }
            .awarads_detail_container{
                width: 100%;
                height: auto;
                margin: 0 auto ;
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 6%;
                padding-bottom: 145px;
                max-width: 1200px;
            }
            .awarads_detail_container_btm{
                padding: 0;
            }
                .gd_logo{
                    width: 18%;
                    height: auto;
                }
                .gd_logo_1{
                    width: 18%;
                }
                .gd_logo.gd_logo_1 img{
                    width: 83%;
                    margin: 0 auto;
                }
                    .gd_logo img{
                        width: 100%;
                        height: auto;
                    }
                .awarads_detail_text_area{
                    width: 80%;
                    height: auto;
                }
                    .awarads_detail_subtitle{
                        width: 100%;
                        height: auto;
                        font-size: 28px;
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 600;
                        letter-spacing: 0.05em;
                        color: #d2112a;
                    }
                    .awarads_name{
                        width: 100%;
                        height: auto;
                        font-size: 24px;
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 600;
                        letter-spacing: 0.03em;
                        line-height: 1.16em;
                        padding: 15px 0;
                        font-feature-settings: "palt";
                    }
                    .awarads_detail{
                        width: 100%;
                        height: auto;
                        font-size: 18px;
                        font-family: 'Noto Sans JP', sans-serif;
                        font-weight: 400;
                        line-height: 1.58em;
                        letter-spacing: 0.01em;
                        text-align: justify;
                    }
                    .awards_add_image{
                        width: 23%;
                        height: auto;
                        margin: 0 auto;
                    }
                    .awards_add_image_1{
                        width: 25%;
                        margin-left: 2%;
                    }
                    .awards_add_image_3{
                        width: 23%;
                    }
                    .awards_add_image_4{
                        width: 23%;
                    }
                        .awards_add_image img{
                            width: 100%;
                            height: auto;
                        }
                        .awards_add_image_4 img{
                            width: 70%;
                            margin: 0 auto;
                        }

#footer_area{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
    .footer_area_inner{
        width: 100%;
        height: auto;
        position: relative;
    }
        .footer_bg_image_wrap{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
            .footer_bg_image{
                width: 100%;
                height: 100vh;
                position: sticky;
                top: 0;
                left: 0;
            }
                .footer_bg_image img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
        .footer_text_area{
            width: 100%;
            height: 100%;
            padding: 274px 0 0 0;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
            .footer_title_container{
                width: 100%;
                height: auto;
                padding: 0 0 80px 0;
            }
                .footer_title{
                    width: 100%;
                    height: auto;
                    margin: 0 auto;
                    font-size: 62px;
                    letter-spacing: 0.05em;
                    text-align: center;
                    color: #fff;
                }
            .footer_detail_container{
                width: 90%;
                max-width: 1200px;
                height: auto;
                margin: 0 auto;
                padding-bottom: 200px;
            }
                .footer_detail_text{
                    font-family: 'Noto Sans JP', sans-serif;
                    font-weight: 300;
                    font-size: 18px;
                    color: #fff;
                    letter-spacing: 0.01em;
                    line-height: 2.5em;
                    filter: drop-shadow(1px 1px 2px black) ;
                    text-align: center;
                }
    .kanko_logo{
        display: block;
        width: 17.8%;
        height: auto;
        max-width: 343px;
        position: relative;
        z-index: 2;
        margin: 0 auto;
        padding-bottom: 20px;
    }
        .kanko_logo img{
            width: 100%;
            height: auto;
        }
    .co_area{
        width: 100%;
        height: auto;
        padding: 15px 0;
        position: relative;
        z-index: 2;
    }
        .co_area p{
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #fff;
            text-align: center;
        }
/* PC ================================================== */
@media (min-width:1701px) {
    .sp{
        display: none;
    }
}
 @media (min-width:1501px) and (max-width:1700px) {
    .sp{
        display: none;
    }
}
@media (min-width:1025px) and (max-width:1500px){
.sp{
    display: none;
}
}
@media all and (max-width:1200px){
    .footer_title_container {
        padding: 0 0 5vw 0;
    }
        .footer_title{
            font-size: 4.8vw;
        }
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
.sp{
    display: none;
}
}

/* SP ================================================== */
@media all and (max-width:599px){
.pc{
    display: none;
}
            .text_container{
                width: 94%;
            }
                .hero_title{
                    width: 100%;
                    margin: 0 auto;
                }
                    .hero_title .hero_large_text{
                        font-size: 36px;
                        white-space: nowrap;
                        text-align: center;
                        padding-left: 32px;
                    }
                    .hero_title p {
                        width: 100%;
                        padding-left: 10px;
                        font-size: 22px;
                        text-align: center;
                        letter-spacing: 0em;
                    }
                    .hero_title__scroll__txt {
                        font-size: 16px;
                        margin: 0 auto 13px;
                    }
                    .hero_title__scroll__icon {
                        height: 48px;
                    }
                        @keyframes pathmove{
                            0%{
                                top: -70px;
                            }
                            100%{
                                top: 118px;
                            }
                        }
                    .hero_detail_title p{
                        font-size: 24px;
                        line-height: 1.5;
                        text-align: center;
                    }
            .hero_detail_container_sticky{
                width: 100%;
                height: 100vh;
                position: sticky;
                top: 23%;
            }
            .hero_detail_container_sticky_01{
                top: 18%;
            }
            .hero_detail_container_sticky_02{
                top: 21%;
            }
                .detail_number_wrap{
                    width: 94px;
                    height: auto;
                    position: relative;
                    margin: 0 auto;
                    top: 0;
                    left: 0;
                    transform: translate(0,0);
                }
                    .detail_number{
                        font-size: 14px;
                    }
                .detail_text_wrap{
                    width: 100%;
                }
                        .detail_text_title{
                            margin-top: 60px;
                            margin-bottom: 56px;
                            text-align: center;
                            font-size: 23px;
                        }
                        .detail_text{
                            font-size: 14px;
                        }
    .about_inner{
        padding-bottom: 150px;
        width: 90%;
    }
            .about_title{
                padding: 125px 0 70px 0;
            }
                .about_title_text{
                    font-size: 28px;
                    letter-spacing: 0.2em;
                }
            .about_detail{
                padding-bottom: 80px;
            }
                .about_detail_text{
                    font-size: 16px;
                }
            .about_image_container{
                padding: 0;
                display: block;
            }
            .about_min_text{
                padding: 0;
            }
                .about_image{
                    width: 100%;
                    padding-bottom: 20px;
                }
#innovation{
    padding-bottom: 70px;
}
    .innovation_inner{
        width: 100%;
    }
                .dotted_circle_title{
                    width: 232px;
                    margin: 0 0 0 auto;
                }
                    .dotted_circle_text{
                        font-size: 32px;
                        line-height: 28px;
                        text-align: center;
                        left: 50%;
                        top: 49%;
                    }
                    .dotted_circle_text.dotted_circle_text_network{
                        left: 6.5%;
                        top: 49%;
                    }
                    .dotted_circle_text.dotted_circle_text_network.fadeIn_right{
                        text-align: center;
                    }
                        .dotted_circle_text span{
                            font-size: 16px;
                            line-height: 0.5em;
                        }
#innovation{
    padding-bottom: 100px;
}
            .innovation_detail_text_wrap{
                width: 94%;
                padding-top: 57px;
                margin: 0 auto;
            }    
                .innovation_detail_text{
                    font-size: 15px;
                }
    .innovation_detail{
        margin: 0;
    }
        .innovation_detail_image{
            width: 70%;
        }
        .innovation_add_image{
            width: 30%;
        }
            .innovation_add_img_wrap{
                width: 77%;
                top: 50%;
            }
            .innovation_detail_btn_area{
                width: 315px;
                position: unset;
                margin: 0 auto;
            }
                .innovation_detail_btn{
                    font-size: 16px;
                    height: auto;
                    padding-right: 20px;
                    padding-bottom: 18px ;
                    padding-top: 18px;
                }
                .innovation_detail_btn::before {
                    content: "";
                    display: block;
                    width: 10px;
                    height: 2px;
                    background-color: #fff;
                    position: absolute;
                    top: calc(50% - 3.433px);
                    right: 7px;
                    transform: translate(-50%,0) rotate(45deg);
                    transition: .3s;
                }
                .innovation_detail_btn::after {
                    content: "";
                    display: block;
                    width: 10px;
                    height: 2px;
                    background-color: #fff;
                    position: absolute;
                    top: calc(50% - -2.567px);
                    right: 7px;
                    transform: translate(-50%,0) rotate(135deg);
                    transition: .3s;
                }
    .network_inner{
        width: 100%;
    }
    .dotted_circle_text.dotted_circle_text_network{
        width: 80%;
    }
        .network_flex_wrapper{
            padding: 67px 0 0 0;
        }
            .network_flex_area{
                display: block;
            }
                .network_flex_image{
                    width: 100%;
                }
                .network_flex_text_container{
                    width: 94%;
                    margin: 0 auto;
                }
                .network_flex_text_container_1,
                .network_flex_text_container_2{
                    padding: 0;
                }
                    .network_sub_title{
                        font-size: 25px;
                        text-align: center;
                        padding: 55px 0 0 0;
                        letter-spacing: 0.01em;
                        line-height: 0.65em;
                    }
                    .network_detail{
                        font-size: 15px;
                        padding-bottom: 80px;
                    }
#awards{
    padding-bottom: 0;
}
            .awarads_detail_container{
                display: block;
                width: 94%;
                margin: 0 auto;
                padding-bottom: 120px;
            }
                .awards_dotted_circle_area{
                    width: 100%;
                }
                .gd_logo{
                    width: 32%;
                    margin: 0 auto;
                    padding-bottom: 30px;
                }
                .gd_logo_1{
                    width: 30%;
                }
                    .awarads_detail_text_area{
                        width: 100%;
                    }
                        .awarads_detail_subtitle{
                            font-size: 20px;
                            text-align: center;
                            letter-spacing: 0.05em;
                            white-space: nowrap;
                        }
                        .awarads_detail_subtitle span{
                            font-size: 18px;
                            letter-spacing: 0;
                        }
                        .awarads_name{
                            padding: 0;
                            margin: 15px auto;
                            font-size: 16px;
                            font-weight: 700;
                            text-align: center;
                            line-height: 1.85em;
                            letter-spacing: 0.1em;
                        }
                        .awarads_name_3{
                            font-size: 16px;
                        }
                        .awarads_detail{
                            font-size: 15px;
                            line-height: 1.92em;
                            letter-spacing: 0.01em;
                        }
                        .awards_add_image{
                            margin: 0 auto;
                        }
                        .awards_add_image_1{
                            padding-top: 50px;
                            width: 65%;
                        }
                        .awards_add_image_2{
                            padding-top: 30px;
                            width: 65%;
                        }
                        .awards_add_image_3{
                            padding-top: 50px;
                            width: 70%;
                        }
                        .awards_add_image.awards_add_image_4{
                            padding-top: 40px;
                            width: 50%;
                        }
                .dotted_circle_text_awarads{
                    left: 57%;
                } 
        .awarads_detail_wrapper{
            margin: -11% auto 0 0;
            width: 100%;
            padding: 120px 0 0 0 ;
        }
.footer_area_inner{
    height: 100%;
    position: relative;
}
    .footer_bg_image{
        height: 100vh;
    }
    .footer_bg_image_wrap{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
        .footer_title_container {
            width: 90%; 
            padding-bottom: 30px;
            margin: 0 auto;
        }
            .footer_title{
                font-size: 44px;
                color: #fff;
                text-align: start;
                line-height: 1.8em;
            }
    .footer_text_area {
        padding: 115px 0 0 0;
    }
        .footer_detail_container{
            width: 87%;
            height: auto;
            margin: 0 auto;
            padding-bottom: 100px;
        }
            .footer_detail_text{
                font-size: 16px;
                color: #fff;
                line-height: 2.3em;
                text-align: justify;

            }
        .kanko_logo{
            width: 209px;
        }
            .co_area{
                width: 100%;
            }
                .co_area p{
                    font-size: 10px;
                }
}