@charset "utf-8";

/* countdown_area =========================*/
#countdown_area{padding-top: 50px;}
#countdown_area .countdown_title{font-size: 16px; font-weight: 900; letter-spacing: 0; margin-bottom: 40px;}
#countdown_area .countdown{}
#countdown_area .countdown_box{position: relative; border-left: 1px solid #CCC; padding-right: 30px; padding-top: 20px;}
#countdown_area .countdown_box span{color: var(--blue); font-size: 18px; font-weight: 700; line-height: 1; position: absolute; top: 0; left: 0; transform: translateY(-100%) translateY(-5px);}
#countdown_area .countdown_box b{font-size: 60px; line-height:1; letter-spacing: 0;}

/*@media screen and (max-width:960px){
    #countdown_area{margin-top: 50px;}
    #countdown_area .countdown_box{padding-right: var(--space40);}
    #countdown_area .countdown_box span{font-size: var(--f26);}
    #countdown_area .countdown_box b{font-size: var(--f130);}
}*/

@media screen and (max-width:640px){
    #countdown_area{padding-top: 60px;}
    #countdown_area .countdown_title{margin-bottom: 30px;}
    #countdown_area .countdown_box{padding-top: 10px; padding-right: var(--space30);}
    #countdown_area .countdown_box span{font-size: 12px; letter-spacing: 0;}
    #countdown_area .countdown_box b{font-size: var(--f60);}
}

@media screen and (max-width:400px){
    #countdown_area .countdown_box span{font-size: 11px;}
    #countdown_area .countdown_box b{font-size: 35px;}
}

@media screen and (max-width:350px){
    #countdown_area .countdown_box{padding-right: 10px;}
    #countdown_area .countdown_box span{font-size: 10px;}
    #countdown_area .countdown_box b{font-size: 32px;}
}


/* topics_area =========================*/
#top_leadArea .h2_title{margin-bottom: var(--space40);}

#top_leadArea .top_mvSlide{}
#top_mvSlide .slick-list{}
#top_mvSlide .topics_slide a{display: block; width: 100%; height: 680px; overflow: hidden;}
#top_mvSlide .topics_slide picture,
#top_mvSlide .topics_slide img{width: 100%; height: 100%; display: block;}
#top_mvSlide .topics_slide img{object-fit: cover; object-position: center; display: block;}
#top_mvSlide .slick-dots{max-width: 1800px; width: 100%; margin: 30px auto 0; padding: 0 36px;
    position: static; height: auto; display: flex; justify-content: flex-start;}
#top_mvSlide .slick-dots li{margin: 0 20px 0 0; width: 10px; height: 10px;}
#top_mvSlide .slick-dots li button{padding: 0; opacity: 1; background: #B9B9B9; border-radius: 50%; width: 100%; height: 100%;}
#top_mvSlide .slick-dots li.slick-active button{background: #44B5C5;}
#top_mvSlide .slick-dots li button::before{display: none;}

#top_leadArea .top_leadText{padding-left: 26%; margin: 50px 20px -80px 0;}
#top_leadArea .top_leadText p{font-size: 28px; font-weight: 600; line-height: 1.;}
#top_leadArea .top_leadText p span{font-weight: 700;}

@media screen and (max-width:640px){
    #top_leadArea .h2_title{margin-bottom: var(--space30); font-weight: 600;}

    #top_mvSlide .topics_slide a{height: 380px}

    #top_mvSlide .slick-dots{margin: var(--space40) auto 0; padding-left: 28px;}
    #top_mvSlide .slick-dots li,
    #top_mvSlide .slick-dots li button{width: 10px; height: 10px;}

    #top_leadArea .top_leadText{padding-left:0; margin: var(--space60) auto 0;}
    #top_leadArea .top_leadText p{font-size: var(--f30);}
}

/* top_3pillars =========================*/
#top_3pillars .h2_title{margin-bottom: var(--space40);}

.pillars_content{margin: 0 20px 0 20%;}
.pillars_wrap{display: flex; flex-wrap: wrap; align-items: flex-end;}
.pillars_wrap + .pillars_wrap{padding-top: var(--space100);}
.pillars_text{width: calc(100% - 500px);}
.pillars_img{width: 500px;}
.pillars_text h3{font-size: 36px; margin-bottom: var(--space30);}
.pillars_text h3 + p{font-size: 20px; font-weight: 600; line-height: 1.8;}

.pillars_wrap:nth-child(odd){flex-direction: row-reverse;}
.pillars_wrap:nth-child(odd) .pillars_text{padding-left: 40px;}
.pillars_wrap:nth-child(even) .pillars_text{padding-right: 80px;}

@media screen and (max-width: 1500px){
    .pillars_content{margin: 0 20px 0 10%;}
    .pillars_text{width: calc(100% - 500px);}
    .pillars_img{width: 400px;}
}
@media screen and (max-width:960px){
    .pillars_wrap,
    .pillars_wrap:nth-child(odd){flex-direction: column-reverse;}
    .pillars_text{width: 100%;}
    .pillars_img{width: 100%;}
    .pillars_text h3{margin: var(--space40) 0;}
    .pillars_wrap:nth-child(odd) .pillars_text{padding-left: 0;}
    .pillars_wrap:nth-child(even) .pillars_text{padding-right: 0;}
}
@media screen and (max-width:640px){
    #top_3pillars .h2_title{margin-bottom: var(--space40);}

    .pillars_content{margin: 0;}

    .pillars_wrap + .pillars_wrap{padding-top: var(--space50);}
    .pillars_text h3{font-size: var(--f32); margin: var(--space20) 0;}
    .pillars_text h3 + p{font-size: var(--f24);}
}


/* top_info =========================*/
#top_info .h2_title{margin-bottom: var(--space40);}


/* top_project =========================*/
#top_project .h2_title{margin-bottom: var(--space40);}