@import url("../style_about/style_data.css");

@import url("../style_about/style_history.css");


.right_contentBg{
    padding: clamp(1.125rem, 2.6042vw , 3.125rem) 0;
}

.about_bg{
    display: flex;
    flex-direction: column;
    row-gap: clamp(3.8711rem, 6.25vw, 7.5rem); /* ��撠��� 61.94px��憭批�蝝� 6.25vw����憭批�� 120px */
}
    .about_area{     
        position: relative;
    }

        .id_offset{
            position:absolute;
        }





/* ============================================ */
/* about_area1 */
/* ============================================ */
 
    .about_area1{
        width: 100%;
        /* position: relative; */  
    }

        .about_area1 .wrap{
            max-width: 68.5rem; /* ��撠��� 565.7px��憭批�蝝� 57.0833vw����憭批�� 1096px */
            margin: 0 auto; 
            display: flex;
            flex-direction: column;
            row-gap: clamp(2.5807rem, 4.1667vw, 5.0000rem); /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80.00px */
        }
            .about_area1 .text_area{
                
            }
            .about_area1 .about_content{          
                width: 100%;        
                display: flex;        
                flex-direction: column;
                margin-bottom: clamp(2.5807rem, 4.1667vw, 5.0000rem);
            }
            .about_area1 .about_content_img_area{
                display: flex;
                flex-direction: column;
                row-gap: 1.25rem; /*20px*/
            }


                .about_area1 .about_content_img_area .text_area{

                }
                .about_area1 .about_content_img_area ul{
                    margin: 0;
                    padding: 0;
                    list-style-type : none;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    flex-wrap: wrap;
                    row-gap: 1.25rem; /*20px*/
                    margin: 0 -0.625rem; /*10px*/
                    /* width: 100%; */
                }
                    .about_area1 .about_content_img_area li{
                        margin: 0;
                        padding: 0;
                        list-style-type : none;
                        display: flex;
                        flex-direction: column;
                        gap: .9375rem; /*15px*/
                        width: calc(100% / 3);
                        padding: 0 0.625rem; /*10px*/
                        box-sizing: border-box;
                    }
                        .about_area1 .about_content_img_area .img{
                    
                        }
                            .about_area1 .about_content_img_area .img a{
                                position: relative;
                                padding-top: 66.8%;
                                border-radius: 10px;
                                display: block;
                                overflow: hidden;
                            }
                            .about_area1 .about_content_img_area .img img{
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                position: absolute;
                                top: 0;
                                left: 0;
                                bottom: 0;
                                right: 0;
                                float: none;
                                width: 100% !important;
                                height: 100% !important;
                                object-fit: cover;
                                transition: 0.3s ease all;
                            }
                        .about_area1 .about_content_img_area strong{
                            text-align: center;
                            margin-bottom: 0;
                            font-size: 1rem;
                            line-height: 1.5;
                            font-weight: 500;
                            color: var(--dark_color);
                        }



@media (max-width: 640px){

    .about_area1 .about_content_img_area ul{
        flex-direction: column;
        justify-content: unset;
        gap: 1.25rem; /*20px*/
        margin: 0 0;
    }
        .about_area1 .about_content_img_area li{
            width: calc(100% / 1);
            padding: 0 0;
        }


}












/* ============================================ */
/* about_area2 */
/* ============================================ */
 
.about_area2{
    width: 100%;
}

    .about_area2 .about_content_img_area{
        min-height: 37.5rem; /*600px*/
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: background-position-y 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
        .about_area2 .about_content{
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            max-width: calc(100% - 0.625rem); /*100% - 10px*/
        }
            .about_area2 .about_content .title{
                position: relative;
                text-align: center;
                margin-bottom: 0;
                font-size: clamp(1.1250rem, 1.2500vw, 1.5000rem); /* 摮�擃� ��撠��� 18.00px��憭批�蝝� 1.2500vw����憭批�� 24.00px */
                line-height: 1.5;
                font-weight: 700;
                color: #fff;
            }
            .about_area2 .about_content .title p{
            }

            


/* ============================================ */
/* about_area3 */
/* ============================================ */
 
.about_area3{
    width: 100%;
    padding: 0px;
    padding-top: clamp(2.5807rem, 4.1667vw, 5.0000rem); /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80.00px */
    padding-bottom: clamp(3.8711rem, 6.2500vw, 7.5000rem); /* ��撠��� 61.94px��憭批�蝝� 6.2500vw����憭批�� 120.00px */
    /* margin-bottom: 120px; */
    background-color: rgba(159, 164, 166, 0.1);
    display: flex ;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .about_area3 .about_content_area{
        display: flex ;
        flex-direction: column;
        row-gap: clamp(2.4194rem, 3.9063vw, 4.6875rem); /* ��撠��� 38.71px��憭批�蝝� 3.9063vw����憭批�� 75.00px */
    }
    
    .about_area3 .text_area{
        text-align: center;
    }
    
    





/* ============================================ */
/* about_area4 */
/* ============================================ */
 
.about_area4{

}
 
    .about_area4 .wrap{
    }
        .about_area4 .about_content{
        }


	/*----- �折��璅�憿�憛�3 -----*/
    .about_area4 .right_title3 {
		margin-bottom: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
	}	


@media (max-width: 640px){
    
    .about_area4 .right_title3 {
        margin-bottom: 1.25rem; /*20px*/
    }	

}