@charset "utf-8";
/* CSS Document */

.main .fv .bgArea {background: url("/common/images/business/view01.jpg") center top no-repeat;}
.view02 .title {border-color: /*#b6d9dd;*/#d9dfe0; top: -2rem; width: auto; line-height: 1.5; padding: 5em 2em 1.5em;}
.main .view03 ul,.bpo .view03 ul {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: start; justify-content: start; flex-wrap: wrap; box-sizing: border-box; gap:20px 20px;}
.main .view03 ul li,.bpo .view03 ul li {width: 32%; text-align: center; margin: 3% 0;}
body:not(.consulting):not(.outsource) .view03 .txt {width: 90%; margin: 0 auto; position: relative;}
.view02 .title p {font-size: 1rem; letter-spacing: 0.05em;}
body:not(.consulting):not(.labor) .view03 h2 {border-left: 7px solid #a8d1d6; text-align: left; font-weight: normal; font-size: 1.4rem; line-height: 1.2; padding: 2em 0 0 1em; box-sizing: border-box; position: absolute; top: -4.5rem;}
.view03 h2 small {font-size: .9rem;}
.main .view02 {height: 200px;}
.main .view03 {padding-bottom: 5vw;}
.main .view03 .txt p,.bpo .view03 .txt p {text-align: left; margin: 10% auto; padding-top: 23%;}
.main .view03 a {background: #a8d1d6/*#b6d9dd*/; color: #fff; display: block; padding: 1em 1.2em; box-sizing: border-box; transition: all .2s;}
.main .view03 a:before {content: "more"; text-transform: uppercase;}
.main .view03 a:after {content: "＞"; float: right;}
.main .view03 a:hover {background:#65a9b1;}
.main .view04,.consulting .view04 {text-align: center; background: url("/common/images/business/view03.jpg") center center fixed no-repeat; background-size: cover; width: 100%;height: 670px;}
.main .view04 .container,.consulting .view04 .container {padding: 17rem 0 5vw;}
.main .view04 .title,.consulting .view04 .title {color: #e2e3e6;}
.main .view04 p,.consulting .view04 p {background: rgba(255,255,255,0.3); padding: 1.5em 2.5em; box-sizing: border-box; font-size: 1.15rem; color: #fff; line-height: 1.4; letter-spacing: 0.05em; margin: 3% auto 5%; text-align: left; display: inline-block; max-width: 95%;}
.main .view04 h1,.consulting .view04 h1 {margin-bottom: 0;text-align: left}
.main .view04 .btn,.consulting .view04 .btn {text-align: center; float: none; display: inline-block;}
.main .view04 a,.consulting .view04 .btn a {width: 500px; padding: 1.5em 1em 1.5em 2em; box-sizing: border-box; background: rgba(79, 146, 154, .8); color: #fff;}
.cService {background: url("/common/images/business/gry.jpg") #fff center 65% no-repeat; background-size: 100% auto; z-index: 88}
.cService .title {border-color: #aeaeae;}
.cService h1 {margin-bottom: 0;}
.cService .btn {box-sizing: border-box; margin: 7% 5% !important; position: absolute; top: 0; right: 0; float: none;}
.cService .btn a {width: 450px; padding: 1.5em 1em 1.5em 2em;}
.cService ul {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding: 25% 0 12%; width: 92%; margin: 0 auto; box-sizing: border-box;}
.cService ul li {position: relative; width: 32.5%;}
.cService ul li a {background: rgba(14,12,12,0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 0 10%; box-sizing: border-box; display: block; transition: all 0.2s;}
.cService ul li a:before {content: ""; border: 5rem solid #fff; position: absolute; top: 0; right: 0; border-bottom: 0; border-right: 0; border-left: 5rem solid transparent !important; /*opacity: .8;transition: all .2s;*/}
.cService ul li a:after {content: "▼"; bottom: 5%; left: 48%; position: absolute;}
.cService h2 {border-bottom: 1px solid; padding: 0 0 1.2em; box-sizing: border-box; text-align: center; font-weight: normal; letter-spacing: 0.1em; margin: 90% auto 20%; width: 100%; transition: all .2s;}
.cService .txt {text-align: center;}
.cService .txt:after {content: "・\A・\A・"; white-space: pre; font-weight: bold; font-size: 2rem; line-height: 1; display: none;}
.cService ul p {display: none; text-align: center; width: 100%; letter-spacing: 0.1em; font-size: 1.15em; margin: 5% auto; line-height: 1.3; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.cService ul p:before {content: "/"; margin-right: .5em;}
.cService ul p:after {content: "/"; margin-left: .5em;}
/*.cService .tabR a:before {border-color: #af243b;}
.cService .tabY a:before {border-color: #e8be18;}
.cService .tabG a:before {border-color: #28711b;}*/
.cService ul li a:hover {background: rgba(0,0,0,.8);}
.cService ul li a:hover h2 {margin-top: 55%;}
.cService ul li a:hover .txt:after {display: block;}
.cService ul li a:hover p {display: -webkit-flex; display: flex;}
.cService ul li a:hover:before {opacity: 1;}
.cService ul li a:hover:after {content: "詳細を見る ＞"; letter-spacing: 0.1em; left: 36%; bottom: 20%;}
.cService .container{
    height: 290px !important;
}
@media screen and (max-width: 450px) {

    .cService .container{
    height: 250px !important;
}

}
.cFlow {background: url("/common/images/business/flow_bg.jpg") center center fixed no-repeat; z-index: 20; background-size: cover;}
.cFlow .container {padding-bottom: 6vw;}
.cFlow .title {border-color: #d2e2e4;}
.cFlow ul {width: 100%; overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; padding: 33% 0 4%; box-sizing: border-box;}
.cFlow ul li {width: 24%; text-align: center; position: relative; padding-top: 5rem;}
.cFlow .count {position: absolute; top: 0; left: 0; right: 0;}
.cFlow .count img {margin: 0 auto; max-width: 40%;}
.cFlow .txt {background: rgba(255,255,255,0.5); padding: 4rem 1.5rem 3rem; box-sizing: border-box; height: 380px;}
.cFlow h2 {font-weight: normal; line-height: 1.3; letter-spacing: 0.05em;overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 75px;}
.cFlow .txt p {text-align: left; border-top: 1px solid; padding-top: 1em; letter-spacing: 0.05em;}
.cFlow .step01 p {border-color: #a8d1d6;}
.cFlow .step02 p {border-color: #93b6ba;}
.cFlow .step03 p {border-color: #689ca2;}
.cFlow .step04 p {border-color: #498a92;}

/* OUTSOURCING */
.twoLine {line-height: 1.2;/* padding: 9% 0 !important; height: 330px;*/}
.outsource .fv .bgArea {background: url("/common/images/business/outsourcing/view01.jpg") center top no-repeat;}
.outsource .view02 {height: 220px;}
.career article,.bpo article,.career article,.consulting article {overflow: hidden; box-sizing: border-box; display: block; position: relative; padding: 20% 0 0; }
.sub {font-size: 2.5rem; text-align: center; font-weight: normal; line-height: 1.2; letter-spacing: 0.05em; display: inline-block; width: 100%; margin: 0 auto 5%; overflow: hidden}
.outsource .view03 ul {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;}
.outsource .view03 ul li {width: 32%;}
.outsource .view03 ul li,.hrconsult .view03 ul li {margin: 0; position: relative; padding-bottom: 9%;}
.outsource .view03 img {margin: 0 auto;}
.outsource .view03 .txt {width: 80%; text-align: left; position: absolute; border-left: 7px solid #a8d1d6; left: 0; right: 0; padding: 3em 0 1.5em 1.5em; box-sizing: border-box; top: 63%; line-height: 1.4; letter-spacing: .05em; margin: auto;}
.outsource .view03 li:first-child .txt {padding: 3em 0 .1em 1.5em;}
.outsource .view03 .container {padding-bottom: 10%;}
.outsource .view03 .title p {line-height: 1.5;}
.outsource .view04 {background: url("/common/images/netBg2.png") #fff; border: solid #eee; border-width: 1px 0;}
.outsource .view04 .title {border-color: #efefef;}
.outsource section:not(.cService) .title h1,.hrconsult section:not(.cService) .title h1,.growth section:not(.cService) .title h1,.labor section:not(.cService) .title h1,.career section:not(.cService) .title h1,.consulting section:not(.cService) .title h1 {font-style: normal; letter-spacing: normal; font-size: 2.7rem;}
.outsource .title p {line-height: 1.3;}
.outsource .btn a,.hrconsult .btn a,.bpo .btn a,.growth .btn a,.labor .view03 a,.career .btn a,.consulting .cFlow .btn a {width: 450px; padding: 1.8em 1em 1.8em 2em; box-sizing: border-box;}
.outsource .btn,.hrconsult .btn,.growth .btn,.consulting .cFlow .btn {margin: 10% 4%; float: none;}
.outsource .btn,.hrconsult .btn,.bpo .btn:not(.center), .consulting .cFlow .btn {position: absolute; top: 0}
.outsource .btn.left,.hrconsult .btn.left, .consulting .cFlow .btn {left: 0}
.outsource .btn.right,.hrconsult .btn.right {right: 0;}
.outsource .view04 .inner {padding: 27% 0 5%; overflow: hidden;}
.outsource .view04 dl {overflow: hidden; margin: 3% auto;}
.outsource .view04 dl,.outsource .view05 article {width: 1100px; max-width: 95%;}
.outsource .view04 dt {font-weight: normal; font-size: 1.4rem; letter-spacing: .05em;}
.outsource .view04 dt:before {content: "・";}
.outsource .view04 dd {margin: 1% auto; box-sizing: border-box; padding: 1.5em 3.3em; letter-spacing: 0.05em;}
.outsource .view04 .container {padding-bottom: 3%;}
.outsource .view05 .title {border-color: #d9dfe0; width: 47%;}
.outsource .view05 article {width: 1100px; margin: 0 auto; padding: 28% 0 10%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;}
.outsource .view05 article .left {width: 55%; order: -1}
.outsource .view05 article .right {width: 43%; letter-spacing: 0.05em; }
.outsource .view05 dt {text-align: center; font-size: 1.35rem;box-sizing: border-box; padding: .5em 0;}
.outsource .view05 dt:before {content: "/"; margin-right: 1em;}
.outsource .view05 dt:after {content: "/"; margin-left: 1em;}
.outsource .view05 dd {margin: 5% auto; width: 95%; /*font-size: 1.1rem;*/}
/* CONSULTING */
.hrconsult .fv .bgArea {background: url("/common/images/business/hrconsulting/view01.jpg") center top no-repeat;}
.hrconsult .view02,.bpo .view02,.labor .view02,.growth .view02,.consulting .view02,.consulting .view05 .block01 {height: 250px;margin-top: -5px;}
.hrconsult article {padding: 5% 0 0; width: 100%; overflow: hidden; box-sizing: border-box;}
.hrconsult ul img {margin: 0 auto; width: 100%;}
.hrconsult .img {position: relative; display: inline-block;}
.hrconsult .img span {position: absolute; top: 5%; left: 2%; color: #fff; font-style: italic; line-height: 1; font-size: .8rem; text-align: left;}
.hrconsult .img span big {display: block; font-size: 1.35rem;}


.hrconsult .view03 dl {letter-spacing: .05em; margin: 7% auto;}
.hrconsult .view03 dt {font-size: 1.3rem; border-bottom: 1px solid #a8d1d6; padding: 0 0 .6em; box-sizing: border-box;}
.hrconsult .view03 dd {text-align: left; width: 85%; margin: 7% auto;}
.hrconsult .view03 dd p {margin: 3% auto; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start;}
.hrconsult .view03 dd p:before {content: url("/common/images/business/hrconsulting/view02_chk.png"); margin-right: .7em;}
.hrconsult .view03 ul,.hrconsult .view04 article,.growth .view04 article {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between;}
.hrconsult .view03 ul li {width: 30%;}
.hrconsult .view04 {background: url("/common/images/business/hrconsulting/view03_bg.jpg") center center fixed no-repeat; background-size: cover;}
.hrconsult .view04 .title {border-color: #efefef;}
.hrconsult .view04 article {width: 100%; padding:29% 0 14%;}
.hrconsult .view04 dl,.growth .view04 dl {position: relative; width: 30%; padding-top: 3rem; margin: 0;}
.hrconsult .view04 dt,.growth .view04 dt {font-size: 1.4rem; position: absolute; top: 0; left: 5%; border-left: 9px solid; padding: .3em 1em 1.2em;}
.hrconsult .view04 .case01 {border-color: #a8d1d6;}
.hrconsult .view04 .case02 {border-color: #93b6ba;}
.hrconsult .view04 .case03 {border-color: #689ca2;}
.hrconsult .view04 dd {background: rgba(255,255,255,0.75); width: 100%; margin: 0 auto; padding: 1em 3em; box-sizing: border-box; overflow: hidden;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
.hrconsult .view04 dd p {margin: 3% auto; width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; height: 50px; letter-spacing: 0.05em;}
.hrconsult .view04 dd p:before,.growth .view04 dd p:before {content: "・";}
.hrconsult .view05 {z-index: 19}
.hrconsult .view05 .title {border-color: #d9dfe0; width: 48%;}
.hrconsult .view05 article {width: 1000px; margin: 0 auto; padding: 32% 0 5%; position: relative; display: block;}
.hrconsult .view05 dl {margin: 2% auto 5%; width: 100%;}
.hrconsult .view05 dt {font-size: 1.4rem;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; letter-spacing: .05em; margin-bottom: .8em;}
.hrconsult .view05 dt .prompt {background: #a8d1d5; color: #fff; font-size: 1.1rem; width: 200px; text-align: center; display: inline-block; padding: .8em 0; box-sizing: border-box; line-height: 1; margin-right: 2em;}
.hrconsult .view05 dd {margin: 0 auto; padding: 2em 1.7em; box-sizing: border-box; letter-spacing: 0.05em; width: 100%; display: block; font-size: 1rem}

/* BPO */
.bpo .fv .bgArea {background: url("/common/images/business/bpo/view01.jpg") center top no-repeat;}
.bpo .view01 h1 small {font-size: 1.15rem; text-transform: none;}
.bpo .title h1 {font-style: normal;}
.bpo .title p {line-height: 1.3}
.bpo .view02 .title p {font-size: 1rem; line-height: 1.5; letter-spacing: .05em;}
.bpo .view03 {background: url("/common/images/netBg2.png") #fff; border: solid #f3f3f3; border-width: 1px 0;}
.bpo .view03 .btn {margin-top: 7%; float: none;}
.bpo .view03 .title {border-color: #efefef;}
.bpo .view03 ul {width: 100%; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 20%;}
.bpo .view03 .txt {width: 87% !important;}
.bpo .view03 .txt p {letter-spacing: 0.03em;}
.bpo .view03 ul li {width: 30%; margin: 5% 0;}
.bpo .view04 .title {border-color: #d9dfe0;}
.bpo .view04 .btn {margin-top: 10%; right: 0; float: none;}
.bpo article dl {width: 100%;}
.bpo .view04 article {padding: 25% 0 6%; width: 100%;}
.bpo .view04 dt:before {content: "/"; margin-right: 1em;}
.bpo .view04 dt:after {content: "/"; margin-left: 1em;}
.bpo .view04 dt {font-size: 1.4rem; letter-spacing: 0.05em;}
.bpo .view04 dl {padding: 1.5rem 0; box-sizing: border-box; margin: 3% auto;}
.bpo .view04 dt {text-align: center; margin-bottom: 1.5rem; line-height: 1}
.bpo .view04 dd {width: 45%; margin: 0 auto; letter-spacing: .05em; line-height: 1.4;}
.bpo .view04 .dl01 {background: #f9f9f9;}
.bpo .view04 .dl02 {background: rgba(238,243,244,0.75);}
.bpo .view04 .dl03 {background: #e3eef1;}
.bpo .view05 {background: url("/common/images/business/bpo/view05_bg01.jpg") center bottom fixed no-repeat; background-size: cover;}
.bpo .view05 .bgArea {background: url("/common/images/business/bpo/view05_bg02.png") rgba(0,0,0,0.5) 0 110% no-repeat;}
.bpo .view05 article {width: 85%; margin: 0 auto; text-align: center;}
.bpo .view05 h1 small {display:block; font-size: .5em; letter-spacing: .05em; text-transform: none; line-height: 1}
.bpo .view05 .title {color: #efefef;}
.bpo .view05 article {padding-top: 25%;}
.bpo .view05 dl {text-align: left;}
.bpo .view05 dt {background-color: rgba(239,239,239,0.75); font-size: 1.15rem; display: inline-block; letter-spacing: 0.05em; padding: .4em 2em; margin: 2% auto;}
.bpo .view05 dd {color: #efefef; width: 95%; margin: 0 auto; letter-spacing: 0.05em;}
.bpo .view05 .btn {padding: 3% 0 10%; box-sizing: border-box; display: inline-block;}

/* GROWTH */
.growth .fv .bgArea {background: url("/common/images/business/growth/view01.jpg") center top no-repeat;}
.growth .center {text-align: center;overflow: hidden; width: 90%; margin: 0 auto 2%; /*display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;*/}
.growth .sub {margin-bottom: 3%;}
.center.after {margin-top: 5%}
.growth .view03 .container {padding-bottom: 6%;}
.growth .view03 dl {width: 1000px; margin: 2% auto; box-sizing: border-box; position: relative; padding-top: 1.5em; letter-spacing: 0.05em; max-width: 95%;}
.growth .view03 dt {font-size: 1.3rem; border-left: 7px solid #a8d1d6; padding: 2em 0 .3em 1em; box-sizing: border-box; position: absolute; top: 0; left: 3%;}
.growth .view03 dd {margin: 0 auto; padding: 3.6em 3em 1.5em 3.5em;}
.growth .view04 {background: url("/common/images/business/growth/view03_bg.jpg") center top fixed no-repeat; background-size:cover;}
.growth .view04 .container {padding-bottom: 7vw; text-align: center;}
.growth .view04 .title {border-color: #efefef; text-align: left;}
.growth .view04 article {padding-top: 25%; width: 100%;}
.growth .view04 dt {border-color: #a8d1d6;}
.growth .view04 dd {background: rgba(255,255,255,0.75); width: 100%; margin: 0 auto; padding: 2em 2em 3em; box-sizing: border-box; overflow: hidden;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; flex-wrap: wrap; max-height: 268px}
.growth .view04 dd .txt {margin: 3% auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; height: 50px; width: 100%;}
.growth .view04 dd p {margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; text-align: left;}
.growth .view04 .case03 dd {padding-bottom: 12.5vw;}
.growth .view04 .center {margin: 4% auto 2%;}
.growth .view04 .btn {margin: 0 auto; display: inline-block;}
.growth .view05 .title {border-color: #d9dfe0;}
.growth .view05 .container {height: 350px; box-sizing: border-box;}
.growth .view05 article {width: 100%; background: #f9f9f9; padding: 4em 0 2em; box-sizing: border-box;}
.growth .view05 dl {width: 800px; margin: 0 auto; letter-spacing: 0.05em; max-width: 90%; overflow: hidden;}
.growth .view05 dt {width: 180px !important; position: relative; text-align: center;padding: .7em 1em 0; box-sizing: border-box; font-size: 1.5rem; float: left;}
.growth .view05 dt span {display: block; font-size: .7rem; letter-spacing: 0.05em; border-bottom: 1px solid #fff; padding-bottom: .5em; margin-bottom: .5em;}
.growth .view05 dt:after {content: ""; border: 180px solid; position: absolute; bottom: -25px; left: 0; border-bottom: 0; border-left: 90px solid transparent; border-right: 90px solid transparent;}
.growth .view05 .bg_lgrn:after {border-top: 25px solid #a8d1d6;}
.growth .view05 .bg_pnk:after {border-top: 25px solid #d89c9c;}
.growth .view05 dt.bg_dgrn:after {border-top: 25px solid #4f929a;}
.growth .view05 dd {float: left; width: 72%; overflow: hidden; padding: 1em 0 4em; box-sizing: border-box;}
.growth .view05 dd small {display: block;}
.growth .view05 dd small:before {content: "※";}
.abs {position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1200px; max-width: 100%; overflow: hidden;}

.growth .abs .btn a{
    color: #037c8a !important;
}


/* LABOR */
.labor .fv .bgArea {background: url("/common/images/business/labor/view01.jpg") center 10% no-repeat;}
.labor .view02 .title span {display: block;}
.labor .view03 {background: url("/common/images/netBg2.png") #fff; border: solid #f3f3f3; border-width: 1px 0;}
.labor .view03 .title {border-color: #efefef;}
.labor .view03 article {padding: 25% 0 10%; text-align: center; box-sizing: border-box;}
.labor .view03 ul {width: 800px; margin: 0 auto; text-align: left; max-width: 90%;}
.labor .view03 ul li {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start;margin: 5% auto;}
.labor .view03 ul li .txt {width: 100% !important; letter-spacing: 0.05em;}
.labor .view03 ul li h2 {font-size: 1.4rem; border-bottom: 1px solid; margin-bottom: 1%; padding: 0 2.5rem;}
.labor .view03 ul li img {width: 14%;}
.labor .view03 .txt p {padding: 0 2.5rem;}
.labor .view03 .btn {display: inline-block; margin: 3% auto 0;}

/* CAREER */
.career .fv .bgArea {background: url("/common/images/business/career/view01.jpg") center top no-repeat;}
.career .view02 {height: 280px}
.career .view03 .sub {margin-bottom: 3%;}
.career .view03 .center {text-align: center; letter-spacing: 0.05em;}
.career .view03 .container {text-align: center; padding-bottom: 8%;}
.career .view03 .flex {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: center; justify-content: center; width: 800px; margin: 3% auto; max-width: 95%;}
.career .view03 ul {margin: 0 20px; letter-spacing: 0.05em; width: 100%;}
.career .view03 ul li {margin-bottom: 30px; position: relative;padding-top: .8em; box-sizing: border-box;}
.career .view03 ul span {font-size: .9rem; padding: .15em 1em; position: absolute; top: 0; left: 15%;}
.career .view03 ul li p {border: 1px solid #a8d1d5; width: 100%; padding: 2em 2.6em 1.5em; box-sizing: border-box; height: 125px;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; text-align: left}
.career .btn.center {display: inline-block;}
.career .view04 {background: url("/common/images/business/career/view03_bg.jpg") center bottom fixed no-repeat; background-size: cover;}
.career .view04 .title {border-color: #efefef;}
.career .view04 article {text-align: center; width: 1000px; margin: 0 auto; max-width: 95%; padding-top: 280px;}
.career .view04 dl {letter-spacing: 0.05em; padding: 1em 0 0; box-sizing: border-box; position: relative;}
.career .view04 dl.left {width: 500px; margin: 5% 0 5% 50%; max-width: 45%; position: absolute; top: 0;}
.career .view04 dl:not(.left) {margin: 0 auto 3%;}
.career .view04 dt {font-size: 1.1rem; width: 200px; text-align: center; line-height: 1; padding: .6em 0; box-sizing: border-box; position: absolute; top: 0; left: 0;}
.career .view04 dd {text-align: left; background: rgba(255,255,255,0.5); width: 100%; margin: 0 auto; padding: 2.5em 2em 1.5em; box-sizing: border-box; overflow: hidden;}
.career .view04 dd>div {width: 50%; box-sizing: border-box; text-align: center;}
.career .view04 dd>div big {border-bottom: 1px solid #4f929a; display: block; padding-bottom: .3em; margin-bottom: .7em;}
.career .view04 dd div.left {border-right: 1px solid #4f929a; padding: 0 3em 0 1em;}
.career .view04 dd div.right {padding: 0 1em 0 3em;}
.career .view04 dd p {margin: 0 auto 1%;}
.career .view04 big {font-weight: bold;}
.career .view04 p.left {margin: 0 1em 0 0;}
.career .view04 .btn {margin: 3% auto 10%;}
.career .view05 .title {border-color: #d9dfe0;}
.career .view05 article {padding-top: 30%; text-align: center;}
.career .view05 ul {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; box-sizing: border-box; width: 1100px; max-width: 95%;}
.career .view05 ul li {position: relative; padding-top: 4.5rem; width: 30%;}
.career .view05 ul li dl {width: 100%; border: 1px solid; box-sizing: border-box; padding: 6rem 1.7em 3%; letter-spacing: 0.05em; max-height: 380px; margin: 0 auto;}
.career .view05 ul li dt {font-size: 1.5rem; border-bottom: 1px solid; line-height: 1.3; padding-bottom: .7em;}
.career .view05 ul li dd {margin: 3% auto 0; text-align: left; padding: 2.5rem 1.2em 5rem; box-sizing: border-box;}
.career .view05 ul li img {position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: 36%;}
.career .view05 .merit01,.career .view05 .merit01 dt {border-color: #a8d1d6;}
.career .view05 .merit02,.career .view05 .merit02 dt {border-color: #97b6ba;}
.career .view05 .merit03,.career .view05 .merit03 dt {border-color: #689ca2;}
.career .view05 .btn {margin: 5% auto 10%;}

/* CONSULTING */
.consulting .fv .bgArea {background: url("/common/images/consulting/view01.jpg") center top no-repeat;}
.consulting .view03 {overflow:hidden;}
.consulting .view03 ul {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-around; margin: 3% auto 7%;}
.consulting .view03 ul li {width: 40%; letter-spacing: 0.05em;}
.consulting .view03 .img {position: relative; width: 90%; margin: 0 auto;}
.consulting .view03 .img:before {content: ""; border-right: 5rem solid transparent; border-bottom: 5rem solid transparent;position: absolute; top: 0; left: 0;}
.consulting .view03 .img span {position: absolute; top: 4%; left: 2%; color: #fff; line-height: 1; font-style: italic; font-size: .8rem;}
.consulting .view03 .img big {display: block; font-size: 1.2rem;}
.consulting .view03 img {width: 100%}
.consulting .view03 h2 {font-size: 1.4rem; font-weight: normal; text-align: center; margin: 10% auto 7%; line-height: 1;color: #4f929a;}
.consulting .view03 dl {overflow: hidden; margin: 1% auto; box-sizing: border-box;}
.consulting .view03 dt {font-size: 1.1rem; padding: .7em; box-sizing: border-box; line-height: 1}
.consulting .view03 dt:before {content: "・";}
.consulting .view03 dd {margin: 4% auto; width: 89%; height: 50px;}
.consulting .view03 ul li a {margin: 3% auto; border-bottom: 1px solid transparent; transition: all .2s;}
.consulting .view03 ul li a:after {content: "詳細 ＞";}
.consulting .view03 ul li a:hover {color: #4f929a; border-color: #4f929a;}

.consulting .view05 .title {border:none; margin-left: 0; padding: 0;}
.consulting .view05 article {padding: 18% 0 10%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap}
.consulting .view05 .case {border: 1px solid #a8d1d6; width: 32%; position: relative; letter-spacing: 0.05em; box-sizing: border-box; overflow: hidden; padding: 1rem; margin: 1% 0;}
.consulting .view05 .case:before {content: "case study"; color: #fff; background: #a8d1d6; font-size: .8rem; position: absolute; top: 0; left: 0; padding: .7em 1.6em; line-height: 1; letter-spacing: 0.1em;}
.consulting .view05 .tt {overflow: hidden; height: 50px; text-align: center; line-height: 1.1; margin: 8% auto 3%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.consulting .view05 h2 {font-weight: normal; margin: 0 auto; font-size: 1.4rem; width: 100%}
.consulting .view05 .scale {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items:center; -webkit-justify-content: space-between; justify-content: space-between;}
.consulting .view05 .info {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between;}
.consulting .view05 .tab {font-size: .8rem; width: 50px; text-align: center; line-height: 1; padding: .4em 0; }
.consulting .view05 .person:after {content: "名"; font-weight: normal;}
.consulting .view05 .detail p {margin-bottom: 3%;}
.consulting .view05 .detail span {font-size: .9rem; font-weight: normal;}
.consulting .view05 .detail span:before {content: "（";}
.consulting .view05 .detail span:after {content: "）";}
.consulting .view05 .person, .consulting .view05 .detail {font-weight: bold; line-height: 1.2; width: 82%;}
.consulting .view05 .data {margin: 4% auto;}
.consulting .view05 .block02 {height: 300px;}
.consulting .view05 .blank {width: 32%;}

/* CONSULTING POLICY */
.cPolicy .fv .bgArea {background: url("/common/images/business/policy01.jpg") center top no-repeat;}
.cPolicy .view02 {height: 300px;}
.cPolicy .view03 {background: url("/common/images/business/policy02.jpg") center top fixed no-repeat; background-size: cover;}
.cPolicy .view03 .title {border-color: #aeaeae;}
.cPolicy .view03 ul {font-size: 1.15rem; width: 90%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; padding: 25% 0 7%;}
.cPolicy .view03 ul li {width: 31%;}
.cPolicy .view03 ul li img {display: block; margin: 0 auto; max-width: 50%;}
.cPolicy .view03 ul li p {margin: 10% auto; letter-spacing: 0.05em;}

@media screen and (max-width: 1200px) and (min-width: 738px) {
    body:not(.consulting):not(.labor) .view03 h2 {font-size: 2vw; top: -6.5vw;}
    .main .view03 ul li, .bpo .view03 ul li {width: 31%;}
    .main .view03 a,.view02 .title p,.main .view03 .txt p, .bpo .view03 .txt p,.main .view04 p, .consulting .view04 p,.cService ul p,.cService ul li a:after,.hrconsult .view03 dd p,.bpo .view02 .title p,.bpo .view04 dd {font-size: 1.6vw;}
    .view02 .title {padding:7vw 2em 3vw;}
    .main .view03 .txt p {padding-top: 9vw;}
    .main .view03 ul,.bpo .view03 ul {max-width: 94%;}
    .main .view04, .consulting .view04 {background-position: center bottom;}
    .main .view04 a, .consulting .view04 .btn a {width: 50vw;}
    .cService h2 {margin-top: 20vw;}
    .cService ul li a:hover:after {left: 10vw;}    
    .outsource .btn a, .hrconsult .btn a, .bpo .btn a, .growth .btn a, .labor .view03 a, .career .btn a, .consulting .cFlow .btn a,.cService .btn a {width: 40vw;}    
    .cService .txt:after {font-size: 2.5vw;}
    .sub {font-size: 3.4vw}
    .hrconsult .view03 dt,.hrconsult .view05 dt,.outsource .view04 dt,.bpo .view04 dt {font-size: 2.2vw;}
    .hrconsult .view03 dd {width: 100%;}
    .hrconsult .view04 article,.cFlow ul,.bpo .view04 article,.growth .view04 article {width: 95%; margin: 0 auto;}
    .hrconsult .view04 article {padding-top: 35%}
    .hrconsult .view04 dl, .growth .view04 dl {width: 31%;}
    .outsource .btn, .hrconsult .btn, .growth .btn, .consulting .cFlow .btn {margin: 10vw 4vw;}
    .hrconsult .view05 article {padding-top: 35%}
    .hrconsult .view05 .btn {margin: 13vw 5vw;}
    .outsource .view03 ul,.hrconsult .view03 ul,.hrconsult .view05 article {max-width: 95%;}
    .outsource .view03 .txt {width: 90%;}
    .outsource .view03 ul li, .hrconsult .view03 ul li {padding-bottom: 9vw;}
    .bpo .view03 h2 br {display: none;}
    .bpo .view03 ul {padding-top: 25%;}
    .bpo .view03 .txt p {padding-top: 7vw;}
    .bpo .view03 .btn {margin: 7% 4vw 0;}
    .bpo .view04 .btn {margin: 10% 4vw 0;}
    .bpo .view04 article {padding-top: 28%;}
    .bpo .view04 dd {width: 55%;}
    .bpo .view05 article {width: 90%;}
    .growth .center {margin-bottom: 5vw !important;}
    .growth .view03 dl {padding-top: 2vw;}
    .growth .view04 dl {padding-top: 4vw;}
    .labor .fv .bgArea {height: 50vw; background-size: auto 100% !important;}
    .labor .view02 .title span {display: inline-block}
    .career .view03 .title p br {display: none;}
    .career .view03 article {padding-top: 23vw;}
    .cPolicy .view02 {height: 30vw;}
    .consulting .view03 dd {height: 8vw;}
    .consulting .view05 h2 {font-size: 1.9vw;}
    .consulting .view05 .block01 {height: 24vw}
    .consulting .view05 .block02 {height: 28vw}
    .consulting .view05 .person, .consulting .view05 .detail {font-size: 1.5vw;}
    .consulting .view05 .case:before,.consulting .view05 .detail span {font-size: 1.3vw;}
    .consulting .view05 .tab {font-size: 1.2vw; width: 4.3vw;}
    .cFlow ul li {padding-top: 5vw;}
    .cFlow h2 {margin-top: 0;}
    
}
@media screen and (max-width: 1200px) {.consulting .view05 article {max-width: 95%; margin: 0 auto;} .consulting .view03 ul {max-width: 95%;}.consulting .view02 .title p br {display: none;} .hrconsult .view04 dd {padding: 1em 10%;}}
@media screen and (max-width: 1100px) {
    .main .view04 .container, .consulting .view04 .container {padding-top: 27vw;}
    .main .view04, .consulting .view04 {background-size: auto 100%; height: 63vw;}
    .cService h2,.hrconsult .view04 dt, .growth .view04 dt,.cFlow h2,.outsource .view05 dt,.bpo .view05 dt,.growth .view03 dt,.growth .view05 dt,.labor .view03 ul li h2,.career .view05 ul li dt {font-size: 2vw;}
    .outsource section:not(.cService) .title h1, .hrconsult section:not(.cService) .title h1, .growth section:not(.cService) .title h1, .labor section:not(.cService) .title h1, .career section:not(.cService) .title h1, .consulting section:not(.cService) .title h1 {font-size:4.2vw;}
    .hrconsult .view05 dd,.hrconsult .view04 dd p,.cFlow p,.outsource .view03 .txt,.outsource .view04 dd,.outsource .view05 dd,.bpo .view05 dd,.growth .center,.growth .view03 dd,.growth .view04 dd,.growth .view05 dd,.labor .view03 .txt p,.career .view03 ul li p,.career .center,.career .view04 dd,.career .view05 ul li dd,.cPolicy .view03 ul {font-size: 1.6vw;}
    .hrconsult .view04 dd p br,.outsource .view03 .txt br,.bpo .view05 article br {display: none;}
    .hrconsult .view05 dt .prompt,.career .view04 dt {font-size: 1.7vw; width: 20vw}
    .hrconsult .view05 dl {margin-bottom: 5%;}
    .cFlow h2 {height: 6vw;}
    .cFlow .txt {height: 40vw; padding: 6vw 2vw 4vw;}
    .outsource .view03 .txt {padding-top: 4vw !important;}
    .outsource .view04 .container {padding-bottom: 5vw;}
    .growth article {padding-top: 25%;}
    .labor .view03 article {padding-top: 30%;}
    .labor .view03 ul li {margin: 3% auto;}
    .career .view03 ul span {font-size: 1.5vw;}
    .career .view05 ul li {padding-top: 6vw;}
    .career .view03 ul li p {height: 12vw;}
    .career .view05 ul li dl {padding: 8vw 1.7em 3%; max-height: 35vw;}
    .career .view05 ul li dd {padding: 3vw 1.2em 11vw;}
}
@media screen and (max-width: 1100px) and (min-width: 738px) {
    .outsource .view03 li:last-child .txt {padding-bottom: 0;}
}
@media screen and (max-width: 1000px) {
    .main .view02 {height: 20%;}
    .consulting .view02 {height: 26%}
    .career .view04 dl.left {margin-left: 52.5%;}
    .consulting .view03 h2 {font-size: 2.5vw;}
    .consulting .view03 dt {font-size: 2vw;}
    .consulting .view03 dd,.consulting .view03 ul li a:after {font-size: 1.6vw;}
    .growth .view05 .container {height: 35vw}
    .career .view04 article {padding-top: 25%;}
}
@media screen and (max-width: 900px) and (min-width: 738px) {
    .main .view02 {height: 15%;}
    .bpo .view02, .labor .view02 {height: 25vw;}
    .growth .view04 .container {padding-bottom: 10vw;}
    .growth .view05 dt {width: 18vw !important;}
    .growth .view05 dt:after {border-width: 18vw 9vw 0 9vw;}
    .growth .view05 dd {margin-left: 4vw}
    .growth .view05 article {padding: 5vw 0;}
    .career .view05 ul li {width: 32%;}
    .cPolicy .view02 {height: 33vw;}
    .consulting .view05 .tt {height: 7vw;}
    .consulting .view05 .tab {margin-bottom: 2%;}
    .consulting .view05 .block01 {height: 33vw;}
    .consulting .view05 .block02 {height: 37vw;}
    .consulting .view05 .data {margin-top: 0;}
    .consulting .view05 .tab {width: 50px}
    .hrconsult .view02 {height: 20%}
    .outsource .view02 {height: 18%}
    .growth .view02 {height: 25%}
}
@media screen and (max-width: 900px) {
    .consulting .view05 .info,.consulting .view05 .scale {flex-wrap: wrap;}
    .consulting .view05 .person, .consulting .view05 .detail {width: 100%;}
}
@media screen and (max-width: 737px) {
    .hrconsult .view03 dd p,.hrconsult .view05 dd,.cFlow .txt p,.outsource .view05 dd,.growth .view04 dd p,.career .view05 ul li dd,.cPolicy .view03 ul,.outsource .view03 .txt,.outsource .view04 dd,.growth .center,.growth .view03 dd,.growth .view05 dd,.career .view03 ul li p,.career .view04 dt,.consulting .view03 dd,.consulting .view03 ul li a:after,.consulting .view05 .tab,.consulting .view05 .detail span,.cService ul p,.cService ul li a:after {font-size: 2vw;} 
    .view02 .title p,.bpo .view02 .title p,.main .view03 .txt p,.main .view04 p, .consulting .view04 p,.cFlow .title p,.outsource .view05 dt,.bpo .view03 .txt p,.bpo .view04 dd,.bpo .view05 dd,.labor .view03 .txt p,.career .view03 .center,.career .view04 dd,.consulting .view05 .person, .consulting .view05 .detail {font-size: 2.3vw;}
    .hrconsult .img span big,.hrconsult .view03 dt,.outsource .view04 dt,.career .view05 ul li dt,.consulting .view03 .img big,.consulting .view05 h2 {font-size: 2.5vw;}    
    body:not(.consulting):not(.labor) .view03 h2,.cFlow h2,.bpo .view03 h2,.bpo .view04 dt,.bpo .view05 dt,.growth .view03 dt,.growth .view05 dt,.labor .view03 ul li h2,.consulting .view03 h2,.cService h2 {font-size: 3vw;}
    .main .view02 {height: 20vw}
    .main .view03 ul {padding: 0 5%;}
    .main .view03 ul li {width: 47%;}
    .main .view03 ul li:nth-child(3) .txt p {padding-top: 33%;}
    .main .view03 h2 {top: -10vw !important;}
    .main .view03 .txt p {margin-bottom: 7%;}
    .view03 h2 small {font-size: 2.3vw;}
    .view02 .title p {letter-spacing: normal; width: 100%;}
    .main .view03 a {font-size: 2.5vw; padding: .5em .7em .5em 1em;}
    .main .view04 a, .consulting .view04 .btn a,.cService .btn a,.outsource .btn a, .hrconsult .btn a, .bpo .btn a, .growth .btn a, .labor .view03 a, .career .btn a, .consulting .cFlow .btn a {width: 90vw;}
    .main .view04, .consulting .view04 {height: auto;}
    .main .view04,.hrconsult .view04,.cFlow,.bpo .view05,.growth .view04,.career .view04,.cPolicy .view03,.consulting .view04 {background-attachment: local}
    .main .view04 p, .consulting .view04 p {max-width: 90%; padding: 1.5em 2em; margin: 2% auto 4%;}
    .main .view04 .container {padding-bottom: 7vw;}
    .cService ul {padding-bottom: 0; width: 90%;}
    .cService .btn, .consulting .cFlow .btn {position: relative; padding: 30% 0 10%; margin: 0 auto !important;}
    .cService .btn a, .consulting .cFlow .btn a {margin: 0 auto;}
    .bpo article,.consulting article {padding-top: 30%;}
    .sub,.hrconsult .sub,.growth .sub {font-size: 4.8vw;}
    .view02 .title {padding: 8vw 3vw 2vw; top: -4vw; float: none; overflow: hidden}
    .hrconsult .view02 {height: 25vw;}
    .hrconsult .view03 ul,.outsource .view03 ul,.growth .view04 article {width: 95%;}
    .hrconsult .view03 ul li {width: 32%;}
    .hrconsult .img span,.consulting .view03 .img span {font-size: 1vw;}
    .hrconsult .img:before,.consulting .view03 .img:before {border-width: 0 0 10vw 10vw;}
    .hrconsult .view03 dd {width: 100%;}
    .hrconsult .view03 dd p:before {margin-right: 1vw;}
    .outsource .btn,.hrconsult .btn,.bpo .btn:not(.center) {position: relative;}
    .outsource .btn a,.hrconsult .btn a {margin: 0 auto;}
    .outsource .btn.left,.hrconsult .btn.left {padding: 5% 0 10%; margin: 0 auto;}
    .outsource section:not(.cService) .btn.right,.hrconsult section:not(.cService) .btn.right {padding: 0 0 10%; margin: 0 auto;}    
    .hrconsult .view04 article {width: 95%; margin: 0 auto; padding: 38% 0 0;}
    .hrconsult .view04 dl, .growth .view04 dl {width: 32%; padding-top: 4.5vw}
    .hrconsult .view04 dt, .growth .view04 dt {border-width: 0 0 0 1vw; padding: .3em 0 1.2em 1.5vw; font-size: 2.3vw}
    /*.hrconsult .view04 dd p {height: 5vw;}*/
    .hrconsult .view05 article {width: 92%; padding-top: 40%}
    .hrconsult .view05 dt .prompt, .career .view04 dt {letter-spacing: 0.05em; margin-right: 2vw;}
    .hrconsult .view05 dt .prompt{width: 15vw;}
    .hrconsult .view05 dt {font-size: 2.8vw; letter-spacing: normal}
    .hrconsult .view05 dd {padding: 3vw 4vw;}
    .cFlow ul {width: 90%; flex-wrap: wrap; padding: 36% 0 0;}
    .cFlow ul li {width: 48%; padding-top: 8%}
    .cFlow .count img {max-width: 30%;}
    .cFlow h2 {height: auto;}
    .cFlow h2 br,.cService ul li a:hover .txt:after {display: none;}
    .cFlow .txt p {padding: 1em;}
    .cFlow .txt {height: 41vw; padding-top: 18%;}
    .cFlow ul li {margin-bottom: 3vw;}
    .cFlow .container {padding-bottom: 0;}
    .outsource .view02 {height: 22vw;}
    .outsource .view03 .txt,.outsource .view03 li:first-child .txt {width: 90%; top: 55%; padding: 3em 0 10vw 2vw}
    .outsource .view03 ul li {padding-bottom: 12vw;}
    /*.outsource .view03 ul li {height: 30vw;}*/
    .outsource .view04 .inner {padding-bottom: 0;}
    .outsource .view04 .btn {padding: 3% 0 5%;}
    .outsource .view04 dl, .outsource .view05 article {max-width: 90%;}
    .outsource .view04 dd {padding: 2.5vw 4vw; margin-top: 2vw;}    
    .outsource .view05 article {padding: 30% 0 5%;}
    .outsource .view05 article .right dl {margin: 0 auto 5%;}
    .outsource .view05 article {flex-wrap: wrap;}
    .outsource .view05 article .left {order: 0; margin: 0 auto;}    
    .outsource .view05 article .right {width: 100%;}
    .outsource .view05 dd {margin: 2vw auto;}
    .bpo .view02,.labor .view02 {height: 28vw;}
    .bpo .view03 ul {padding-top: 25%; width: 90%;}
    .bpo .view03 ul li {width: 100%;}
    .bpo .view03 h2 {top: -6vw !important; padding-left: 2vw; width: 60%; left: 20%;}
    .bpo .view03 .txt {width: 80% !important;}
    .bpo .view03 ul li img,.bpo .view03 .txt p,.bpo .btn a,.growth .view04 article {margin: 0 auto;}
    .bpo .view03 .txt p {padding-top: 20%;}
    .bpo .view03 .btn {margin: 0 auto; padding-bottom: 10%;}
    .bpo .view04 article {padding: 30% 0 0; width: 90%; margin: 0 auto;}
    .bpo .view04 dd,.bpo .view05 article {width: 90%;}
    .bpo .view04 .btn {margin: 0 auto; padding: 0 0 10%;}
    .growth .view02 {height: 30vw;}
    .growth .view04 .container {padding-bottom: 10vw;}
    .growth .view04 dd {height: 33vw; padding: 2vw 2vw 3vw;}
    .growth .view04 article {padding-top: 30%;}
    .growth .view04 .center {margin: 8% auto 6%;}
    .growth .view05 .container {height: 32vw;}
    .abs {position: relative; background: #f9f9f9;}
    .abs .btn {margin-top: 0;}
    .growth .view05 dl {height: 20vw;}
    .growth .view05 dt {width: 22% !important;}
    .growth .view05 dt:after {border-width: 25px 10vw 20vw;}
    .growth .view05 dd {margin-left: 3vw; width: 67vw;}
    .labor .view02 .title span {display: inline;}
    .labor .view03 article {padding-top: 35%;}
    .labor .view03 ul li {margin: 0 auto 6%;}
    .labor .view03 ul li h2,.labor .view03 .txt p {padding: 0 4vw;}
    .labor .view03 ul li h2 {margin: 2vw auto 1vw;}
    .career .view02 {height: 40vw}
    .career .view03 article {padding: 35% 0 5%;}
    .career .view03 .flex {margin: 5% auto;}
    .career .view03 ul {margin: 0 2vw;}
    .career .view03 ul li {margin-bottom: 3vw; padding-top: 1.5vw;}
    .career .view03 ul li p {height: 16vw;}
    .career .view03 ul span {font-size: 1.7vw;}
    .career .view04 article,.career .view04 dl.left {max-width: 90%;}
    .career .view04 dl.left {margin: 0 auto 3%; width: 90%; float: none; position: relative; padding-top: 30%;}
    .career .view04 article {padding-top: 0;}
    .career .view04 dl.left dt {top: auto; bottom: 30%;}
    .career .view04 dt {width: 22vw; position: relative;}
    .career .view04 dd>div {width: 100%; padding: 0!important;}
    .career .view04 dd div.left {border: none; margin-bottom: 3vw;}
    .career .view05 ul li {width: 32%;}
    .career .view05 ul li dl {padding: 8vw 3vw; max-height: 40vw;}
    .career .view05 ul li dd {padding: 2vw 0;}
    .cPolicy .view02 {height: 40vw;}
    .cPolicy .view03 ul li {width: 32%;}
    .cPolicy .view03 ul li img {max-width: 40%;}
    .consulting .view02 {height: 37vw;}
    .consulting .view03 ul li {width: 31%;}
    .consulting .view03 dt {font-size: 2.2vw;}
    .consulting .view03 dd {width: 100%; height: 12vw;}
    .consulting .view04 .container {padding: 22% 0 10%;}
    .consulting .view05 .case {width: 49%; height: 50vw}
    .consulting .view05 .tab {width: 8vw;}
    .consulting .view05 .person, .consulting .view05 .detail {margin-top: 1.5vw;}
    .consulting .view05 .tt {height: 7vw;}
    .cService h2 {padding-bottom: 2vw;}
    .cService ul li a:before {border-width: 10vw 0 0 10vw !important;}
    .cService ul li a:hover:after {left: 8vw;}
}
@media screen and (max-width: 812px) and (min-width: 641px) and (orientation:landscape) {
    .view02 .title p,.bpo .view05 dt,.growth .view03 dt {font-size: 2.5vw}
    .outsource .view04 dt,.outsource .view05 dt,.bpo .view04 dt {font-size: 1.8vw}
    .bpo .view03 .txt p,.growth .center {font-size: 1.5vw}
    .outsource .view04 dd,.outsource .view05 dd,.hrconsult .view05 dd,.bpo .view04 dd,.bpo .view05 dd,.growth .view03 dd,.labor .view03 .txt p,.career .view03 .center,.career .view04 dd {font-size: 1.3vw}
    .hrconsult .view02 {height: 30vw}
    .growth .view02 {height: 37vw;}
    .growth .view03 dd {line-height: 1.5; padding: 4.5em 3em 2em 3.5em}
    .career .view04 p.left {float: none;}
    .cPolicy .view02 {height: 47vw;}
}
@media screen and (max-width: 480px) {
    .hrconsult .view03 ul, .hrconsult .view04 article, .growth .view04 article,.cService ul,.outsource .view03 ul,.career .view03 .flex,.career .view05 ul,.cPolicy .view03 ul,.consulting .view03 ul {flex-wrap: wrap;}
    .main .view03 ul li {width: 100%; margin: 5% auto;}
    .main .view03 .txt p,.main .view03 ul li:nth-child(3) .txt p {margin: 0 auto 5%; padding-top: 0; width: 95%;}
    .main .view03 a {font-size: 3.5vw; padding: .7em .7em .7em 1em; text-align: center;}
    .main .view03 ul li img {width: 65%; margin: 0 auto;}
    .main .view03 h2 {position: relative !important; top: -5vw !important; left: auto !important; display: inline-block; width: 70% !important; margin: 0 auto;}
    .main .view03 .txt {text-align: right; width: 100% !important;}
    .main .view04 .container {padding: 32% 0 10%;}
    .cService {background: #fff;}
    .cService h2 {margin: 20% auto; padding-bottom: 1vw;font-size: 4vw;}
    .cService ul li {width: 100%; margin: 2% auto;}
    .cService ul li a:hover h2 {margin: 10% auto 0;}
    .cService .txt {display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between;}
    .cService ul p {-webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-around; justify-content: space-around; font-size: 3vw}
    .cService ul p:before,.cService ul p:after,.cService ul p:last-of-type:after,.growth .center br,.cPolicy .view02 .title br {display: none;}
    .cService ul li a:hover:after {text-align: center; padding: .5em 1em .5em 1.5em; border: 1px solid rgba(255,255,255,0.5); font-size: 2.7vw; left: 35%; bottom: 15%;}
    .cService ul li a:before {border-width: 15vw 0 0 15vw !important;}
    .cService ul li:after {content: ""; border: 15vw solid #fff; position: absolute; bottom: 0; left: 0; border-top: 0; border-left: 0; border-right: 15vw solid transparent !important;}
    .view02 .title {padding: 8vw 5vw 2vw;}
    .hrconsult .img span, .consulting .view03 .img span {font-size: 2.5vw; text-align: left}
    .hrconsult .img span big,.consulting .view03 .img big {font-size: 5vw;}
    .hrconsult .img:before, .consulting .view03 .img:before {border-width: 0 0 20vw 20vw;}
    .hrconsult .img,.bpo .view03 ul li img {max-width: 80%;}
    .hrconsult .view03 dd p {margin: 1% auto;}
    .hrconsult .view03 dd {width: 95%; margin: 5% auto}
    .hrconsult .view03 dl {margin: 4% auto;}
    .hrconsult .view03 dd p:before {margin-right: 2vw;}
    .hrconsult .view03 ul li,.consulting .view03 ul li {width: 95%; text-align: center; margin: 0 auto;}
    .outsource section:not(.cService) .title h1, .hrconsult section:not(.cService) .title h1, .growth section:not(.cService) .title h1, .labor section:not(.cService) .title h1, .career section:not(.cService) .title h1, .consulting section:not(.cService) .title h1 {font-size: 5.5vw;}
    .hrconsult .view04 article {width: 90%; padding: 45% 0 2%;}
    .hrconsult .view04 dl, .growth .view04 dl {width: 100%; padding-top: 10%; margin: 2% auto;}
    .hrconsult .view04 dt, .growth .view04 dt {padding-left: 3.5vw;}
    .hrconsult .view04 dd p {height: auto; margin: 1% auto;}
    .hrconsult .view05 article {width: 90%;}
    .hrconsult .view05 dt {-webkit-justify-content: space-between; justify-content: space-between;}
    .hrconsult .view05 dt .prompt {width: 20vw; margin: 0;}
    .cFlow ul {padding-top: 45%;}
    .cFlow ul li {width: 100%; padding-top: 12%; margin-bottom: 5%;}
    .cFlow .count img {max-width: 20%;}
    .cFlow .txt {padding-top: 10%; height: auto; padding: 8vw 3vw 4vw}
    .outsource .view03 .container {padding-bottom: 0;}
    .outsource .view03 ul {width: 100%;}
    .outsource .view03 ul li {width: 100%; height: auto; padding-bottom: 5vw;}
    .outsource .view03 img {width: 55%;}
    .outsource .view03 .txt,.outsource .view03 li:first-child .txt {position: relative; padding: 2vw 0 3vw 5vw; margin: 2% auto;}
    .outsource .view04 dd {padding: 4.5vw 5vw; margin-top: 3vw;}
    .outsource .title p {line-height: normal;}
    .bpo .view03 ul {padding-top: 32%;}
    .bpo .view03 .txt {width: 100% !important;}
    .bpo .view03 h2 {width: 70%; right: 0; left: auto; padding: 2.5em 0 1em 5vw !important; margin: 0 auto; position: relative !important;}
    .bpo .view03 .txt p {width: 90%; padding: 0;}
    .bpo .view03 ul li {margin: 3% auto;}
    .bpo .view05 dt {padding: 2vw 4vw;}
    .growth .center {width: 80%; text-align: left}
    .growth .sub {margin-bottom: 5%;}
    .growth .view03 dl {margin: 4% auto; padding-top: 3vw; letter-spacing: normal}
    .growth .view03 dt {left: 5%; padding-top: 7vw; }
    .growth .view03 article {margin-bottom: 0;}
    .growth .view03 .container {padding-bottom: 7%;}
    .growth .view04 article {width: 90%;}
    .growth .view04 dd .txt,.growth .view05 dl,.career .view03 ul li p {height: auto;}
    .growth .view04 dd {height: auto; padding: 2vw 4vw 3vw}
    .growth .view04 .case03 dd {padding-bottom: 3vw;}
    .growth .view04 .center {margin-top: 2%;}
    .growth .view05 article {padding: 7vw 0 0;}
    .growth .view05 dl {text-align: center; border-bottom: 1px solid #fff; margin-bottom: 5vw;}
    .growth .view05 dl:last-of-type {border-bottom: 0; }
    .growth .view05 dt {display: inline-block; float: none;}    
    .growth .view05 dd {width: 100%; margin: 0 auto; text-align: left; padding: 6vw 0 4vw; line-height: 1.4}
    .growth .view05 dt {width: 27% !important;}
    .growth .view05 dt:after {border-width: 18px 12vw 20vw !important; bottom: -18px;}
    .growth .view05 dd small {display: inline;}
    .growth .btn a,.labor .view03 .btn,.consulting .view03 dl {
        margin: 0 auto;
    }
    .labor .view03 article {padding-top: 46%;}
    .labor .view03 ul li {flex-wrap: wrap; margin: 0 auto 10%}
    .labor .view03 ul li img {width: 20%; margin: 0 auto 3%}
    .labor .view03 ul li h2 {margin-bottom: 3vw; padding-bottom: 1vw;}
    .career .view03 article {padding-top: 60%;}
    .career .view03 ul li p {padding: 2em 5vw 1.5em}
    .career .view04 dl.left {padding-top: 36%;}
    .career .view04 dt {width: 30vw;}
    .career .view04 dl.left dt {bottom: 36%;}
    .career .view04 p.left {margin: 0 auto;}
    .career .view05 ul li,.cPolicy .view03 ul li {width: 100%;}
    .career .view05 ul li img {max-width: 25%;}
    .career .view05 ul li dl {max-height: none;}
    .career .view05 ul li {padding-top: 15%; margin-bottom: 5%;}
    .career .view05 ul li dl {padding: 16% 5vw 5%;}
    .cPolicy .view03 ul li img {max-width: 20%;}
    .cPolicy .view03 ul li p {margin: 3% auto 5%;}
    .cPolicy .view03 ul {width: 90%; padding-top: 30%;}
    .cPolicy .view03 ul li {border-bottom: 1px dotted #ddd; margin-bottom: 5%; padding: 0 5%;}
    .consulting .view03 dd {height: auto; text-align: left; width: 95%; margin: 2% auto;}
    .consulting .view03 h2 {margin: 5vw auto;}
    .consulting .view03 ul li a {margin-top: 0; float: none; width: 100%; padding: 1vw;}
    .consulting .view04 .container {padding: 27% 0 10%;}
    .consulting .view05 article {padding: 22% 0 10%; max-width: 90%;}
    .consulting .view05 .case {width: 100%; height: auto;padding-bottom: 0; margin: 2% auto;}
    .consulting .view05 .case:nth-of-type(n+8) {display: none;}
    .consulting .view05 .tt {height: auto;}
    .consulting .view05 .tab {width: 15vw;}
    .consulting .view05 .person,.consulting .view05 .detail {padding: 0 2vw;}
    .consulting .view05 .blank {width: 100%; text-align: center; padding: .5em 0; box-sizing: border-box; cursor: pointer;}
    .consulting .view05 .blank:after {content: "もっと見る ▼"; display: block;}
    .consulting .view05 .blank.after:after {content: "もとに戻る ▲";}
}
@media screen and (max-width: 480px) and (min-width: 381px) {
    .view02 .title p, .main .view03 .txt p, .main .view04 p, .consulting .view04 p, .cFlow .title p, .bpo .view03 .txt p,.bpo .view05 dd, .growth .center, .growth .view03 dd, .labor .view03 .txt p, .career .view03 .center, .career .view04 dd,.view02 h2 small, .hrconsult .view03 dd p, .hrconsult .view05 dd, .cFlow .txt p, .growth .view04 dd p, .career .view05 ul li dd, .cPolicy .view02 .title p,.hrconsult .view03 .title p, .outsource .view03 .txt, .outsource .view04 dd, .bpo .view02 .title p, .career .view03 .title p, .career .view03 ul li p, .career .view04 dt, .consulting .view03 .title p, .consulting .view03 dd, .consulting .view05 .tab, .consulting .view05 .detail span, .cService ul li a:after,.hrconsult .view04 dd p,.hrconsult .view05 dt .prompt,.growth .view05 dt,.career .view03 ul span {font-size: 3vw;}
    .outsource .view05 dd,.bpo .view03 .txt p,.bpo .view04 dd,.growth .view05 dd, .cPolicy .view03 ul,.consulting .view03 dt,.consulting .view03 ul li a:after, .consulting .view05 .person, .consulting .view05 .detail {font-size: 3.3vw;}    
    body:not(.consulting):not(.labor) .view03 h2, .cFlow h2, .bpo .view03 h2, .bpo .view04 dt, .growth .view03 dt, .labor .view03 ul li h2, .consulting .view03 h2, .hrconsult .view03 dt,.hrconsult .view04 dt, .growth .view04 dt,.hrconsult .view05 dt,.outsource .view04 dt,.outsource .view05 dt,.career .view05 ul li dt,.consulting .view05 h2 {font-size: 4vw;}
    .hrconsult .view02,.growth .view02 {height: 50vw;}
    .hrconsult .view05 dt span:not(.prompt) {width: 73%;}
    .hrconsult .view05 article {padding: 48% 0 0;}
    .outsource .view02 {height: 35vw;}
    .outsource .view04 .inner {padding-top: 36%;}
    .outsource .view05 article {padding-top: 40%;}
    .bpo .view02,.labor .view02 {height: 45vw;}
    .bpo .view04 article,.career .view05 article {padding-top: 38%;}
    .bpo .view05 dt {font-size: 3.5vw;}
    .bpo .view05 article {padding-top: 30%;}
    .career .view02 {height: 64vw;}
    .career .view05 ul {max-width: 80%;}
    .cPolicy .view02 {height: 56vw;}
    .consulting .view02 {height: 50vw}
    .growth .view05 .container {height: 40vw;}
}
@media screen and (max-width: 380px) {
    .view02 .title p, .main .view03 .txt p, .main .view04 p, .consulting .view04 p, .cFlow .title p, .bpo .view03 .txt p, .bpo .view05 dd, .growth .center, .growth .view03 dd, .labor .view03 .txt p, .career .view03 .center, .career .view04 dd, .view02 h2 small, .hrconsult .view03 dd p, .hrconsult .view05 dd, .cFlow .txt p, .growth .view04 dd p, .career .view05 ul li dd, .cPolicy .view02 .title p, .hrconsult .view03 .title p, .outsource .view03 .txt, .outsource .view04 dd, .bpo .view02 .title p, .career .view03 .title p, .career .view03 ul li p, .career .view04 dt, .consulting .view03 .title p, .consulting .view03 dd, .consulting .view05 .tab, .consulting .view05 .detail span, .cService ul li a:after, .hrconsult .view04 dd p, .hrconsult .view05 dt .prompt, .growth .view05 dt, .career .view03 ul span,.outsource .view05 dd, .bpo .view03 .txt p, .bpo .view04 dd, .growth .view05 dd, .cPolicy .view03 ul, .consulting .view03 dt, .consulting .view03 ul li a:after, .consulting .view05 .person, .consulting .view05 .detail {font-size: 3.57vw;}
    .main .view02 {height: 33vw;}
    body:not(.consulting):not(.labor) .view03 h2, .cFlow h2, .bpo .view03 h2, .growth .view03 dt, .labor .view03 ul li h2, .consulting .view03 h2, .hrconsult .view03 dt, .hrconsult .view04 dt, .growth .view04 dt, .hrconsult .view05 dt, .outsource .view04 dt, .outsource .view05 dt, .career .view05 ul li dt, .consulting .view05 h2 {font-size: 4.5vw;}
    .bpo .view04 dt,.bpo .view05 dt {font-size: 4.2vw;}
    .cService ul {padding-top: 30%;}
    .cService .btn, .consulting .cFlow .btn {padding-top: 30%;}
    .cService ul li a:hover h2 {margin-top: 7%;}
    .cService ul li a:hover:after {bottom: 11%;}
    .hrconsult .view02, .growth .view02, .labor .view02 {height: 65vw}
    .hrconsult .view04 article {padding-top: 50%;}
    .hrconsult .view04 dd {padding: 1em 5vw;}
    .hrconsult .view05 dt {flex-wrap: wrap;}
    .hrconsult .view05 dt .prompt {width: 30vw; padding: .6em 0;}
    .hrconsult .view05 dt span:not(.prompt) {width: 100%; margin-top: 1%;}
    .hrconsult .view05 article {padding: 52% 0 3%}
    .outsource .view02 {height: 47vw;}
    .outsource .view02 br,.outsource .view05 .title p br,.bpo .view03 .title p br,.growth .view04 .center br {display: none !important;}
    .outsource .view03 ul {padding-bottom: 3%;}
    .outsource .view04 .inner,.bpo .view04 article,.career .view05 article {padding-top: 43%;}
    .outsource .view05 article {padding-top: 45%}
    .bpo .view02 {height: 50vw;}
    .bpo .view05 article {padding-top: 35%;}
    .growth .view04 article {padding-top: 37%;}
    .growth .view05 .container {height: 50vw;}
    .labor .view03 ul li h2, .labor .view03 .txt p {padding: 0 2vw}
    .career .view03 .center {line-height: 1.4}
    .career .view02 {height: 75vw;}
    .career .view04 dd {padding: 1.5em;}
    .career .view05 ul {max-width: 90%;}
    .cPolicy .view02 {height: 80vw;}
    .cPolicy .view03 ul li {padding: 0}
    .consulting .view02 {height: 70vw}
    .consulting .view03 ul li {margin-bottom: 5%}
}