/* fv */
.fv_area .fv .bg-img .bg video.forPC{ display: none !important;}
.fv_area .fv .bg-img .bg video.forSP{ display: block !important;}
.fv_area .fv .bg-img .bg{ height: 100vh; background-color: var(--color__white); display: flex; justify-content: center; align-items: center;}
.fv_area .fv .bg-img .bg video{ position: relative; height: auto;}


/* works_area */
.works_area{ padding: 80px 0;}
.works_area .con_title{ aspect-ratio: 1920 / 420;}
.works_area .works_slide{ width: 100%; position: relative; z-index: 2; padding: 0 20px; box-sizing: border-box;}
.works_area .works_slide .slider-item{ width: 100%; max-width: calc(100% / 3); aspect-ratio: 106 / 150; position: relative; margin: 0 20px;}
.works_area .works_slide .arrow_box{ padding: 10px 0 0 0;}
.works_area .works_slide .arrow_box .arrow_item{ width: 100%; max-width: 130px; display: flex; justify-content: space-between; align-items: center;}
.works_area .works_slide .arrow_box .arrow_item p{ font-size: 12px; font-weight: bold; order: 1;}
.works_area .works_thumnail{ margin: 20px auto 0;}
.works_area .works_thumnail .thumnail-item{ margin: 0 5px; border-radius: 12px; overflow: hidden; background-color: var(--color__black);}
.works_area .works_thumnail .thumnail-item img{ opacity: .2; transition: .8s ease-in-out;}
.works_area .works_thumnail .thumnail-item.slick-current img{ opacity: 1;}
.works_area .obj_box{ width: 100%; max-width: 100%; position: absolute; z-index: 1; bottom: -40px; left: 0; margin: auto;}
.works_area .obj_box .obj08{ width: 100%; max-width: 188px; aspect-ratio: 1 / 1;}
.works_area .obj_box .obj07{ width: 100%; text-align: right;}
.works_area .obj_box .obj07 img{ max-width: 80px;}
.works_area .obj_box .obj06{ width: 100%; max-width: 132px; aspect-ratio: 1 / 1; margin: auto;}
.works_area .obj_box .obj05{ width: 100%; text-align: right;}
.works_area .obj_box .obj05 img{ max-width: 100px;}

/* about_area */
.about_area{ padding: 80px 20px 80px; box-sizing: border-box;}
.about_area .wrap{ width: 100%; max-width: 100%;}
.about_area .wrap img{ margin-left: -20px;}
.about_area .wrap p{ font-size: 16px; line-height: 2; font-weight: bold;}