@charset "utf-8";

.font_style_30{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}

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"; letter-spacing: 0;}
.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);
}

.wrapper.landing{padding-top: 140px; overflow: hidden;}

.point0{color:#ffd014 !important;}
.point1{color:#ffae00 !important;}

.landing_header_wrap{position: fixed; top:0; left:0; height:60px; box-sizing: border-box;
    background-color:#ffdf33; overflow: hidden; z-index: 11; padding-left:20px;}
.landing_header_wrap .landing_logo_con{font-size:0; line-height:0; float:left;}
.landing_header_wrap .landing_symbol{display:inline-block; vertical-align: middle;}
.landing_header_wrap .landing_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; color:#000; letter-spacing: -0.02em; font-weight:300;
    display:inline-block; vertical-align: middle;}
.landing_header_wrap .landing_header_info_con{font-size:0; line-height:0; float:right;}
.landing_header_wrap .landing_header_info{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; color:#000; letter-spacing: -0.02em; font-weight:500;
    vertical-align: middle; display:none;}
.landing_header_wrap .landing_header_btn_con{text-align: center; display:inline-block; vertical-align: middle;}
.landing_header_wrap .landing_header_btn{font-size:17px; font-size:1.7rem; line-height:60px; line-height:6.0rem; color:#fff; font-weight:700;
    background-color:#000; box-sizing: border-box; overflow: hidden; display:inline-block; padding-right:20px; padding-left:20px;}




.header_wrap{margin-bottom: 60px;}
.header_wrap .header_con{display: flex; align-items: flex-end; justify-content: space-between;}
.header_wrap .logo_con .logo{display: inline-block;}
.header_wrap .logo_con .logo > img{width: 164px; height: 45px;}
.header_wrap .header_title{display: none; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.04em; font-weight: 400; color:#000;}
.header_wrap .family_site_con{}
.header_wrap .family_site_title{display: none; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color:#000;}
.header_wrap .family_site_con select{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color:#000; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 30px;
    -webkit-appearance: none; -moz-appearance: none; outline: none; margin:0; border:2px solid #ffd416; background-image: url('../img/landing/arrow_12x7_black_down.png'); background-size: 12px 7px; background-repeat: no-repeat; background-position: right 29px center; box-sizing: border-box;}

.top_btn_con{position: fixed; z-index: 10; right: 33px; bottom:33px;}
.top_btn_con .top_btn{display: inline-block; text-align: center;}
.top_btn_con .top_btn img{width: 30px;}



.line_over_hidden_box{ position: relative; display: inline-block; vertical-align: middle; width: 66px; margin-right: 15px; overflow: hidden; }
.text_over_hidden_box{ display: inline-block; vertical-align: middle; padding-left: 0 !important; overflow: hidden; }

.common_title_con{}
.common_title_con .common_title_line{position: relative; width: 100%; border-bottom: 4px solid #000; }
.common_title_con .common_title{position: relative; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; box-sizing: border-box;}
.common_title_con .common_title > span{display: inline-block; vertical-align: middle; font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.04em; word-spacing: -0.04em; font-weight: 700; color:#000; word-break: keep-all;}
.common_title_con .common_title > span.font_helve{font-size:22px; font-size:2.2rem; letter-spacing: 0; font-weight: 500; margin-top: 12px;}

.section.benefit{padding-bottom: 183px;}
.section.benefit .benefit_contents_con{z-index:2;}
.section.benefit .benefit_bg{position: absolute; height:calc(100% - 330px); top:330px; left:0; background-color:#fffae3; z-index:1;}
.benefit_wrap{}
.benefit_wrap .problem_list_wrap{margin-bottom: 85px;}
.benefit_wrap .problem_list_con .problem_list_box{padding-bottom:0;}
.benefit_wrap .benefit_con{}
.benefit_wrap .benefit_title{font-size:35px; font-size:3.5rem; line-height:45px; line-height:4.5rem;  letter-spacing: -0.02em; font-weight: 300; color:#000;}
.benefit_wrap .benefit_desc{font-size:22px; font-size:2.2rem; line-height:34px; line-height:3.4rem;  letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}

.main_visual_wrap{}
.main_visual_wrap .main_visual_title_con{}
.main_visual_wrap .main_visual_title{font-size: 55px; font-size: 5.5rem; line-height: 76px; line-height: 7.6rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}
.main_visual_wrap .main_visual_title_con .common_title_con{position: absolute; top:0; left: 0;}
.main_visual_wrap .main_visual_sub_title{font-size:40px; font-size:4.0rem; line-height:60px; line-height:6.0rem; letter-spacing: -0.04em; font-weight: 700; color:#000; word-break: keep-all;}
.main_visual_wrap.membership .main_visual_sub_title{font-size: 30px; font-size: 3.0rem; line-height: 45px; line-height: 4.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000;}
.main_visual_wrap .main_visual_desc{font-size:24px; font-size:2.4rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}



body[data-wv-agent="ie"] .main_visual_wrap .main_visual_price_con{margin-bottom: -40px;}
body[data-wv-agent="ie"] .main_visual_wrap .main_visual_price{padding-top: 25px;}

.section{}
.site_design_list_wrap{/*left: 50%; transform: translateX(-50%);*/ min-height: 800px;}
.site_design_list_wrap .site_design_list_con{width: calc(100% + 20px); margin-left: -20px;}
.site_design_list_wrap .site_design_list_box{/*max-width: 315px;*/ float:none; margin-left:auto; margin-right: auto; overflow: hidden;}
.site_design_list_wrap .site_design_list_box .swiper-container{margin-bottom: 100px;}
.site_design_list_wrap .site_design_list_con .site_design_list{float: left; max-width: 345px; text-align: center; padding-left: 20px; padding-top: 15px; box-sizing: border-box; transition: padding 0.2s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer;}
.site_design_list_wrap .site_design_list_con .site_design_list.swiper-slide-active{padding-top: 0;}
.site_design_list_wrap .site_design_list_con .site_design_list_inner{}
.site_design_list_wrap .site_design_list_pagination_wrap{text-align: center;}
.site_design_list_wrap .site_design_list_pagination{position: relative; display: inline-block; vertical-align: middle; width: auto; bottom:0; padding-top: 20px;}
.site_design_list_wrap .site_design_list_pagination > span{display: inline-block; vertical-align: baseline; font-family: 'Helvetica Neue', sans-serif; font-size: 70px; font-size: 7.0rem; line-height: 76px; line-height: 7.6rem; font-weight: 500; color:#44494d;}
.site_design_list_wrap .site_design_list_pagination > span.current{color:#fff;}

.site_design_list_wrap .rolling_btn_style_0_con{position: relative; z-index: 1; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; width: 22px; height: 43px; cursor: pointer; padding:30px; box-sizing: content-box; outline: none;}
.site_design_list_wrap .rolling_btn_style_0_con.left{margin-right: 29px;}
.site_design_list_wrap .rolling_btn_style_0_con.right{margin-left: 29px;}
.site_design_list_wrap .rolling_btn_style_0_con .rolling_btn_inner{position: relative; width: 100%; height: 100%;}
.site_design_list_wrap .rolling_btn_style_0_con .rolling_btn{position: absolute; top:50%; transform: translateY(-50%); display:inline-block; width: 19px; height: 37px; overflow: hidden; opacity: 0.4; transition: opacity 0.2s ease;}
.site_design_list_wrap .rolling_btn_style_0_con.left .rolling_btn{left:0px;}
.site_design_list_wrap .rolling_btn_style_0_con.right .rolling_btn{right:0px;}
.site_design_list_wrap .rolling_btn_style_0_con .rolling_btn > span{position: absolute; top:50%; transform:translateY(-50%); width: 22px; height: 43px; background-repeat: no-repeat; background-position: center; background-size: 22px 43px;}
.site_design_list_wrap .rolling_btn_style_0_con.left .rolling_btn > span{left:0; background-image: url('../img/landing/arrow_22x43_white_left.png');}
.site_design_list_wrap .rolling_btn_style_0_con.right .rolling_btn > span{right:0; background-image: url('../img/landing/arrow_22x43_white_right.png');}

.site_design_list_wrap .rolling_btn_style_0_con:hover .rolling_btn{width: 22px; height: 43px; opacity: 1;}
.site_design_list_wrap .rolling_btn_style_0_con.left:hover .rolling_btn{left: 0;}
.site_design_list_wrap .rolling_btn_style_0_con.right:hover .rolling_btn{right: 0;}

.section.service{background-color: #000; padding-top: 903px; padding-bottom: 150px; margin-top: -1013px;}
.service_wrap{z-index: 2;}
.section.service .common_title_con{flex: 0 0 auto; -ms-flex: 0 0 auto; margin-bottom: 100px;}
.section.service .common_title_con .common_title > span{color:#fff;}
.section.service .common_title_line{border-color:#fff;}
.service_wrap .service_con{ z-index: 1;}
.service_wrap .service_inner{width: 100%; margin-bottom: 80px;}
.service_wrap .service_title_con{width: 100%; overflow: hidden; margin-bottom: 80px;}
.service_wrap .service_title_con .service_title_num{display: block; font-size: 200px; font-size: 20rem; line-height: 206px; line-height: 20.6rem; letter-spacing: -0.02em; font-weight: 700; color:#ffd014; text-align: left; margin-right: 15px;}
.service_wrap .service_title_con .service_title{display:block; font-size:45px; font-size:4.5rem; line-height:62px; line-height:6.2rem; letter-spacing: -0.06em; font-weight: 700; color:#ffd014; text-align: left; word-break: keep-all; margin-top: -20px;}
.service_wrap .service_title_con .service_title br{display: none;}
.service_wrap .service_list_wrap{margin-top: -5px;}
.service_wrap .service_list_con{width: 100%;}
.service_wrap .service_list{position: relative; font-size:33px; font-size:3.3rem; line-height:45px; line-height:4.5rem; letter-spacing: -0.06em; word-spacing: -0.04em; font-weight: 300; color:#ffd014; text-align: left; word-break: keep-all; margin-bottom: 15px; box-sizing: border-box;}
.service_wrap .service_list .font_helve{line-height: 0; letter-spacing: -0.02em;}
.service_wrap .service_list:first-child{padding-top: 40px;}
.service_wrap .service_list:last-child{padding-bottom: 50px; margin-bottom: 0 !important;}
.service_wrap .service_list:after{content: none; position: absolute; left: 0; font-family: "Helvetica Neue", sans-serif; font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; letter-spacing: 0.04em; font-weight: 500; color:#ffd014; text-align: center;}
.service_wrap .service_list:first-child:after{content: '1'; top:0;}
.service_wrap .service_list:last-child:after{content: '20'; bottom:0;}
.service_wrap .service_desc{font-size:30px; font-size:3.0rem; line-height:50px; line-height:5.0rem; letter-spacing: -0.06em; word-spacing: -0.04em; font-weight: 100; color:#fff; text-align: left; word-break: keep-all;}
.service_wrap .service_desc .font_helve{line-height: 0; letter-spacing: -0.02em;}
.service_wrap .service_desc br{display: none;}
.service_bg_text_con{ position: absolute; z-index: 0; top:380px; left:166px; transform: translateX(-70%); transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);}
.service_bg_text_con .service_bg_text{font-size: 400px; font-size: 40.0rem; line-height: 406px; line-height: 40.6rem; font-weight: 500; color:#000;
    text-shadow: -1px 0 #fabc00, 0 1px #fabc00, 1px 0 #fabc00, 0 -1px #fabc00;  -moz-text-shadow: -1px 0 #fabc00, 0 1px #fabc00, 1px 0 #fabc00, 0 -1px #fabc00;
    -webkit-text-shadow: -1px 0 #fabc00, 0 1px #fabc00, 1px 0 #fabc00, 0 -1px #fabc00; opacity: 0.3; padding-top: 30px; box-sizing: border-box;
}

body[data-wv-agent="ie"] .service_wrap .service_title_con .service_title_num{padding-top: 27px;}

.section.solution{padding-top: 180px;}
.section.solution .section_title_wrap{margin-bottom: 200px;}
.section.solution .common_title_con{margin-bottom: 60px;}
.section.solution .section_title_wrap .section_title_con{text-align: center;}
.section.solution .section_title_wrap .section_title{font-size: 55px; font-size: 5.5rem; line-height: 85px; line-height: 8.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}
.section.solution .section_title_wrap .section_title .font_helve{font-size: 65px; font-size: 6.5rem; line-height: 0; letter-spacing: 0; font-weight: 500;}
.section.solution .section_title_wrap .section_desc{font-size:20px; font-size:2.0rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.06em; font-weight: 400; color:#000; word-break: keep-all;}
.section.solution .section_title_wrap .section_desc .font_helve{line-height: 0; letter-spacing: 0; font-weight: 500;}
.section.solution .section_title_wrap .question_mark_con{position: absolute; z-index: -1; top:-10px; left: 50%; margin-left: 59px; transform: rotate(-60deg); transform-origin: bottom left; opacity: 0; transition:none;}
.section.solution .section_title_wrap .question_mark_con img{width: 118px;}

.solution_wrap{padding-bottom: 150px; background-color: #fffae3;}
.solution_wrap .solution_list_con{margin-top: -115px;}
.solution_wrap .solution_list{margin-bottom: 150px;}
.solution_wrap .solution_list:last-child{margin-bottom: 0 !important;}
.solution_wrap .solution_list_box{}
.solution_wrap .solution_list_num_box{font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.solution_wrap .solution_list_num_box > div{display: inline-block; vertical-align: baseline;}
.solution_wrap .solution_list_num_box .solution_list_num_text{font-size:30px; font-size:3.0rem; line-height:38px; line-height:3.8rem; letter-spacing: -0.06em; font-weight: 700; color:#000; margin-right: 25px;}
.solution_wrap .solution_list_num_box .solution_list_num{font-size: 103px; font-size: 10.3rem; line-height: 109px; line-height: 10.9rem; letter-spacing: 0; font-weight: 500; color:#000;}
.solution_wrap .solution_list_text_box{float:left; width: 100%;}
.solution_wrap .solution_list .solution_title{font-size: 40px; font-size: 4.0rem; line-height: 65px; line-height: 6.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}
.solution_wrap .solution_list .solution_desc{font-size:26px; font-size:2.6rem; line-height:50px; line-height:5.0rem; letter-spacing: -0.06em; word-spacing: -0.03em; font-weight: 400; color:#000; word-break: keep-all; padding-right: 10px;}
.solution_wrap .solution_list .solution_desc .font_helve{line-height: 0; letter-spacing: 0; font-weight: 300;}
.solution_wrap .solution_list .solution_desc .fontweight700 .font_helve{font-weight: 500;}
.solution_wrap .solution_list .solution_sub_title{font-size: 35px; font-size: 3.5rem; line-height:55px; line-height:5.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}
.solution_wrap .solution_list .solution_sub_title .font_helve{line-height: 0; letter-spacing: 0; font-weight: 500;}
.solution_wrap .solution_list .solution_video_con{max-width: 880px;}
.solution_wrap .solution_list .solution_video_con .solution_video{border:6px solid #000; border-radius: 25px; overflow: hidden; box-shadow: 10px 40px 40px 0px rgba(4,0,0,0.1); box-sizing: border-box; padding-bottom:67.96%; position: relative;}
.solution_wrap .solution_list .solution_video_con .solution_video iframe{width:100%; height:100%; position: absolute; top:0; left:0;}

body[data-wv-agent="ie"] .solution_wrap .solution_list_num_box .solution_list_num{padding-top: 8px;}

.problem_list_wrap{margin-bottom: 35px; transition: opacity 0.3s;}
.problem_list_con{position: relative; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem;}
.problem_list_con .problem_list_box{position: relative; z-index: 0; display: inline-block; vertical-align: middle; padding-bottom: 50px;}
.problem_list_con .problem_list{position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; width: 222px; height: 222px; border-radius: 50%; background-color: rgba(255,228,0,0.5); box-sizing: border-box;}
.problem_list_con .problem_list_box:first-child{z-index: 1; margin-right: -45px;}
.problem_list_con .problem_list_box:first-child .problem_list{ padding-right: 15px;}
.problem_list_con .problem_list_box:first-child .problem_list:before{content: ''; position: absolute; top: 50%; margin-top: -1px; right: 10px; width: 24px; border-bottom: 2px solid #000;}
.problem_list_con .problem_list_box:first-child .problem_list:after{content: ''; position: absolute; top: 50%; margin-top: -12px; right: 21px; height: 26px; border-right: 2px solid #000;}
.problem_list_con .problem_list_box:last-child .problem_list{background-color: rgba(255,180,0,0.5); padding-left: 15px;}
.problem_list_con .problem_list > div{width: 100%;}
.problem_list_con .problem_list_title{font-size: 23px; font-size: 2.3rem; line-height: 33px; line-height: 3.3rem; letter-spacing: -0.06em; word-spacing: -0.04em; font-weight: 700; color:#000; text-align: center; margin-bottom: 8px;}
.problem_list_con .problem_list_title.type_2{margin-bottom: 6px;}
.problem_list_con .problem_list_ratio{font-size:26px; font-size:2.6rem; line-height:34px; line-height:3.4rem; letter-spacing: 0.04em; color:#000; text-align: center;}
.problem_list_con .problem_list_ratio.font_helve{font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; letter-spacing: 0.04em; font-weight: 500; color:#000; text-align: center;}
.problem_list_con .problem_list_ratio .percent{font-size:28px; font-size:2.8rem;}
.problem_list_con .problem_list_desc{font-size:19px; font-size:1.9rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
.problem_list_wrap .problem_line{position: absolute; z-index: 1; bottom:0px; left: 50%; margin-left: 10px; height: 0px; border-right: 3px solid #000;}
.solution_list:last-child .problem_list_wrap .problem_line{margin-left: -15px;}

.solution_wrap .solution_list:first-child .problem_list_con{left: 50%; /*transform: translateX(-25%);*/}
.solution_wrap .solution_list:first-child .problem_list_con .problem_list_box:first-child:after{content: ''; position: absolute; bottom:268px; left: 50%; margin-left: -2px; height: 0px; border-right: 4px solid #000; transition: bottom 0.5s, height 0.5s;}
/*.solution_wrap .solution_list:first-child .problem_list_con.active .problem_list_box:first-child:after{bottom:0; height: 268px; transition-delay: 0.7s;}*/
.solution_wrap .solution_list:last-child .problem_list_con{left: 50%; /*transform: translateX(-75%);*/}
.solution_wrap .solution_list:last-child .problem_list_con .problem_list_box:last-child:after{content: ''; position: absolute; bottom:268px; left: 50%; margin-left: -2px; height: 0px; border-right: 4px solid #000; transition: bottom 0.5s, height 0.5s;}
/*.solution_wrap .solution_list:last-child .problem_list_con.active .problem_list_box:last-child:after{bottom:0; height: 268px; transition-delay: 0.3s;}*/

.section.manpower{padding-top: 150px; padding-bottom: 250px;}
.manpower_wrap{}
.manpower_wrap .common_title_con{margin-bottom: 100px;}
.manpower_wrap .manpower_con{}
.manpower_wrap .manpower_title_con{margin-bottom: 15px;}
.manpower_wrap .manpower_title_con .manpower_num{display: block; font-size: 200px; font-size: 20.0rem; line-height: 206px; line-height: 20.6rem; font-weight: 500; margin-right: 15px; margin-bottom: -25px;}
.manpower_wrap .manpower_title_con .manpower_title{display: block; font-size: 45px; font-size: 4.5rem; line-height: 50px; line-height: 5.0rem; letter-spacing: -0.03em; font-weight: 500; }
.manpower_wrap .manpower_desc{font-size:30px; font-size:3.0rem; line-height:55px; line-height:5.5rem; letter-spacing: -0.06em; font-weight: 400; color:#000; word-break: keep-all; margin-bottom: 80px;}
.manpower_wrap .manpower_desc .font_helve{line-height: 0; letter-spacing: 0;}
.manpower_wrap .manpower_list_wrap{}
.manpower_wrap .manpower_list_con{max-width: 270px; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-right: -15px; margin-bottom: -15px;}
.manpower_wrap .manpower_list_con .manpower_list{display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 15px;}
.manpower_wrap .manpower_list_con .manpower_list > span{font-size: 52px; font-size: 5.2rem; line-height: 57px; line-height: 5.7rem; letter-spacing: -0.06em; font-weight: 700; color:#acacac; /*transition: color 0.3s;*/}
.manpower_wrap .manpower_list_con .manpower_list .font_helve{line-height: 0; letter-spacing: -0.02em; font-weight: 500;}
.manpower_wrap .manpower_list_con .manpower_list.active:nth-child(2n-1) > span{color:#000;}
.manpower_wrap .manpower_list_con .manpower_list.active:nth-child(2n) > span{color:#ffd014;}

.manpower_bg_con{position: absolute; opacity: 0; top:0; left: 0; z-index: -1; padding-top: 57.72%; overflow: hidden; background-color: #000; transition: opacity 0.5s; width: 80%; padding-top:46%; }
.manpower_bg_con .manpower_bg{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.3s;}

.section.consulting{padding-bottom: 100px;}
.consulting_wrap{}
.consulting_wrap .common_title_con{margin-bottom: 100px;}
.consulting_wrap .consulting_title_con{margin-bottom: 50px;}
.consulting_wrap .consulting_title_con .phone_number{font-size: 67px; font-size: 6.7rem; line-height: 73px; line-height: 7.3rem; font-weight: 500;}
.consulting_wrap .consulting_title_con .consulting_title{font-size: 36px; font-size: 3.6rem; line-height: 52px; line-height: 5.2rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}

.consulting_wrap .consulting_info_list_con{margin-bottom: 30px;}
.consulting_wrap .consulting_info_list{overflow: hidden; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; margin-bottom: 30px;}
.consulting_wrap .consulting_info_list:last-child{margin-bottom: 0;}
.consulting_wrap .consulting_info_list .consulting_info_title{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.06em; font-weight: 700; color:#000; margin-bottom: 15px;}
.consulting_wrap .consulting_info_list .consulting_info{margin-top: 8px;}
.consulting_wrap .consulting_info_list .consulting_info > span{display: block; font-size:36px; font-size:3.6rem; line-height:46px; line-height:4.6rem; letter-spacing: -0.06em; font-weight: 700; color:#000;}
.consulting_wrap .consulting_info_list .consulting_info .font_helve{letter-spacing: -0.02em; font-weight: 500;}
.consulting_wrap .consulting_info_list .consulting_info .consulting_info_desc{font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.04em; color:#535353;}

.consulting_wrap .address_info_con{margin-bottom: 100px;}
.consulting_wrap .address_info_con .address_info{font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.04em; font-weight: 700; color:#000; word-break: keep-all; margin-bottom: 20px;}
.consulting_wrap .address_info_con .address_info .font_helve{letter-spacing: -0.08em; font-weight: 500;}
.consulting_wrap .address_info_con .address_info_btn_con{}
.consulting_wrap .address_info_con .address_info_btn{display: inline-block; font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.04em; font-weight: 700; color:#000; padding-bottom: 10px; border-bottom: 4px solid #000;}

.footer_con{text-align: center;}
.footer_con .footer_title{display: inline-block; max-width: 450px; font-size: 32px; font-size: 3.2rem; line-height: 42px; line-height: 4.2rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all; margin-bottom: 40px;}
.link_btn_con{}
.link_btn_con .link_btn{display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 347px; height: 347px; border-radius: 50%; background-color: #000; text-align: center;}
.link_btn_con .link_btn img{width: auto;}
.link_btn_con .link_btn > div{width: 208px;}
.link_btn_con .link_btn_text{font-size: 35px; font-size: 3.5rem; line-height: 45px; line-height: 4.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000;}


.header_util_con{position: fixed; top:40px; right:20px; z-index: 101; display:none;}
.header_util_con .header_util_item{font-size:17px; font-size:1.7rem; line-height:22px; line-height:2.2rem; color:#000; font-weight:400;
    display:table-cell; vertical-align: middle; padding-right:56px; height: 36px; box-sizing: border-box;}
[data-wv-agent="Mac"] .header_util_con .header_util_item{padding-bottom:2px;}
.header_util_con .header_util_item:after{content: ""; position: absolute; right: 15px; top: 12px;
    display: inline-block; width: 7px; height: 12px; box-sizing: border-box;
    background-image: url('../img/header_util_item_arrow.png'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
.header_util_con .header_util_item:before{z-index: -10; content: ""; position: absolute; right: 0; top: 0;
    display: block; width: 39px; height: 36px; border: 2px solid #000; box-sizing: border-box;}


.request_pop_dim{display:none; position: fixed; top:0; left:0; height:100%; background-color:rgba(0, 0, 0, 0.8); z-index:88888;}
.popup_wrap{position: fixed; height:100vh; z-index: 99999; transform:translateX(100%); display:none; top:0;}
.popup_wrap.on{transition:transform .5s;}
.popup_wrap.active{transform:translateX(0%);}
.popup_wrap.active .popup_dim{display:block;}
.popup_wrap .popup_con{width:100%; height:100%; background-color:#fff;}
.popup_wrap .popup_contents_con{height:calc(100% - 103px); overflow-y:auto;}
.popup_wrap .popup_close_btn_con{overflow: hidden;}
.popup_wrap .popup_close_btn{margin-top: 40px; margin-right: 20px; margin-bottom: 30px;}
.popup_wrap .contents_con{}

.popup_wrap *:focus{outline: none;}

.popup_wrap .popup_title h3{font-size: 27px; font-size:2.7rem; line-height: 33px; line-height: 3.3rem; letter-spacing: -0.04em; font-weight: 700;}
.popup_wrap .popup_title .h_subtitle3{font-size: 21px; font-size:2.1rem; line-height: 35px; line-height: 3.5rem; font-weight: 500;}
.popup_wrap .popup_title .h_desc3{font-size: 19px; font-size:1.9rem; line-height: 32px; line-height: 3.2rem; font-weight: 300;}
.popup_wrap .popup_title .h_desc3 span{font-weight: 400;}


.popup_wrap .popup_form_input_con{font-size:0; line-height:0;}
.popup_wrap .popup_form_input_con .popup_form_input{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; color:#000; font-weight:500; display:inline-block; vertical-align: top; padding-right:25px; padding-left:25px;
    width:calc(100% - 118px); height:69px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; background-color:#ffdf33; border:none; border-radius:0; overflow: hidden; box-sizing: border-box; text-align: left;}
.popup_wrap .popup_form_input_con .popup_form_input:-ms-input-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input:-moz-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input::-moz-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input::-webkit-input-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_submit{font-size:19px; font-size:1.9rem; line-height:67px; line-height:6.7rem; color:#fff; font-weight:500; display:inline-block; vertical-align: top;
    width:118px; height:69px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; background-color:#000; border:none; border-radius:0; overflow: hidden; box-sizing: border-box; text-align: center;}

.popup_wrap .contact_text{font-size: 28px; font-size: 2.8rem; line-height: 40px; line-height: 4.0rem; letter-spacing: -0.02em; font-weight: 700;}
.popup_wrap .contact_text .title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.02em; color:#000; font-weight:700; word-break: keep-all;}
.popup_wrap .contact_text .desc{font-size:19px; font-size:1.9rem; line-height:31px; line-height:3.1rem; letter-spacing: 0; color:#000; font-weight:300; word-break: keep-all; margin-right:auto; margin-left:auto;}
.popup_wrap .contact_text .font_helve{letter-spacing: 0; font-size:18px; margin-left:5px;}

.popup_wrap .contact_item{}

.popup_wrap .contact_icon img{width:45px;}

.popup_wrap .button{position: relative; font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; letter-spacing: 0; font-weight: 500;}
.popup_wrap .contact_text a .button .button_line{position: absolute; top: 13px; right: 0; width: 58px; border-top: 1px solid #000000;}
.popup_wrap .contact_text a .button .arrow{position: absolute; right: 2px; top: 7px; display: block; width: 11px; height: 11px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: transparent; transform: rotate(-45deg);}
.popup_wrap .contact_text a .button .top_bg_box{position: absolute; z-index: 1; top: 0; right: -5px; width: 20px; height: 13px; background-color: #ffffff;}
.popup_wrap .contact_item_con .contact_item:first-child:after{display:none;}
.popup_wrap .contact_item_con .contact_item:last-child{border-right:none;}
.popup_wrap .contact_item_con .contact_item{border-right:none; padding-right:0; padding-left:0;}


.floating_btn{position: fixed; bottom: 20px; right: 20px; width: 56px; height: 66px; z-index: 13000;}
.floating_btn > a{
    display: block; width: 100%; height: 100%; z-index: 13001;
    background-image: url('../img/counsel_btn.png'); background-size: cover; background-position: center center; background-repeat: no-repeat;}


/* 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;}









/* 회원사 */
.request_form_con{}
.request_form_con .request_form{}
.request_form_con .request_form_title_con{overflow: hidden;}
.request_form_con .request_form_title{  font-size:40px;  font-size: 4rem;  line-height:56px;  line-height:5.6rem;  letter-spacing: -0.04em;  color:#ffd014;  font-weight:700;  float:left; }
.request_form_con .request_form_desc{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.04em; color:#000; font-weight:300;
    float:right; padding-left:19px; position: relative;}
.request_form_con .request_form_desc:after{content:""; position: absolute; top:9px; left:0; width:8px; height:8px; border-radius:50%; overflow: hidden; box-sizing: border-box; background-color:#ffb400;}
.request_form_con .request_form_contents_con{}
.request_form_con .request_form_contents_list{font-size:0; line-height:0; text-align: left;}
.request_form_con .request_form_contents_list.essential{}
.request_form_con .request_form_contents_list{margin-bottom:30px;}
.request_form_con .request_form_contents_list:last-child{margin-bottom:0;}
.request_form_con .request_form_contents_list label{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.04em; color:#000; font-weight:700;
    display:inline-block; vertical-align: middle; width:100%; margin-bottom:8px;}
.request_form_con .request_form_contents_list label span{display:inline-block;}
.request_form_con .request_form_contents_list.essential label span{padding-right:27px; position: relative;}
.request_form_con .request_form_contents_list.essential label span:after{content:""; position: absolute; top:13px; right:0; width:8px; height:8px; overflow: hidden; border-radius:50%; background-color:#ffb400;}
.request_form_con .request_form_contents_list .form_request_contents{display:inline-block; vertical-align: middle; width:100%; height:auto;
    font-size:25px; font-size:2.5rem; line-height:70px; line-height:7.0rem; color:#000; font-weight:500; border:none; border-bottom:1px solid #ccc; border-radius:0; overflow: hidden; padding-right:0; padding-top:0; padding-left:0; padding-bottom:8px; box-sizing: border-box;
    -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; font-family:"Roboto", "Noto Sans KR";}
.request_form_con .request_form_contents_list .form_request_contents:-moz-placeholder{color:#b6afc6; font-weight:300;}
.request_form_con .request_form_contents_list .form_request_contents::-moz-placeholder{color:#b6afc6; font-weight:300;}
.request_form_con .request_form_contents_list .form_request_contents:-ms-input-placeholder{color:#b6afc6; font-weight:300;}
.request_form_con .request_form_contents_list .form_request_contents::-webkit-input-placeholder{color:#b6afc6; font-weight:300;}
.request_form_con .btn_style_0_con{font-size:0; line-height:0; text-align: center;}
.request_form_con .btn_style_0_con .btn_style_0{text-align: center; width:160px; height:160px; box-sizing: border-box; border-radius:50%; overflow: hidden; background-color:#000;
    padding-top:52px; display:inline-block; vertical-align: middle;}
.request_form_con .btn_style_0_con .btn_style_0 span.text{font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.06em; color:#ffdf5d; font-weight:700;
    display:block; margin-bottom:9px;}
.request_form_con .btn_style_0_con .btn_style_0 span.arrow{display:block;}



.request_list_wrap{}
.request_list_calc_con{width:calc(100% + 44px); margin-left:-44px; overflow: hidden;}
.request_list_con{}
.request_list_con .request_list{padding-left:44px; width:100%;}
.request_list_con .request_list .request_list_inner{background-color:#fff; border:1px solid #f0f0f0; padding-top:39px; padding-left:38px; padding-right:38px; padding-bottom:40px;}
.request_list_con .request_list .request_list_status{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.04em; color:#fff; font-weight:500;
    display:inline-block; vertical-align: middle; border-radius:5px; overflow: hidden; width:98px; height:40px; box-sizing: border-box; border:1px solid transparent; margin-bottom:27px; text-align: center;}
.request_list_con .request_list.start .request_list_status{background-color:#ffb400; border-color:#ffb400;}
.request_list_con .request_list.ing .request_list_status{background-color:#4c41de; border-color:#4c41de;}
.request_list_con .request_list.end .request_list_status{background-color:transparent; border:1px solid #b6afc6; color:#b6afc6;}
.request_list_con .request_list.end .request_list_desc{color:#b6afc6;}
.request_list_con .request_list.end .request_list_date{color:#b6afc6;}
.request_list_con .request_list .request_list_desc{font-size:30px; font-size:3.0rem; line-height:43px; line-height:4.3rem; letter-spacing: -0.02em; color:#000; font-weight:700;
    height:129px; overflow: hidden; margin-bottom:39px; word-break: keep-all;}
.request_list_con .request_list .request_list_date{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: 0.04em; color:#000; font-weight:500;
    text-align: right;}
.request_list_pagination_con{font-size:0; line-height:0; text-align: center;}
.request_list_pagination_con .request_list_rolling_arrow{position:relative; width:11px; height:20px; background-repeat: no-repeat; background-position: center center; background-size: 11px 20px; outline:none; z-index: 3;
    display:inline-block; vertical-align: middle; margin-bottom:9px;}
.request_list_pagination_con .request_list_rolling_arrow.left{background-image: url('../img/landing/request_list_arrow_left.png'); margin-right:44px;}
.request_list_pagination_con .request_list_rolling_arrow.right{background-image: url('../img/landing/request_list_arrow_right.png'); margin-left:44px;}
.request_list_pagination_con .request_list_rolling_arrow.left:hover{background-image: url('../img/landing/request_list_arrow_left_h.png');}
.request_list_pagination_con .request_list_rolling_arrow.right:hover{background-image: url('../img/landing/request_list_arrow_right_h.png');}

.request_list_pagination_con .request_list_pagination{position: relative; display:inline-block; vertical-align: middle; bottom: auto; width: auto;}
.request_list_pagination_con .request_list_pagination > span{font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem; letter-spacing:0; font-weight:700; font-family:"Helvetica Neue";
    opacity: 1; filter:alpha(opacity=100); margin-top:0; margin-bottom:0; margin-right:0; margin-left:0; width: auto; height: auto; background-color: transparent;}
.request_list_pagination_con .request_list_pagination > span:first-child{color:#ffc514;}

.landing_btn_style_0_con{font-size:0; line-height:0; text-align: left; margin-bottom: 45px;}
.landing_btn_style_0_con .landing_btn_style_0{font-size:18px; font-size:1.8rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.04em; color:#000; font-weight:700;
    display:inline-block; vertical-align: middle; padding-right:27px; padding-left:27px; padding-top:9px; padding-bottom:9px; background-color:#ffdf33; border-radius:40px; overflow: hidden;}


@media all and (min-width: 610px){
    .site_design_list_wrap{padding-left: 20px; padding-right: 20px;}
    .site_design_list_wrap .site_design_list_con .site_design_list{max-width: none; text-align: left;}
    .site_design_list_wrap .site_design_list_con .site_design_list.swiper-slide-active{padding-top: 15px;}
    .site_design_list_wrap .site_design_list_con .site_design_list:hover{padding-top: 0 !important;}
    .site_design_list_wrap .site_design_list_box{max-width: 630px;}
}

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

    .header_wrap .header_title{display: block;}

    .main_visual_wrap .main_visual_title{font-size: 60px; font-size: 6.0rem; line-height: 85px; line-height: 8.5rem;}

    .service_wrap .service_title_con .service_title{font-size: 53px; font-size: 5.3rem; line-height: 65px; line-height: 6.5rem;}

    .section.solution .section_title_wrap{margin-bottom: 290px;}

    .solution_wrap .solution_list_con{margin-top: -190px;}

    .problem_list_wrap{margin-bottom: 50px;}
    .problem_list_con .problem_list{width: 300px; height: 300px;  padding-top: 12px;}
    .problem_list_con .problem_list_title{font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem;}
    .problem_list_con .problem_list_ratio{font-size:35px; font-size:3.5rem; line-height:41px; line-height:4.1rem;}
    .problem_list_con .problem_list_ratio.font_helve{font-size:40px; font-size:4.0rem; line-height:40px; line-height:4.0rem;}
    .problem_list_con .problem_list_ratio .percent{font-size:23px; font-size:2.3rem;}

    .problem_list_con .problem_list_box{padding-bottom: 80px;}
    .problem_list_con .problem_list_box:first-child{margin-right: -70px;}
    .problem_list_con .problem_list_box:first-child .problem_list{padding-right: 10px;}
    .problem_list_con .problem_list_box:first-child .problem_list:before{top: 50%; margin-top: -1px; right: 20px; width: 32px; border-bottom: 3px solid #000;}
    .problem_list_con .problem_list_box:first-child .problem_list:after{top: 50%; margin-top: -15px; right: 35px; height: 32px; border-right: 3px solid #000;}
    .problem_list_con .problem_list_box:last-child .problem_list{ padding-left: 10px;}

    .section.manpower{padding-bottom: 300px;}
    .manpower_wrap .manpower_title_con .manpower_num{display: inline-block; vertical-align: baseline;}
    .manpower_wrap .manpower_title_con .manpower_title{display: inline-block; vertical-align: baseline; font-size: 46px; font-size: 4.6rem; line-height: 46px; line-height: 4.6rem;}
    .manpower_wrap .manpower_list_con{margin-right: -20px; margin-bottom: -20px;}
    .manpower_wrap .manpower_list_con .manpower_list{margin-right: 20px; margin-bottom: 20px;}
    .manpower_wrap .manpower_list_con .manpower_list > span{font-size: 60px; font-size: 6.0rem; line-height: 66px; line-height: 6.6rem;}
    .manpower_wrap .manpower_list_con {  max-width:600px;}
    .manpower_bg_con { width: 66.6%; padding-top:38.4% }

    .section.solution .common_title_con{margin-bottom: 130px;}
    .section.solution .section_title_wrap .section_title{font-size: 55px; font-size: 5.5rem; line-height: 85px; line-height: 8.5rem; letter-spacing: -0.06em; font-weight: 700; color:#000; word-break: keep-all;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 65px; font-size: 6.5rem; line-height: 0; letter-spacing: 0; font-weight: 500;}
    /*.section.solution .section_title_wrap .section_title{font-size: 80px; font-size: 8.0rem; line-height: 120px; line-height: 12.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 90px; font-size: 9.0rem;}*/
    .section.solution .section_title_wrap .question_mark_con{margin-left: 94px;}
    .section.solution .section_title_wrap .question_mark_con img{width: 188px;}

    .section.consulting{padding-bottom: 200px;}
    .consulting_wrap .consulting_title_con .phone_number{font-size: 80px; font-size: 8.0rem; line-height: 96px; line-height: 9.6rem;}

    .request_list_con .request_list{width:50%;}
}

@media all and (min-width: 945px){
    .site_design_list_wrap .site_design_list_box{max-width: 975px;}
}

@media all and (min-width: 992px){
    .header_wrap{margin-bottom: 85px;}
    .header_wrap .logo_con .logo > img{width: 214px; height: 59px;}
    .header_wrap .header_title{ font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}
    .header_wrap .family_site_title{display: inline-block;}
    .header_wrap .family_site_con select{ min-width: 306px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding-top: 15px; padding-bottom: 15px;}

    .top_btn_con{right: 50px; bottom:50px;}
    .top_btn_con .top_btn img{width: auto;}

    .line_over_hidden_box{width: 100px; margin-right: 25px;}

    .common_title_con .common_title > span{font-size:22px; font-size:2.2rem; line-height:27px; line-height:2.7rem; }
    /*.common_title_con .common_title > span.font_helve{font-size:36px; font-size:3.6rem; margin-top: 11px;}*/ /*너무크다 판단*/

    .main_visual_wrap.membership .main_visual_sub_title{font-size: 35px; font-size: 3.5rem; line-height: 50px; line-height: 5.0rem;}

    .main_visual_wrap .main_visual_price_con{padding-top: 0;}
    .main_visual_wrap .main_visual_price_con .left_con{margin-right: 48px;}
    .main_visual_wrap .main_visual_price_con .right_con{padding-top: 0;}
    .main_visual_wrap .main_visual_price{font-size: 300px; font-size: 30.0rem; line-height: 306px; line-height: 30.6rem;}
    .main_visual_wrap .main_visual_price_txt{font-size: 75px; font-size: 7.5rem; line-height: 81px; line-height: 8.1rem;}
    .main_visual_wrap .main_visual_title{font-size: 70px; font-size: 7.0rem; line-height: 85px; line-height: 8.5rem;}
    .main_visual_wrap .main_visual_title_con .line_over_hidden_box{width: 120px;}
    .main_visual_wrap .main_visual_title_con .common_title_con{position: relative;}

    body[data-wv-agent="ie"] .main_visual_wrap .main_visual_price_con .right_con{padding-bottom: 40px;}

    .site_design_list_wrap .ste_design_list_con{width: calc(100% + 30px); margin-left: -30px;}
    .site_design_list_wrap .site_design_list_box .swiper-container{margin-bottom: 133px;}
    .site_design_list_wrap .site_design_list_con .site_design_list{padding-left: 15px;}
    .site_design_list_wrap .site_design_list_pagination{padding-top: 25px;}
    .site_design_list_wrap .site_design_list_pagination > span{font-size: 80px; font-size: 8.0rem; line-height: 86px; line-height: 8.6rem;}
    .site_design_list_wrap .rolling_btn_style_0_con.left{margin-right: 49px;}
    .site_design_list_wrap .rolling_btn_style_0_con.right{margin-left: 49px;}

    body[data-wv-agent="ie"] .site_design_list_wrap .site_design_list_pagination{padding-top: 40px;}

    .section.service{padding-top: 1013px; padding-bottom: 270px;}
    .service_wrap .service_title_con .service_title_num{font-size: 200px; font-size: 20.0rem; line-height: 200px; line-height: 20.0rem;}
    .service_wrap .service_title_con .service_title{font-size: 57px; font-size: 5.7rem; line-height: 72px; line-height: 7.2rem; margin-top: -30px;}
    .service_wrap .service_list{font-size:33px; font-size:3.3rem; line-height:40px; line-height:4.0rem; padding-left: 109px; margin-bottom: 19px;}
    .service_wrap .service_list:first-child{padding-top: 0px;}
    .service_wrap .service_list:last-child{padding-bottom: 0px;}
    .service_wrap .service_list:after{width: 48px; top:11px; font-size:40px; font-size:4.0rem; line-height:46px; line-height:4.6rem;}
    .service_wrap .service_list:first-child:after{top:4px;}
    .service_wrap .service_list:last-child:after{bottom:auto; top:4px;}
    .service_wrap .service_desc{font-size:30px; font-size:3.0rem; line-height:50px; line-height:5.0rem;}
    .service_bg_text_con .service_bg_text{font-size: 700px; font-size: 70.0rem; line-height: 706px; line-height: 70.6rem;}

    body[data-wv-agent="id"] .service_wrap .service_list:first-child:after{top:15px;}
    body[data-wv-agent="id"] .service_wrap .service_list:last-child:after{top:15px;}

    .section.solution{padding-top: 280px;}
    .section.solution .common_title_con{margin-bottom: 160px;}
    .section.solution .section_title_wrap{margin-bottom: 340px;}
    .section.solution .section_title_wrap .section_title{font-size: 80px; font-size: 8.0rem; line-height: 120px; line-height: 12.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 90px; font-size: 9.0rem;}
    /*.section.solution .section_title_wrap .section_title{font-size: 110px; font-size: 11.0rem; line-height: 150px; line-height: 15.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 120px; font-size: 12.0rem;}*/
    .section.solution .section_title_wrap .section_desc{font-size:25px; font-size:2.5rem; line-height:41px; line-height:4.1rem;}
    .section.solution .section_title_wrap .question_mark_con{margin-left: 139px;}
    .section.solution .section_title_wrap .question_mark_con img{width: 278px;}

    .solution_wrap{padding-bottom: 280px;}
    .solution_wrap .solution_list_con{margin-top: -290px;}
    .solution_wrap .solution_list_num_box .solution_list_num_text{font-size:36px; font-size:3.6rem; line-height:44px; line-height:4.4rem;}
    .solution_wrap .solution_list_num_box .solution_list_num{font-size: 105px; font-size: 10.5rem; line-height: 105px; line-height: 10.5rem;}
    .solution_wrap .solution_list{margin-bottom: 280px;}
    .solution_wrap .solution_list .solution_title{font-size: 55px; font-size: 5.5rem; line-height: 75px; line-height: 7.5rem;}
    .solution_wrap .solution_list .solution_desc{font-size:30px; font-size:3.0rem; line-height:49px; line-height:4.9rem;}
    .solution_wrap .solution_list .solution_sub_title{font-size: 40px; font-size: 4.0rem; line-height:5.5px; line-height:5.5rem;}

    .problem_list_wrap{margin-bottom: 65px;}
    .problem_list_con .problem_list{width: 340px; height: 340px;  padding-top: 12px;}
    .problem_list_con .problem_list_box{padding-bottom: 90px;}
    .problem_list_con .problem_list_box:first-child{margin-right: -90px;}
    .problem_list_con .problem_list_box:first-child .problem_list{ padding-right: 0px;}
    .problem_list_con .problem_list_box:last-child .problem_list{padding-left: 0px;}
    .problem_list_con .problem_list_box:first-child .problem_list:before{top: 50%; margin-top: -1px; right: 23px; width: 32px; border-bottom: 3px solid #000;}
    .problem_list_con .problem_list_box:first-child .problem_list:after{top: 50%; margin-top: -15px; right: 38px; height: 32px; border-right: 3px solid #000;}
    .problem_list_con .problem_list_title{font-size: 24px; font-size: 2.4rem; line-height:34px; line-height:3.4rem; margin-bottom: 10px;}
    .problem_list_con .problem_list_ratio{font-size: 48px; font-size: 4.8rem; line-height: 55px; line-height: 5.5rem;}
    .problem_list_con .problem_list_ratio:not(.font_helve){padding-bottom: 57px;}
    .problem_list_con .problem_list_ratio.font_helve{font-size: 50px; font-size: 5.0rem; line-height: 50px; line-height: 5.0rem;}
    .problem_list_con .problem_list_ratio .percent{font-size:28px; font-size:2.8rem;}
    .problem_list_wrap .problem_line{margin-left: 20px; border-right-width: 4px;}
    .solution_list:last-child .problem_list_wrap .problem_line{margin-left: -20px;}

    .section.manpower{padding-top: 250px; padding-bottom: 400px;}
    .manpower_wrap .manpower_title_con{margin-bottom: 20px;}
    .manpower_wrap .manpower_title_con .manpower_num{font-size: 220px; font-size: 22.0rem; line-height: 224px; line-height: 22.4rem; margin-right: 25px; margin-bottom: -40px;}
    .manpower_wrap .manpower_title_con .manpower_title{font-size: 49px; font-size: 4.9rem; line-height: 49px; line-height: 4.9rem;}
    .manpower_wrap .manpower_desc{font-size:35px; font-size:3.5rem; line-height:55px; line-height:5.5rem; margin-bottom: 130px;}
    .manpower_wrap .manpower_list_con {  max-width:660px;}
    .manpower_wrap .manpower_list_con .manpower_list > span{font-size: 66px; font-size: 6.6rem; line-height: 72px; line-height: 7.2rem}

    .section.consulting{padding-bottom: 360px;}
    .consulting_wrap .consulting_title_con .phone_number{font-size: 90px; font-size: 9.0rem; line-height: 96px; line-height: 9.6rem;}

    .consulting_wrap .consulting_info_list{margin-bottom: 0;}
    .consulting_wrap .consulting_info_list .consulting_info_title{float: left; font-size:36px; font-size:3.6rem; line-height:51px; line-height:5.1rem; margin-right: 22px; margin-bottom: 0;}
    .consulting_wrap .consulting_info_list .consulting_info{overflow: hidden;}
    .consulting_wrap .consulting_info_list .consulting_info > span{display: inline-block; vertical-align: baseline;}
    .consulting_wrap .consulting_info_list .consulting_info .consulting_info_desc{color:#000;}

    body[data-wv-agent="ie"] .consulting_wrap .consulting_info_list .consulting_info{padding-top: 3px;}

    .consulting_wrap .address_info_con{margin-bottom: 180px;}
    .consulting_wrap .address_info_con .address_info {font-size:22px; font-size:2.2rem; line-height:27px; line-height:2.7rem; margin-right: 35px; margin-bottom: 0;}
    .consulting_wrap .address_info_con .address_info_btn { font-size:22px; font-size:2.2rem; line-height:27px; line-height:2.7rem; }

    .footer_con{display: flex; flex-wrap:wrap; align-items: center; text-align: left;}
    .footer_con .footer_title{display: block; flex:1; order:1; max-width: 750px; margin-bottom: 0;}
    .link_btn_con{margin-right: 50px;}
    .link_btn_con .link_btn{width: 400px; height: 400px;}
    .link_btn_con .link_btn img{width: auto;}
    .link_btn_con .link_btn_text{font-size: 40px; font-size: 4.0rem; line-height: 55px; line-height: 5.5rem;}

    .header_util_con{display: block;}

    .popup_wrap .popup_close_btn{margin-right: 52px; transition:transform .5s ease;}
    .popup_wrap .popup_close_btn:hover{transform:rotate(180deg);}


    .popup_wrap .popup_title h3{font-size: 36px; font-size:3.6rem; line-height: 42px; line-height: 4.2rem;}
    .popup_wrap .popup_title .h_subtitle3{font-size: 23px; font-size:2.3rem; line-height: 29px; line-height: 2.9rem;}
    .popup_wrap .popup_title .h_desc3{font-size: 19px; font-size:1.9rem; line-height: 34px; line-height: 3.4rem;}


    .popup_wrap .popup_form_input_con .popup_form_input{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding-right:35px; padding-left:35px;
        width:calc(100% - 137px); height:73px;}
    .popup_wrap .popup_form_input_con .popup_form_submit{font-size:19px; font-size:1.9rem; line-height:71px; line-height:7.1rem; width: 137px; height:73px;}

    .popup_wrap .contact_icon{margin-top:4px;}
    .popup_wrap .contact_icon img{width:63px;}
    .popup_wrap .contact_text .title{font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem;}
    .popup_wrap .contact_text .desc{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}

    .floating_btn{display:none;}
    .header_util_con{right:50px;}


    .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;}

    .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;}

    .landing_header_wrap{height:70px;}
    .landing_header_wrap .landing_header_info{display:inline-block;}
    .landing_header_wrap .landing_header_btn{font-size:19px; font-size:1.9rem; line-height:70px; line-height:7.0rem;
        padding-right:30px; padding-left:30px;}

    .request_form_con .request_form_contents_list label{width:238px;}
    .request_form_con .request_form_contents_list .form_request_contents{line-height:100px; line-height:10.0rem; width:calc(100% - 238px);}

}

@media all and (min-width: 1200px){
    .top_btn_con{right: 100px; bottom:100px;}

    .benefit_wrap .benefit_title  { font-size:40px; font-size:4.0rem; line-height:46px; line-height:4.6rem; }

    .landing_btn_style_0_con .landing_btn_style_0{font-size:21px; font-size:2.1rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.04em; color:#000; font-weight:700;
        display:inline-block; vertical-align: middle; padding-right:30px; padding-left:30px; padding-top:15px; padding-bottom:15px; background-color:#ffdf33; border-radius:40px; overflow: hidden;}

    .main_visual_wrap.membership .main_visual_sub_title{font-size: 40px; font-size: 4.0rem; line-height: 60px; line-height: 6.0rem;}
    .main_visual_wrap .main_visual_title{font-size: 75px; font-size: 7.5rem; line-height: 95px; line-height: 9.5rem; margin-left: -4px;}

    .site_design_list_wrap .site_design_list_con{width: calc(100% + 66px); margin-left: -66px;}
    .site_design_list_wrap .site_design_list_con .site_design_list{padding-left: 66px;}

    .section.solution .section_title_wrap{margin-bottom: 460px;}
    .section.solution .section_title_wrap .section_desc {font-size:30px; font-size:3.0rem; line-height:46px; line-height:4.6rem; }

    .solution_wrap .solution_list_con{margin-top: -330px;}

    .problem_list_con .problem_list_box{padding-bottom: 100px;}
    .problem_list_con .problem_list{width: 380px; height: 380px;}
    .problem_list_con .problem_list_title{font-size: 28px; font-size: 2.8rem; line-height:38px; line-height:3.8rem;}
    .problem_list_con .problem_list_title.type_2 {margin-bottom: 10px;}
    .problem_list_con .problem_list_ratio{font-size: 53px; font-size: 5.3rem; line-height: 53px; line-height: 5.3rem;}
    .problem_list_con .problem_list_ratio:not(.font_helve){padding-bottom: 60px;}
    .problem_list_con .problem_list_ratio.font_helve{font-size: 52px; font-size: 5.2rem; line-height: 52px; line-height: 5.2rem;}
    .problem_list_con .problem_list_ratio .percent{font-size:33px; font-size:3.3rem;}
    .problem_list_con .problem_list_desc{font-size:20px; font-size:2.0rem; line-height:28px; line-height:2.8rem;}

    .section.manpower{padding-bottom: 500px;}
    .manpower_wrap .manpower_list_con .manpower_list > span{font-size: 72px; font-size: 7.2rem; line-height: 76px; line-height: 7.6rem;}

    .consulting_wrap .consulting_title_con .consulting_title{font-size: 40px; font-size: 4.0rem; line-height: 56px; line-height: 5.6rem;}
    .consulting_wrap .consulting_info_list { margin-bottom: 6px;}
    .consulting_wrap .consulting_info_list .consulting_info { margin-top: 6px;}
    .consulting_wrap .consulting_info_list .consulting_info_title{font-size: 35px; font-size: 3.5rem; line-height: 42px; line-height: 4.2rem;}
    .consulting_wrap .consulting_info_list .consulting_info > span{font-size: 35px; font-size: 3.5rem; line-height: 42px; line-height: 4.2rem;}
    .consulting_wrap .consulting_info_list .consulting_info .consulting_info_desc{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}

    .footer_con .footer_title{ font-size: 36px; font-size: 3.6rem; line-height: 50px; line-height: 5.0rem;}
    .link_btn_con{margin-right: 80px;}
    .link_btn_con .link_btn{width: 430px; height: 430px;}
    .link_btn_con .link_btn_text{font-size: 36px; font-size: 3.6rem; line-height: 50px; line-height: 5.0rem;}

    .header_util_con{right:100px;}
    .popup_wrap .popup_con{width:925px;}

    .request_list_con .request_list{width:33.33%;}
}

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

    .site_design_list_wrap .site_design_list_pagination > span{font-size: 90px; font-size: 9.0rem; line-height: 96px; line-height: 9.6rem;}
    .site_design_list_wrap .rolling_btn_style_0_con.left{margin-right: 69px;}
    .site_design_list_wrap .rolling_btn_style_0_con.right{margin-left: 69px;}

    .service_wrap .service_inner{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 149px;}
    .service_wrap .service_title_con{width: auto; margin-bottom: 0;}
    .service_wrap .service_title_con .service_title{font-size: 60px; font-size: 6.0rem; line-height: 75px; line-height: 7.5rem; margin-top: -40px;}
    .service_wrap .service_title_con .service_title br{display: inline;}
    .service_wrap .service_list_wrap{width: auto;}
    .service_bg_text_con .service_bg_text{font-size: 1000px; font-size: 100.0rem; line-height: 1006px; line-height: 100.6rem;}

    /*.section.solution .section_title_wrap .section_title{font-size: 130px; font-size: 13.0rem; line-height: 170px; line-height: 17.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 146px; font-size: 14.6rem;}*/
    .solution_wrap .solution_list_box{display: flex;}
    .solution_wrap .solution_list_num_box{flex:0 0 auto; -ms-flex: 0 0 auto; margin-top: 8px; margin-right: 75px;}
    .solution_wrap .solution_list_text_box{float:none;}
    .solution_wrap .solution_list .solution_title{font-size: 60px; font-size: 6.0rem; line-height: 80px; line-height: 8.0rem;}

    .consulting_wrap .consulting_title_con .phone_number{font-size: 100px; font-size: 10.0rem; line-height: 106px; line-height: 10.6rem;}
}

@media all and (min-width: 1378px){
    .site_design_list_wrap .site_design_list_box{max-width: 1444px;}
}

@media all and (min-width:1400px){
    .header_util_con .header_util_item:hover:before{background-color:#ffc514;}

    .popup_wrap .popup_form_input_con .popup_form_submit:hover{color:#ffd31a;}
}

@media all and (min-width: 1600px){
/*
    .service_wrap .service_title_con .service_title_num{display: inline-block; vertical-align: top;}
    .service_wrap .service_title_con .service_title{display: inline-block; vertical-align: top; margin-top: 0;}

    .section.solution .section_title_wrap .section_title{font-size: 150px; font-size: 15.0rem; line-height: 190px; line-height: 19.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 180px; font-size: 18.0rem;}

    .problem_list_con .problem_list_box{padding-bottom: 130px;}
    .problem_list_con .problem_list{width: 662px; height: 662px;}
    .problem_list_con .problem_list_title{font-size: 55px; font-size: 5.5rem; line-height:72px; line-height:7.2rem;}
    .problem_list_con .problem_list_ratio{font-size: 76px; font-size: 7.6rem; line-height: 82px; line-height: 8.2rem;}
    .problem_list_con .problem_list_ratio:not(.font_helve){padding-bottom: 76px;}
    .problem_list_con .problem_list_ratio.font_helve{font-size: 85px; font-size: 8.5rem; line-height: 91px; line-height: 9.1rem;}
    .problem_list_con .problem_list_ratio .percent{font-size:38px; font-size:3.8rem;}
 */
    .request_list_con .request_list{width:25%;}

}

@media all and (min-width: 1739px){
    .site_design_list_wrap .site_design_list_box{max-width: 1805px;}
}

@media all and (min-width: 1800px){
    .service_wrap{display: flex; align-items: flex-start; justify-content: space-between; }
    .section.service .common_title_con{width: auto; margin-bottom: 0;}
    .service_wrap .service_con{width: auto; flex: 1 0 0; -ms-flex: 1 0 0; display: flex; flex-wrap:wrap; justify-content: flex-end;}
    .service_wrap .service_inner{width: auto; justify-content: flex-end;}
    .service_wrap .service_title_con{margin-right: 70px;}
    .service_wrap .service_title_con .service_title_num{display: block; margin-right: 0;}
    .service_wrap .service_title_con .service_title{display: block; margin-top: -50px;}

    .section.manpower{padding-bottom: 700px;}
    .manpower_wrap .manpower_list_con{margin-bottom: -24px;}
    .manpower_wrap .manpower_list_con .manpower_list{margin-bottom: 24px;}
}

@media all and (min-width:1920px){
    .wrapper.landing { padding-top: 160px; }
    .header_wrap { margin-bottom: 100px;}

    .landing_btn_style_0_con { margin-bottom: 60px;}
    .landing_btn_style_0_con .landing_btn_style_0{  font-size:23px;  font-size: 2.3rem;  line-height:32px;  line-height:3.2rem;  letter-spacing: -0.04em;  color:#000;  font-weight:700;  display:inline-block;  vertical-align: middle;  padding-right:37px;  padding-left:37px;  padding-top: 17px;  padding-bottom: 17px;  background-color:#ffdf33;  border-radius:40px;  overflow: hidden;  }

    .main_visual_wrap { margin-bottom: 120px;}
    .main_visual_wrap .main_visual_title { font-size:80px; font-size:8.0rem; line-height:100px; line-height:10.0rem;  }
    .main_visual_wrap.membership .main_visual_sub_title { font-size:49px; font-size:4.9rem; line-height:75px; line-height:7.5rem;  }
    .main_visual_wrap .main_visual_desc { font-size:26px; font-size:2.6rem; line-height:40px; line-height:4.0rem; }

    .benefit_wrap .benefit_title { font-size:49px; font-size:4.9rem; line-height:62px; line-height:6.2rem; }
    .benefit_wrap .benefit_desc { font-size:22px; font-size:2.2rem; line-height:34px; line-height:3.4rem; }

    .service_wrap .service_title_con .service_title_num { font-size:200px; font-size:20.0rem; line-height:200px; line-height:20.0rem;  }
    .service_wrap .service_title_con .service_title { font-size:70px; font-size:7.0rem; line-height:90px; line-height:9.0rem; }
    .service_wrap .service_list {font-size:30px; font-size:3.0rem; line-height:34px; line-height:3.4rem; }

    .service_wrap .service_list:first-child:after { top: 2px;}
    .service_wrap .service_list:last-child:after { top: 2px;}

    .section.benefit { padding-bottom: 140px;}
    .section.solution { padding-top: 200px;}
    .section.solution .common_title_con { margin-bottom: 140px;}
    .section.solution .section_title_wrap .section_title { font-size:82px; font-size:8.2rem; line-height:112px; line-height:11.2rem; }
    .section.solution .section_title_wrap .section_desc { font-size:30px; font-size:3.0rem; line-height:49px; line-height:4.9rem; }
    .section.solution .section_title_wrap .section_title .font_helve { font-size:90px; font-size:9.0rem;  }

    .solution_wrap .solution_list_num_box .solution_list_num_text { font-size:38px; font-size:3.8rem; line-height:42px; line-height:4.2rem; }
    .solution_wrap .solution_list_num_box .solution_list_num { font-size:107px; font-size:10.7rem; line-height:112px; line-height:11.2rem; }
    .solution_wrap .solution_list .solution_title { font-size:74px; font-size:7.4rem; line-height:86px; line-height:8.6rem; }
    .solution_wrap .solution_list .solution_sub_title { font-size:41px; font-size:4.1rem; line-height:58px; line-height:5.8rem;  }
    .solution_wrap .solution_list_num_box { margin-top: 8px;}

    .request_form_con .request_form_title{  font-size:40px;  font-size: 4rem;  line-height:56px;  line-height:5.6rem;  letter-spacing: -0.04em;  color:#ffd014;  font-weight:700;  float:left;  margin-top: 21px;  }
    .request_form_con .request_form_title_con { margin-bottom: 48px;}
    .request_form_con .request_form_desc { margin-top: 52px;}

    .problem_list_con .problem_list { width: 480px; height: 480px; }
    .problem_list_con .problem_list_box:first-child .problem_list:before{top: 50%; margin-top: -2px; right: 18px; width: 54px; border-bottom: 4px solid #000;}
    .problem_list_con .problem_list_box:first-child .problem_list:after{top: 50%; margin-top: -27px; right: 44px; height: 54px; border-right: 4px solid #000;}
    .problem_list_con .problem_list_title { font-size:32px; font-size:3.2rem; line-height:45px; line-height:4.5rem; margin-bottom: 15px; }
    .problem_list_con .problem_list_title.type_2 { margin-bottom: 15px; }
    .problem_list_con .problem_list_ratio.font_helve{ font-size:58px; font-size:5.8rem; line-height:58px; line-height:5.8rem; }
    .problem_list_con .problem_list_ratio:not(.font_helve) { padding-bottom: 65px;}

    .manpower_wrap .manpower_title_con .manpower_num{font-size: 234px; font-size: 23.4rem; line-height: 238px; line-height: 23.8rem; margin-right: 25px; margin-bottom: -40px;}
    .manpower_wrap .manpower_title_con .manpower_title{font-size:50px; font-size:5.0rem; line-height:50px; line-height:5.0rem; }
    .manpower_wrap .manpower_desc{font-size:40px; font-size:4.0rem; line-height:62px; line-height:6.2rem;}
    .manpower_wrap .manpower_list_con{ max-width: 900px;}
    .manpower_wrap .manpower_list_con .manpower_list > span { font-size:76px; font-size:7.6rem; line-height:82px; line-height:8.2rem; }

    .consulting_wrap .consulting_title_con .phone_number { font-size:112px; font-size:11.2rem; line-height:117px; line-height:11.7rem;  }
    .consulting_wrap .consulting_title_con .consulting_title {font-size:41px; font-size:4.1rem; line-height:58px; line-height:5.8rem;  }
    .consulting_wrap .consulting_info_list .consulting_info_title { font-size:41px; font-size:4.1rem; line-height:46px; line-height:4.6rem; }
    .consulting_wrap .consulting_info_list .consulting_info > span {font-size:41px; font-size:4.1rem; line-height:46px; line-height:4.6rem; }
    .consulting_wrap .address_info_con .address_info {font-size:24px; font-size:2.4rem; line-height:28px; line-height:2.8rem; }
    .consulting_wrap .address_info_con .address_info_btn { font-size:24px; font-size:2.4rem; line-height:28px; line-height:2.8rem; }

    .footer_con .footer_title { font-size:41px; font-size:4.1rem; line-height:56px; line-height:5.6rem; }

    .link_btn_con .link_btn_text { font-size:41px; font-size:4.1rem; line-height:56px; line-height:5.6rem; }
    .link_btn_con .link_btn { width: 440px; height: 440px; }
    .link_btn_con .link_btn img { width: auto; }

    .common_title_con .common_title > span { font-size:22px; font-size:2.2rem; line-height:27px; line-height:2.7rem; }
    .manpower_bg_con { width: 66.6%; padding-top:38.4% }

}

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

    .benefit_wrap .common_title_con.type_2{margin-bottom: -35px;}

    .service_wrap .service_title_con{margin-right: 133px;}
  /*
    .service_wrap .service_title_con .service_title_num{font-size: 312px; font-size: 31.2rem; line-height: 318px; line-height: 31.8rem;}
    .service_wrap .service_title_con .service_title{font-size: 110px; font-size: 11.0rem; line-height: 125px; line-height: 12.5rem;}
    .service_wrap .service_list{font-size:50px; font-size:5.0rem; line-height:56px; line-height:5.6rem;}
*/
    .service_wrap .service_desc br{display: inline;}

    .manpower_wrap{display: flex; display: -ms-flexbox;}
    .manpower_wrap .common_title_con{width: 30%; max-width: 610px; flex:0 0 auto; -ms-flex:0 0 auto; margin-bottom: 0;}
    .manpower_wrap .manpower_con{flex:1 0 0; -ms-flex: 1 0 0;}

    .consulting_wrap{display: flex; display: -ms-flexbox;}
    .consulting_wrap .common_title_con{width: 30%; max-width: 610px; flex:0 0 auto; -ms-flex:0 0 auto; margin-bottom: 0;}
    .consulting_wrap .consulting_con{flex:1 0 0; -ms-flex: 1 0 0;}
}

@media all and (min-width: 2300px){
    .top_btn_con{right: calc((100% - 2100px) / 2 ); bottom:200px;}

    .site_design_list_wrap .site_design_list_box{max-width: none;}

}

@media all and (min-width:2560px){
    .wrapper.landing { padding-top: 180px;}
    .header_wrap { margin-bottom: 120px; }

    .landing_btn_style_0_con { margin-bottom: 65px; }
    .landing_btn_style_0_con .landing_btn_style_0{font-size:23px; font-size:2.3rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.04em; color:#000; font-weight:700;
        display:inline-block; vertical-align: middle; padding-right:37px; padding-left:37px; padding-top:18px; padding-bottom:18px; background-color:#ffdf33; border-radius:40px; overflow: hidden;}

    .main_visual_wrap { margin-bottom: 145px;}
    .main_visual_wrap .main_visual_title{font-size: 95px; font-size: 9.5rem; line-height: 120px; line-height: 12.0rem;}
    .main_visual_wrap .main_visual_desc{font-size:28px; font-size:2.8rem; line-height:45px; line-height:4.5rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
    .main_visual_wrap.membership .main_visual_sub_title{font-size: 51px; font-size: 5.1rem; line-height: 90px; line-height: 9.0rem;}

    .benefit_wrap .benefit_title{font-size: 51px; font-size: 5.1rem; line-height: 50px; line-height: 5.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
    .benefit_wrap .benefit_desc{font-size:26px; font-size:2.6rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
    .section.benefit{padding-bottom: 162px;}

    .service_wrap .service_desc { font-size:30px; font-size:3.0rem; line-height:45px; line-height:4.5rem; }
    .service_wrap .service_list { font-size:36px; font-size:3.6rem; line-height:40px; line-height:4.0rem; }
    .service_wrap .service_list:first-child:after{top:3px;}
    .service_wrap .service_list:last-child:after{top:3px;}
    .service_wrap .service_list:after{width: 48px; top:12px; font-size:46px; font-size:4.6rem; line-height:46px; line-height:4.6rem;}
    .service_wrap .service_title_con .service_title_num{font-size: 232px;font-size: 23.2rem;line-height: 232px;line-height: 23.2rem;}
    .service_wrap .service_title_con .service_title { font-size:82px; font-size:8.2rem; line-height:105px; line-height:10.5rem; }

    .section.solution { padding-top: 240px;}
    .section.solution .common_title_con{margin-bottom: 150px;}
    .section.solution .section_title_wrap .section_title{font-size: 116px; font-size: 11.6rem; line-height: 150px; line-height: 15.0rem;}
    .section.solution .section_title_wrap .section_desc{font-size:30px; font-size:3.0rem; line-height:50px; line-height:5.0rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 135px; font-size: 13.5rem;}

    .solution_wrap .solution_list_num_box .solution_list_num_text{font-size:44px; font-size:4.4rem; line-height:49px; line-height:4.9rem;}
    .solution_wrap .solution_list_num_box .solution_list_num{font-size: 125px; font-size: 12.5rem; line-height: 130px; line-height: 13.0rem;}
    .solution_wrap .solution_list .solution_title{font-size: 82px; font-size: 8.2rem; line-height: 100px; line-height: 10.0rem;}
    .solution_wrap .solution_list .solution_desc{font-size:35px; font-size:3.5rem; line-height:58px; line-height:5.8rem;}
    .solution_wrap .solution_list .solution_sub_title{font-size: 48px; font-size: 4.8rem; line-height:68px; line-height:6.8rem;}
    .solution_wrap .solution_list_num_box { margin-top: 15px;}

    .problem_list_con .problem_list { width: 581px; height:581px }
    .problem_list_con .problem_list_title{font-size:48px; font-size:4.8rem; line-height:63px; line-height:6.3rem; margin-bottom: 20px;}
    .problem_list_con .problem_list_title.type_2{ margin-bottom: 20px;}
    .problem_list_con .problem_list_ratio.font_helve{font-size:74px; font-size:7.4rem; line-height:74px; line-height:7.4rem; }
    .problem_list_con .problem_list_desc{ font-size:22px; font-size:2.2rem; line-height:29px; line-height:2.9rem; }
    .problem_list_con .problem_list_ratio:not(.font_helve) {padding-bottom: 75px;}
    .problem_list_con .problem_list_ratio{ font-size:57px; font-size:5.7rem; line-height:62px; line-height:6.2rem; }

    .request_form_con .request_form_title{  font-size:45px;  font-size: 4.5rem;  line-height:56px;  line-height:5.6rem;  letter-spacing: -0.04em;  color:#ffd014;  font-weight:700;  float:left;  margin-top: 21px;  }
    .request_form_con .request_form_title_con { margin-bottom: 48px;}
    .request_form_con .request_form_desc { margin-top: 52px;}

    .manpower_wrap .manpower_title_con .manpower_num{font-size: 224px; font-size: 22.4rem; line-height: 224px; line-height: 22.4rem; margin-right: 25px; margin-bottom: -40px;}
    .manpower_wrap .manpower_title_con .manpower_title{font-size:54px; font-size:5.4rem; line-height:54px; line-height:5.4rem; }
    .manpower_wrap .manpower_desc{font-size:40px; font-size:4.0rem; line-height:65px; line-height:6.5rem;}
    .manpower_wrap .manpower_list_con .manpower_list > span { font-size:82px; font-size:8.2rem; line-height:87px; line-height:8.7rem; }
    .manpower_wrap .manpower_list_con{ max-width: 1000px;}
    .consulting_wrap .consulting_title_con .phone_number { font-size:120px; font-size:12.0rem; line-height:125px; line-height:12.5rem;  }
    .consulting_wrap .consulting_title_con .consulting_title {font-size:48px; font-size:4.8rem; line-height:68px; line-height:6.8rem;  }
    .consulting_wrap .consulting_info_list .consulting_info_title { font-size:41px; font-size:4.1rem; line-height:46px; line-height:4.6rem; }
    .consulting_wrap .consulting_info_list .consulting_info > span {font-size:41px; font-size:4.1rem; line-height:46px; line-height:4.6rem; }
    .consulting_wrap .address_info_con .address_info {font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; }
    .consulting_wrap .address_info_con .address_info_btn { font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; }

    .footer_con .footer_title { font-size:45px; font-size:4.5rem; line-height:60px; line-height:6.0rem; }

    .link_btn_con .link_btn_text { font-size:41px; font-size:4.1rem; line-height:56px; line-height:5.6rem; }
    .link_btn_con .link_btn { width: 450px; height: 450px; }
    .link_btn_con .link_btn img { width: auto; }

    .line_over_hidden_box { width: 128px;}
    .common_title_con .common_title > span { font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem;  }
}

@media all and (min-width:3840px){
    .wrapper.landing { padding-top: 200px;}
    .header_wrap { margin-bottom: 140px;}

    .landing_btn_style_0_con { margin-bottom: 81px; }
    .landing_btn_style_0_con .landing_btn_style_0{font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.04em; color:#000; font-weight:700;  display:inline-block; vertical-align: middle; padding-right:37px; padding-left:39px; padding-top:20px; padding-bottom:22px; background-color:#ffdf33; border-radius:40px; overflow: hidden;}

    .main_visual_wrap { margin-bottom: 170px;}
    .main_visual_wrap .main_visual_title{font-size: 110px; font-size: 11.0rem; line-height: 140px; line-height: 14.0rem;}
    .main_visual_wrap .main_visual_desc{font-size:30px; font-size:3.0rem; line-height:50px; line-height:5.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
    .main_visual_wrap.membership .main_visual_sub_title{font-size: 65px; font-size: 6.5rem; line-height: 100px; line-height: 10.0rem;}

    .benefit_wrap .benefit_title{font-size: 65px; font-size: 6.5rem; line-height: 72px; line-height: 7.2rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
    .benefit_wrap .benefit_desc{font-size:30px; font-size:3.0rem; line-height:45px; line-height:4.5rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
    .section.benefit{padding-bottom: 183px;}

    .service_wrap .service_desc{font-size:45px; font-size:4.5rem; line-height:70px; line-height:7.0rem;}
    .service_wrap .service_list{font-size:50px;font-size: 5rem;line-height:66px;line-height: 6.6rem;}
    .service_wrap .service_list:first-child:after{top:15px;}
    .service_wrap .service_list:last-child:after{top:15px;}
    .service_wrap .service_list:after{width: 48px; top:15px; font-size:50px; font-size:5.0rem; line-height:50px; line-height:5.0rem;}
    .service_wrap .service_title_con .service_title_num{font-size: 262px;font-size: 26.2rem;line-height: 262px;line-height: 26.2rem;}
    .service_wrap .service_title_con .service_title{font-size: 92px;font-size: 9.2rem;line-height: 122px;line-height: 12.2rem;}

    .section.solution { padding-top: 280px;}
    .section.solution .common_title_con{margin-bottom: 160px;}
    .section.solution .section_title_wrap .section_title{font-size: 150px; font-size: 15.0rem; line-height: 190px; line-height: 19.0rem;}
    .section.solution .section_title_wrap .section_desc{font-size:40px; font-size:4.0rem; line-height:65px; line-height:6.5rem;}
    .section.solution .section_title_wrap .section_title .font_helve{font-size: 180px; font-size: 18.0rem;}

    .solution_wrap .solution_list_num_box .solution_list_num_text{font-size:50px; font-size:5.0rem; line-height:56px; line-height:5.6rem;}
    .solution_wrap .solution_list_num_box .solution_list_num{font-size: 143px; font-size: 14.3rem; line-height: 149px; line-height: 14.9rem;}
    .solution_wrap .solution_list .solution_title{font-size: 100px; font-size: 10.0rem; line-height: 120px; line-height: 12.0rem;}
    .solution_wrap .solution_list .solution_desc{font-size:40px; font-size:4.0rem; line-height:65px; line-height:6.5rem;}
    .solution_wrap .solution_list .solution_sub_title{font-size: 55px; font-size: 5.5rem; line-height:78px; line-height:7.8rem;}
    .solution_wrap .solution_list_num_box { margin-top: 10px;}

    .problem_list_con .problem_list { width: 662px; height:662px }
    .problem_list_con .problem_list_title{font-size: 55px; font-size: 5.5rem; line-height:72px; line-height:7.2rem;}
    .problem_list_con .problem_list_ratio.font_helve{font-size:85px; font-size:8.5rem; line-height:91px; line-height:9.1rem; }
    .problem_list_con .problem_list_desc{ font-size:25px; font-size:2.5rem; line-height:33px; line-height:3.3rem; }
    .problem_list_con .problem_list_ratio:not(.font_helve) {padding-bottom: 86px;}
    .problem_list_con .problem_list_ratio{font-size: 76px; font-size: 7.6rem; line-height: 82px; line-height: 8.2rem;}

    .request_form_con .request_form_title{  font-size:50px;  font-size: 5rem;  line-height:56px;  line-height:5.6rem;  letter-spacing: -0.04em;  color:#ffd014;  font-weight:700;  float:left;  margin-top: 21px;  }
    .request_form_con .request_form_title_con { margin-bottom: 68px;}
    .request_form_con .request_form_desc { margin-top: 32px;}

    .manpower_wrap .manpower_title_con .manpower_num{font-size: 282px; font-size: 28.2rem; line-height: 288px; line-height: 28.8rem; margin-right: 25px; margin-bottom: -40px;}
    .manpower_wrap .manpower_title_con .manpower_title{font-size: 59px; font-size: 5.9rem; line-height: 59px; line-height: 5.9rem;}
    .manpower_wrap .manpower_desc{font-size:40px; font-size:4.0rem; line-height:65px; line-height:6.5rem; }
    .manpower_wrap .manpower_list_con{ max-width: 1370px;}
    .manpower_wrap .manpower_list_con .manpower_list > span{font-size: 100px; font-size: 10.0rem; line-height: 106px; line-height: 10.6rem;}
    .manpower_bg_con { width: 81.8%; padding-top: 47%;}
    .consulting_wrap .consulting_title_con .phone_number{font-size: 150px; font-size: 15.0rem; line-height: 156px; line-height: 15.6rem;}
    .consulting_wrap .consulting_title_con .consulting_title{font-size: 55px; font-size: 5.5rem; line-height: 78px; line-height: 7.8rem;}
    .consulting_wrap .consulting_info_list .consulting_info_title{font-size: 55px; font-size: 5.5rem; line-height: 61px; line-height: 6.1rem;}
    .consulting_wrap .consulting_info_list .consulting_info > span{font-size: 55px; font-size: 5.5rem; line-height: 61px; line-height: 6.1rem;}
    .consulting_wrap .address_info_con .address_info{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}
    .consulting_wrap .address_info_con .address_info_btn{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}

    .footer_con .footer_title{ font-size: 55px; font-size: 5.5rem; line-height: 75px; line-height: 7.5rem;}

    .link_btn_con .link_btn_text{font-size: 55px; font-size: 5.5rem; line-height: 75px; line-height: 7.5rem;}
    .link_btn_con .link_btn { width: 497px; height: 497px; }
    .link_btn_con .link_btn > div { width: 350px;}
    .link_btn_con .link_btn img { width: auto; }

    .line_over_hidden_box { width: 136px;}
    .common_title_con .common_title > span { font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; }
}