
/* content */
.main_top{position:relative;height:90rem;background:url(../images/main_2024/img_main.jpg) 50% 50% no-repeat;background-size:cover}
.main_top .ico_scroll{position:absolute;bottom:3rem;left:50%;width:8rem;height:9rem;background:url(../images/main_2024/ico_scroll.png) 50% 50% no-repeat;transform:translateX(-50%)}

.section_main_01{padding-top:1.7rem}
.section_main_01 .list_item{position:relative;width:192rem;height:94rem;margin:0 auto}
.section_main_01 .list_item .thumb{display:block;overflow:hidden;position:relative;height:100%}
.section_main_01 .list_item .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.section_main_01 .list_item a:hover img{transform:scale(1.1)}
.section_main_01 .list_item .item1{position:absolute;top:0;left:0;width:55.2rem;height:37rem}
.section_main_01 .list_item .item2{position:absolute;top:0;left:56rem;width:59.6rem;height:52rem}
.section_main_01 .list_item .item3{position:absolute;top:0;left:116.4rem;width:75.6rem;height:52rem}
.section_main_01 .list_item .item4{position:absolute;top:52.8rem;left:56rem;width:71.2rem;height:41.2rem}
.section_main_01 .list_item .item4:after{position:absolute;right:3rem;bottom:0;left:3rem;height:2px;background-color:#f0f7f7;content:''}
.section_main_01 .list_item .item5{position:absolute;top:37.8rem;left:0;width:55.2rem;height:56.2rem}
.section_main_01 .list_item .item5 .thumb img{object-position:left}
.section_main_01 .list_item .item6{position:absolute;top:52.8rem;left:128rem;width:64rem;height:41.2rem}

.section_main_02{padding:13rem 0 10rem}
.section_main_02 h3{color:#2c2c2c;font-weight:700;font-size:7.2rem;line-height:1;font-family:'Montserrat',sans-serif;text-align:center}
.section_main_02 .list_product{margin-top:12rem}
.section_main_02 .list_product ul{display:flex;flex-wrap:wrap;width:176rem;margin:0 auto}
.section_main_02 .list_product li{width:25%;padding:0 2rem}
.section_main_02 .list_product .thumb{display:block;overflow:hidden;position:relative;padding-bottom:100%;border-radius:50%;background-color:#f3f3f3}
.section_main_02 .list_product .thumb img{position:absolute;top:6rem;left:50%;width:auto;height:97%;transform:translateX(-50%);transition:all .2s linear}
.section_main_02 .list_product .thumb:hover img{transform:translateX(-50%) scale(1.1)}
.section_main_02 .list_product .info{padding:2rem 0;text-align:center}
.section_main_02 .list_product .info .tit{display:block;color:#727272;font-weight:400;font-size:1.3rem;line-height:1.2;font-family:'Montserrat',sans-serif}
.section_main_02 .list_product .info .tit em{color:#202020;font-weight:700;font-size:2.6rem}
.section_main_02 .list_product .info .desc{display:block;margin-top:.5rem;color:#808080;font-size:1.4rem;line-height:1.3;font-family:'Montserrat',sans-serif}
.section_main_02 .list_product .info .desc em{color:#3c3736;font-weight:700}
.section_main_02 .btn_area{display:flex;justify-content:center;margin-top:8rem}
.section_main_02 .btn_more{display:block;overflow:hidden;position:relative;z-index:1;width:36rem;border: 1px solid #d2d2d2;border-radius:100px;background-color:transparent;color:#000;font-size:1.8rem;line-height:4.6rem;letter-spacing:-.05rem;text-align:center;transition:all .2s}
.section_main_02 .btn_more:after{position:absolute;top:0;left:0;width:0;height:100%;background-color:#000;mix-blend-mode:overlay;filter:contrast(1.5);content:'';transition:all .2s}
.section_main_02 .btn_more:hover{color:#fff}
.section_main_02 .btn_more:hover:after{width:100%;z-index:-1}

.section_main_03{height:90rem;padding-top:18.5rem;background:url(../images/main_2024/img_company.jpg) 50% 50% no-repeat;background-size:cover}
.section_main_03 h3{color:#fff;font-weight:700;font-size:7.2rem;line-height:1;font-family:'Montserrat',sans-serif;text-align:center}
.section_main_03 .tit{display:block;margin-top:10rem;color:#fff;font-weight:400;font-size:3.6rem;line-height:1.2;letter-spacing:-.05rem;text-align:center}
.section_main_03 .desc{margin-top:5.5rem;color:#fff;font-weight:300;font-size:2.4rem;line-height:1.5;letter-spacing:-.05rem;text-align:center}
.section_main_03 .btn_area{display:flex;justify-content:center;margin-top:7rem}
.section_main_03 .btn_more{display:block;overflow:hidden;position:relative;z-index:1;width:36rem;border:1px solid #fff;border-radius:100px;background-color:transparent;color:#fff;font-size:1.8rem;line-height:4.6rem;letter-spacing:-.05rem;text-align:center;transition:all .2s}
.section_main_03 .btn_more:after{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;mix-blend-mode:overlay;filter:contrast(1.5);content:'';transition:all .2s}
.section_main_03 .btn_more:hover{color:#000}
.section_main_03 .btn_more:hover:after{width:100%;z-index:-1}

.section_main_04{padding:11rem 0 7rem}
.section_main_04 .list_news ul{display:flex;flex-wrap:wrap;width:172rem;margin:0 auto}
.section_main_04 .list_news li{width:25%;padding:0 1.5rem}
.section_main_04 .list_news .thumb{display:block;overflow:hidden;position:relative;padding-bottom:106.25%}
.section_main_04 .list_news .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.section_main_04 .list_news .thumb:hover img{transform:scale(1.1)}
.section_main_04 .list_news .info{padding:2rem 0}
.section_main_04 .list_news .info .date{display:block;color:#808080;font-weight:500;font-size:1.6rem;line-height:1.5;letter-spacing:-.05rem}
.section_main_04 .list_news .info .tit{display:block;display:-webkit-box;overflow:hidden;margin-top:1rem;color:#202137;font-weight:700;font-size:2.4rem;line-height:1.2;letter-spacing:-.05rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.section_main_04 .list_news .info .desc{display:block;display:-webkit-box;overflow:hidden;margin-top:2rem;color:#4c4c4c;font-size:1.5rem;line-height:1.6;letter-spacing:-.05rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.section_main_05{padding:7rem 0 13rem;border-top:1px solid #d0d0d0}
.section_main_05 h3{color:#333;font-weight:500;font-size:2.6rem;line-height:1;font-family:'Montserrat',sans-serif;letter-spacing:.7rem;text-align:center}
.section_main_05 .list_thumb{margin-top:5.5rem}
.section_main_05 .list_thumb ul{display:flex;flex-wrap:wrap;width:129rem;margin:0 auto}
.section_main_05 .list_thumb li{width:33.33333%;padding:.5rem}
.section_main_05 .list_thumb .thumb{display:block;overflow:hidden;position:relative;padding-bottom:100%}
.section_main_05 .list_thumb .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.section_main_06{height:53.5rem;padding-top:11.5rem;background:url(../images/main_2024/img_contact.jpg) 50% 50% no-repeat;background-size:cover}
.section_main_06 h3{color:#2c2c2c;font-weight:500;font-size:3.6rem;line-height:1;font-family:'Montserrat',sans-serif;letter-spacing:.7rem;text-align:center}
.section_main_06 .desc{margin-top:5rem;color:#2c2c2c;font-size:1.8rem;line-height:1.7;letter-spacing:-.05rem;text-align:center}
.section_main_06 .btn_area{display:flex;justify-content:center;gap:2.6rem;margin-top:5rem}
.section_main_06 .btn_area button{display:block;overflow:hidden;position:relative;z-index:1;width:28rem;color:#fff;font-size:1.8rem;line-height:4.6rem;letter-spacing:-.05rem;text-align:center;transition:all .2s}
.section_main_06 .btn_area button:after{position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(0,0,0,.5);mix-blend-mode:overlay;filter:contrast(1.5);content:'';transition:all .2s}
.section_main_06 .btn_area button:hover:after{width:100%;z-index:-1}
.section_main_06 .btn_inquiry{border:1px solid #e5e5e5;background-color:#2c2c2c}
.section_main_06 .btn_download{border:1px solid #49b949;background-color:#49b949}


@media (max-width:1025px){
    
/* content */
    .main_top{height:45rem;background-position:34% 50%}
    .main_top .ico_scroll{display:none}

    .section_main_01{padding:0 0 1.6rem}
    .section_main_01 .list_item{display:flex;flex-wrap:wrap;width:100%;height:auto}
    .section_main_01 .list_item .thumb{height:auto}
    .section_main_01 .list_item a:hover img{transform:scale(1)}
    .section_main_01 .list_item [class*=item]{position:static;height:auto;padding-top:1.6rem}
    .section_main_01 .list_item .item1{width:100%}
    .section_main_01 .list_item .item1 .thumb{padding-bottom:22%}
    .section_main_01 .list_item .item2{width:50%;padding-right:.3rem}
    .section_main_01 .list_item .item2 .thumb{padding-bottom:110%}
    .section_main_01 .list_item .item3{width:50%;padding-left:.3rem}
    .section_main_01 .list_item .item3 .thumb{padding-bottom:110%}
    .section_main_01 .list_item .item4{width:100%}
    .section_main_01 .list_item .item4:after{display:none}
    .section_main_01 .list_item .item4 .thumb{padding-bottom:36%}
    .section_main_01 .list_item .item5{width:60%;margin:0 auto}
    .section_main_01 .list_item .item5 .thumb{padding-bottom:85%}
	.section_main_01 .list_item .item5 .thumb img{object-position:center}
    .section_main_01 .list_item .item6{width:80%;margin:0 auto}
    .section_main_01 .list_item .item6 .thumb{padding-bottom:64%}

    .section_main_02{padding:5rem 0 6rem}
    .section_main_02 h3{font-size:3rem}
    .section_main_02 .list_product{margin-top:5rem}
    .section_main_02 .list_product ul{width:100%;padding:0 1.4rem}
    .section_main_02 .list_product li{width:50%;padding:0 .8rem 2.5rem}
    .section_main_02 .list_product .thumb img{top:2.5rem}
    .section_main_02 .list_product .thumb:hover img{transform:translateX(-50%) scale(1)}
    .section_main_02 .list_product .info{padding:1.5rem 0}
    .section_main_02 .list_product .info .tit{font-size: 1.0rem;}
    .section_main_02 .list_product .info .tit em{font-size: 1.8rem;}
    .section_main_02 .list_product .info .desc{font-size: .8rem;}
    .section_main_02 .btn_area{margin-top:1.5rem}
    .section_main_02 .btn_more{width: 21rem;font-size: 1.3rem;line-height: 3.2rem;}

    .section_main_03{height:45rem;padding-top:10rem}
    .section_main_03 h3{font-size:3rem}
    .section_main_03 .tit{margin-top:4rem;font-size: 2rem;}
    .section_main_03 .desc{margin-top:2.5rem;font-size:1.2rem}
    .section_main_03 .btn_area{margin-top:3.5rem}
    .section_main_03 .btn_more{width: 21rem;font-size: 1.3rem;line-height: 3.2rem;}

    .section_main_04{padding:3rem 0 0}
    .section_main_04 .list_news ul{width:100%;padding:0 1rem}
    .section_main_04 .list_news li{width:50%;padding:0 .9rem 1rem}
    .section_main_04 .list_news .thumb:hover img{transform:scale(1)}
    .section_main_04 .list_news .info{padding:2rem 0}
    .section_main_04 .list_news .info .date{font-size: 1.0rem;}
    .section_main_04 .list_news .info .tit{margin-top:.5rem;font-size: 1.4rem;}
    .section_main_04 .list_news .info .desc{margin-top:1rem;font-size: 1.2rem;}

    .section_main_05{padding:3.5rem 0}
    .section_main_05 h3{font-size:1.3rem;letter-spacing:.3rem}
    .section_main_05 .list_thumb{margin-top:3rem}
    .section_main_05 .list_thumb ul{width:100%;padding:0 1.2rem}
    .section_main_05 .list_thumb li{width:33.33333%;padding:.3rem}

    .section_main_06{ height: auto; padding: 4rem 0 7rem;}
    .section_main_06 h3{font-size:1.8rem;letter-spacing:.3rem}
    .section_main_06 .desc{margin-top:2.5rem;font-size: 1.0rem;}
    .section_main_06 .btn_area{gap:1.3rem;margin-top:2.5rem}
    .section_main_06 .btn_area button{width:14rem;font-size:1.2rem;line-height:2.6rem}
    
}
