@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased;}
a{-webkit-tap-highlight-color:transparent;}
.font_helve{font-family:"Helvetica Neue";}
.font_roboto{font-family: 'Roboto' !important;}

@-webkit-keyframes autofill {
    to {
        color: #000;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.input_style_1:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px rgba(244,238,255,0.5);
}
.font_helve{font-family:"Helvetica Neue" !important;}

.wrapper{overflow: hidden;}
.main_visual_wrap{height:100vh; box-sizing: border-box; display:table; width:100%; overflow: hidden; padding-top:61px; padding-bottom:61px;}
.main_visual_wrap .main_visual_con{display:table-cell; vertical-align: middle; position: relative; z-index: 3; padding-bottom:110px;}
.main_visual_wrap .main_visual_text_wrap{text-align: center; /*margin-bottom: 80px;*/}
.main_visual_text_wrap .weven_logo_con{margin-bottom: 15px;}
.main_visual_text_wrap .weven_logo{}
.main_visual_text_wrap .weven_logo img{width:80px;}
.main_visual_text_wrap h2{font-size: 34px; font-size: 3.4rem; line-height: 46px; line-height: 4.6rem; letter-spacing: -0.06em; font-weight: 500; color:#fff;}
.main_visual_text_wrap h2 .font_helve{letter-spacing: 0.03em;}
.main_visual_text_wrap h2 svg{width:178px; height:1em;}
.main_visual_text_wrap .h_desc2{font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; letter-spacing: -0.025em; font-weight: 200; color:#fff; margin-bottom:28px;}



.main_visual_wrap .main_visual_img_con{position: absolute; top:0; left:0; width:100%; height:100%; background-color:#000;}
.main_visual_wrap .main_visual_img_dim{position: absolute; width:100%; height:100%; top:0; left:0; background-color:#000; opacity: 0.1; z-index: 2;}
.main_visual_wrap .main_visual_img{position: absolute; top:51px; left:19%; display:inline-block; width:550px;}
.main_visual_wrap .main_visual_opacity_img{position: absolute; bottom:0; right:0; width:100%; height:0; padding-bottom:135.7%; background-size:cover;}
/*.main_visual_wrap .main_visual_opacity_img img{display:inline;}*/
.main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg');}
.main_visual_wrap .main_visual_opacity_img.img2{background-image: url('../img/main_bgimg_1_0.jpg'); display:none;}
.main_visual_wrap .main_visual_footer_con{position: absolute; bottom:13px; left:0; padding-right:20px; padding-left:20px; box-sizing: border-box; z-index: 5; overflow: hidden; width:100%; text-align: center;}
.main_visual_wrap .scroll_down_con{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color:#fff; letter-spacing: 0.08em; font-weight:400;}

/* main_visual_portfolio_list_con */
.main_visual_portfolio_list_con{position: absolute; top:100%; left:50%; width:100%; font-size:0; line-height:0; text-align: left; margin-top:-67%; transform:translateX(-50%);
    z-index:4; /*overflow: hidden;*/ height:4000px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list{will-change: left, top; transform-style : preserve-3d; padding-right:15px; padding-left:15px; display:inline-block; vertical-align: top; position: relative; box-sizing: border-box; margin-top:150px;
    position: absolute; margin-top:540px; display: none;}
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}*/
/*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(7){margin-top:0;}*/
.main_visual_portfolio_list_con .main_visual_portfolio_inner{width:165px;}
.main_visual_portfolio_list_con .img_box{}



.main_contents_wrap{background-color:#fff; z-index:6;}

.section h3{font-size: 29px; font-size: 2.9rem; line-height: 35px; line-height: 3.5rem; letter-spacing: 0; font-weight: 700;}
.section .h_subtitle3{font-size: 55px; font-size: 5.5rem; line-height: 74px; line-height: 7.4rem; letter-spacing: -0.04em; font-weight: 300;}
.section .h_subtitle3.font_helve{letter-spacing: 0;}
.section .h_desc3{font-size: 21px; font-size: 2.1rem; line-height: 40px; line-height: 4.0rem; letter-spacing: 0; font-weight: 100;}
.main .section.easy_use .h_desc3{font-weight:200;}

.section h2{font-size: 55px; font-size: 5.5rem; line-height: 70px; line-height: 7.0rem; letter-spacing: -0.04em; font-weight: 300;}

.section .feature_slide_arrow.left{}

.section.project{background-color: #f5f4fa;}

/* btn_style_1 */
.btn_style_1_con{text-align: center;}
.btn_style_1_con .btn_style_1{font-size:16px; font-size:1.6rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.025em; color:#fff; font-weight:400;
    padding-right:0; padding-left:0; width: 140px; height:41px; display:inline-block; vertical-align: middle; border:2px solid #fff; border-radius:0; overflow: hidden; box-sizing: border-box;}


/* btn_style_2_con */
.btn_style_2_con{position: relative; text-align: center; font-size:0; line-height:0;}
.btn_style_2_con.tl{text-align: left;}
/* 이중 border-radius 처리로 임시 주석처리(문제없으면 제거) -> 사파리에서 네모로 보여서 주석 다시 풀었음*/
.btn_style_2_con .btn_style_2{display:inline-block; vertical-align: middle; text-align: center; margin-right: 20px; overflow: hidden; border-radius: 50%;}
.btn_style_2_con .btn_style_2:last-child{margin-right: 0;}
.btn_style_2_con .btn_style_2_inner{display:table; width:100px; height:100px; font-size:18px; font-size:1.8rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.04em; color:#000; font-weight:500;
    box-sizing: border-box; background-color:#ffc514; border-radius:50%;  border:3px solid #ffc514; overflow: hidden; transition: all 0.3s;}
[data-wv-agent="ipad"] .btn_style_2_con .btn_style_2_inner{display:table; width:100px; height:100px; font-size:18px; font-size:1.8rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.06em; color:#000; font-weight:500;
    box-sizing: border-box; background-color:#ffc514; border-radius:50%;  border:3px solid #ffc514; overflow: hidden; transition: all 0.3s;}
.btn_style_2_con .btn_style_2.type_2 .white_arrow{display: none;}
.btn_style_2_con .btn_style_2.type_2 .black_arrow{display: block;}
[data-wv-agent="ipad"] .btn_style_2_con .btn_style_2.type_2 .white_arrow{display: none;}
[data-wv-agent="ipad"] .btn_style_2_con .btn_style_2.type_2 .black_arrow{display: block;}
.btn_style_2_con .btn_style_2.white .btn_style_2_inner{color:#000; font-weight: 700; background-color: transparent; border-color:#000;}
.btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 118px; height: 118px; font-size:16px; font-size:1.6rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; border-color:#ffc514;}
[data-wv-agent="ipad"] .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 118px; height: 118px; font-size:16px; font-size:1.6rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; border-color:#ffc514;}
[data-wv-agent="ipad"] .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .black_arrow{display: block;}
.btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .btn_style_2_arrow{width:53px;}


.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner{width: 114px; height: 114px;}
.btn_style_2_con .btn_style_2.type_3.color_white .btn_style_2_inner{border:3px solid #fff; background-color:transparent;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div{line-height: 0;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div > div:first-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}
.btn_style_2_con .btn_style_2.type_4{width: 133px; height: 133px; box-sizing: border-box;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner{width: 100%; height: 100%; background-color: #5603dd; font-size: 0; border:2px solid #5603dd;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner > div > div:last-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}



/* scrollbar */
.mCustomScrollbar .mCSB_scrollTools{opacity:1; margin-right: 10px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px; opacity: 1; background-color:#ffc514;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#ffc514; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 20px);}
.contents_scroll_wrap.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 215px); top:202px;}
.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}
/*.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 10px;}*/
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#ffc514;}
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}


@keyframes border_bottom{
    from{
        width: 124px;
    }
    to{
        width: 172px;
    }
}
@keyframes border_bottom_rev{
    from{
        width: 172px;
    }
    to{
        width: 124px;
    }
}
@keyframes border_bottom_edge{
    from{
        width: 125px;
    }
    to{
        width: 172px;
    }
}
@keyframes border_bottom_rev_edge{
    from{
        width: 172px;
    }
    to{
        width: 125px;
    }
}
@keyframes border_top_left{
     from{
         width: 0;
     }
     to{
         width: 87px;
     }
}
@keyframes border_top_left_rev{
    from{
        width: 87px;
    }
    to{
        width: 0;
    }
}
@keyframes border_top_right{
    from{
        width: 0;
    }
    to{
        width: 87px;
    }
}
@keyframes border_top_right_rev{
    from{
        width: 87px;
    }
    to{
        width: 0;
    }
}
@keyframes border_left{
    from{
        height: 0;
    }
    to{
        height: 50px;
    }
}
@keyframes border_left_rev{
    from{
        height: 50px;
    }
    50%{
        height: 50px;
    }
    to{
        height: 0;
    }
}
@keyframes border_right{
    from{
        height: 0;
    }
    to{
        height: 50px;
    }
}
@keyframes border_right_rev{
    from{
        height: 50px;
    }
    50%{
        height: 50px;
    }
    to{
        height: 0;
    }
}

@keyframes border_bottom_left_first{
    from{
        width: 0px;
    }
    to{
        width:67px;
    }
}
@keyframes border_bottom_right_first{
    from{
        width: 0px;
    }
    to{
        width:67px;
    }
}

@media all and (min-width:767px){
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:42.96%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0.jpg');}
}


@media all and (max-width:767px) and (min-height:700px){
    .main_visual_portfolio_list_con{margin-top:-80%;}
    /*[data-wv-agent="iphone"] .main_visual_portfolio_list_con{margin-top:-95%;}*/
    /*.main_visual_portfolio_list_con{top:80%; margin-top:-150px;}*/
}

@media all and (max-width:767px) and (min-height:830px){
    .main_visual_portfolio_list_con{margin-top:-90%;}
    .main_visual_wrap .main_visual_con{padding-bottom:130px;}
    /*[data-wv-agent="iphone"] .main_visual_portfolio_list_con{margin-top:-95%;}*/
    /*.main_visual_portfolio_list_con{top:80%; margin-top:-150px;}*/
}

@media all and (min-width:768px){
    .main_visual_wrap .main_visual_con{display:table-cell; vertical-align: middle; padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_img{top:0;}
    .main_visual_text_wrap .weven_logo_con{margin-bottom:26px;}
    .main_visual_text_wrap .weven_logo img{width:101px;}
    /*.main_visual_text_wrap h2{font-size: 45px; font-size: 4.5rem; line-height: 54px; line-height: 5.4rem;}*/
    /*.main_visual_text_wrap .h_desc2{font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem;}*/


    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:17px; padding-left:17px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:250px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:250px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:200px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:200px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:150px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:150px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:100px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:100px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:50px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:50px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:180px;}


}

@media all and (min-width:992px){

    .main_visual_wrap{height:100vh; padding-top:0; padding-bottom: 60px; margin-top:0;}

    .main_visual_text_wrap h2{font-size: 41px; font-size: 4.1rem; line-height: 55px; line-height: 5.5rem;}
    .main_visual_text_wrap h2 svg{width:201px;}
    .main_visual_text_wrap .h_desc2{font-size: 17px; font-size: 1.7rem; line-height: 31px; line-height: 3.1rem; margin-bottom:30px;}


    .btn_style_2_con .btn_style_2:hover .btn_style_2_inner{/*background-color: #6143f7;*/ background-color: #6d13ff;}
    .btn_style_2_con .btn_style_2_inner{color:#fff; background-color:#000; border:3px solid transparent;}
    .btn_style_2_con .btn_style_2.type_2 .white_arrow{display: block;}
    .btn_style_2_con .btn_style_2.type_2:hover .btn_style_2_inner{color: #000; font-weight: 500; border-color:#ffc514; background-color: #ffc514;}
    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{border-color:#000;}

    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .black_arrow{display: none;}
    .btn_style_2_con .btn_style_2.type_2:hover .white_arrow{display: none;}
    .btn_style_2_con .btn_style_2.type_2:hover .black_arrow{display: block;}


    .btn_style_2_con .btn_style_2.white:hover .btn_style_2_inner{color:#6143f7; border-color:#6143f7; background-color: transparent;}
    .btn_style_2_con .btn_style_2.type_3.color_white:hover .btn_style_2_inner{border-color:#6143f7; background-color: #6143f7;}
    .btn_style_2_con .btn_style_2.type_4:hover .btn_style_2_inner{background-color:transparent; border-color: #fff;}


    /*.main_visual_portfolio_list_con{margin-top:-360px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:21px; padding-left:21px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:200px;}


    /* btn_style_1 */
    .btn_style_1_con{text-align: center;}
    /*.btn_style_1_con .btn_style_1.unloaded{font-size:19px; font-size:1.9rem; line-height:47px; line-height:4.7rem;*/
        /*width: 172px; height:50px; position: relative; border: none;}*/
    .btn_style_1_con .btn_style_1.loaded{font-size:19px; font-size:1.9rem; line-height:49px; line-height:4.9rem;
        position: relative; width: 172px; height:50px; border: none; border-bottom:2px solid #fff;}

    /*.btn_style_1_con .btn_style_1.unloaded:before{content: ""; position: absolute; bottom: 0; right: 50%; border-top: 2px solid #fff;*/
        /*animation-name: border_bottom_left_first; animation-duration: 0.5s; animation-fill-mode: forwards;}*/
    /*.btn_style_1_con .btn_style_1.unloaded:after{content: ""; position: absolute; bottom: 0; left: 50%; border-top: 2px solid #fff;*/
        /*animation-name: border_bottom_left_first; animation-duration: 0.5s; animation-fill-mode: forwards;}*/

    .btn_style_1_con .btn_style_1.loaded:before{content: ""; position: absolute; top: 0; right: 0; border-top: 2px solid #fff;}
    .btn_style_1_con .btn_style_1.loaded:after{content: ""; position: absolute; top: 0; left: 0; border-top: 2px solid #fff;}
    .btn_style_1_con .btn_style_1.loaded .left_border{position: absolute; left: 0; bottom: 0; border-left: 2px solid #fff;}
    .btn_style_1_con .btn_style_1.loaded .right_border{position: absolute; right: 0; bottom: 0; border-left: 2px solid #fff;}

    .btn_style_1_con .btn_style_1.loaded{animation-name: border_bottom_rev; animation-delay: 0.4s; animation-duration: 0.15s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:before{animation-name: border_top_left_rev; animation-duration: 0.2s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:after{animation-name: border_top_right_rev; animation-duration: 0.2s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded .left_border{animation-name: border_left_rev; animation-duration: 0.4s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded .right_border{animation-name: border_right_rev; animation-duration: 0.4s; animation-fill-mode: forwards;}

    .btn_style_1_con .btn_style_1.loaded:hover{animation-name: border_bottom; animation-delay: 0s; animation-duration: 0.15s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:hover:before{animation-name: border_top_left; animation-delay: 0.35s; animation-duration: 0.2s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:hover:after{animation-name: border_top_right; animation-delay: 0.35s; animation-duration: 0.2s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:hover .left_border{animation-name: border_left; animation-delay: 0.15s; animation-duration: 0.2s; animation-fill-mode: forwards;}
    .btn_style_1_con .btn_style_1.loaded:hover .right_border{animation-name: border_right; animation-delay: 0.15s; animation-duration: 0.2s; animation-fill-mode: forwards;}

    [data-wv-agent="edge"] .btn_style_1_con .btn_style_1.loaded{animation-name: border_bottom_rev_edge; animation-delay: 0.4s; animation-duration: 0.15s; animation-fill-mode: forwards;}
    [data-wv-agent="edge"] .btn_style_1_con .btn_style_1.loaded:hover{animation-name: border_bottom_edge; animation-delay: 0s; animation-duration: 0.15s; animation-fill-mode: forwards;}


    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 138px; height: 138px; font-size:17px; font-size:1.7rem; line-height: 19px; line-height: 1.9rem;}
    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .btn_style_2_arrow{width:59px;}

    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:17px; padding-left:17px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:250px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:250px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:200px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:200px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:150px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:150px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:100px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:100px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:50px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:50px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:180px;}

}

@media all and (min-width:1280px){
    .main_visual_text_wrap h2{font-size: 46px; font-size: 4.6rem; line-height: 63px; line-height: 6.3rem;}
    .main_visual_text_wrap .h_desc2{font-size: 19px; font-size: 1.9rem; line-height: 34px; line-height: 3.4rem; margin-bottom:36px;}

    /* main_visual_portfolio_list_con */
    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:25px; padding-left:25px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:220px;}

    /*.main_visual_wrap .main_visual_img{width:1193px; left:54%;}*/
    .main_visual_wrap .main_visual_img{width:893px; left:54%;}
}

@media all and (min-width:1600px){

}

@media all and (min-width:1920px){
    .main_visual_text_wrap h2{font-size: 49px; font-size: 4.9rem; line-height: 65px; line-height: 6.5rem;}
    .main_visual_text_wrap h2 svg{width:243px;}
    .main_visual_text_wrap .h_desc2{font-size: 20px; font-size: 2.0rem; line-height: 36px; line-height: 3.6rem;}

    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-225px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:30px; padding-left:30px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:420px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:420px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:350px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:350px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:280px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:280px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:210px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:210px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:140px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:140px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:70px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:70px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:240px;}

    /*.main_visual_wrap .main_visual_img{width:1343px; left:52%;}*/
    .main_visual_wrap .main_visual_img{width:1243px; left:52%;}

}

@media all and (min-width:2560px){
    .main_visual_wrap{padding-top:60px; padding-bottom: 60px;}

    .main_visual_text_wrap h2{font-size: 51px; font-size: 5.1rem; line-height: 68px; line-height: 6.8rem;}
    .main_visual_text_wrap h2 svg{width:266px;}
    .main_visual_text_wrap .h_desc2{font-size: 21px; font-size: 2.1rem; line-height: 39px; line-height: 3.9rem;}

    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-315px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:38px; padding-left:38px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:540px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:540px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:450px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:450px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:270px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:270px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:90px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:90px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:261px;}

    .main_visual_wrap .main_visual_img{width:1530px; left:51%;}

    /*.main_visual_wrap .main_visual_opacity_img img{display:none;}*/
}
@media all and (min-width:3200px){
    .main_visual_wrap .main_visual_img{width:1700px; left:51%;}
}
@media all and (min-width:3840px){
    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-485px;}*/

    .main_visual_wrap .main_visual_img{width:1843px; left:52%;}
}
/*
@media all and (min-width:1280px) and (min-height:780px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:1920px) and (min-height:900px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:2560px) and (min-height:1200px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:3840px) and (max-height:1599px){
    .main_visual_wrap{height:auto;}
}
@media all and (min-width:3840px) and (min-height:1600px){
    .main_visual_wrap{height:100vh;}
}

@media all and (orientation:portrait){

}*/
@media all and (min-aspect-ratio:5/4) and (max-width:1024px) and (min-width:768px){
    .main_visual_wrap .main_visual_con{vertical-align: top; padding-top:30%;}
    .main_visual_wrap .main_visual_img{left: 50%; width: 600px;}
    .main_visual_portfolio_list_con{margin-top:-25%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg'); padding-bottom:135.7%;}
}

@media all and (width:768px) and (height:1024px){
    .main_visual_wrap .main_visual_con{vertical-align: top; padding-top:30%;}
    .main_visual_wrap .main_visual_img{left: 50%; width: 600px;}
    .main_visual_portfolio_list_con{margin-top:-25%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg'); padding-bottom:135.7%;}
}

@media all and (width:834px) and (height:1042px){
    .main_visual_wrap .main_visual_con{vertical-align: top; padding-top:30%;}
    .main_visual_wrap .main_visual_img{left: 50%; width: 600px;}
    .main_visual_portfolio_list_con{margin-top:-25%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg'); padding-bottom:135.7%;}
}

@media all and (width:1024px) and (height:768px){
    .main_visual_wrap .main_visual_img{left: 471px; width: 800px;}
    .main_visual_wrap .main_visual_con{vertical-align: top; padding-top:15%;}
    .main_visual_portfolio_list_con{margin-top:-150px;}
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}*/
}
@media all and (width:1024px) and (height:1366px){
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:135.7%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg'); bottom:-350px;}

    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}*/

    .main_visual_wrap .main_visual_img{left: 180px; width: 1300px;}
    /*.main_visual_portfolio_list_con{margin-top:-35%;}*/
    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
}

@media all and (width:1024px) and (height:1296px){
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:135.7%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0_m.jpg'); bottom:-350px;}

    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}*/
    /*.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}*/

    .main_visual_wrap .main_visual_img{left: 180px; width: 1300px;}
    /*.main_visual_portfolio_list_con{margin-top:-35%;}*/
    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
}
@media all and (width:1366px) and (height:1024px){
    .main_visual_wrap .main_visual_img{left: 44%; width: 1093px;}
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:42.96%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0.jpg');}
}

@media all and (width:1366px) and (height:954px){
    .main_visual_wrap .main_visual_img{left: 44%; width: 1093px;}
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:42.96%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0.jpg');}
}

@media all and (width:1366px) and (height:954px){
    .main_visual_wrap .main_visual_img{left: 44%; width: 1093px;}
    .main_visual_wrap .main_visual_opacity_img{padding-bottom:42.96%;}
    .main_visual_wrap .main_visual_opacity_img.img1{background-image: url('../img/main_bgimg_1_0.jpg');}
}

@media all and (orientation:portrait) and (max-height:1023px) and (min-width:768px){
    /*.main_visual_portfolio_list_con{margin-top:-25%;}*/
    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
}
@media all and (orientation:portrait) and (min-height:1024px) and (min-width:768px){
    /*.main_visual_portfolio_list_con{margin-top:-35%;}*/
    .main_visual_portfolio_list_con{top:80%; margin-top:-150px;}
}