.page-work-recruit{.maincontents{padding-bottom:200px;padding-top:115px;@media screen and (max-width:768px){padding-bottom:30vw;padding-top:calc(var(--vw)*50)}}#mv_message{margin-top:100px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*50)}.ttl{font-size:calc(var(--rem)*26);font-weight:700;line-height:1.5;padding-bottom:52px;position:relative;text-align:center;@media screen and (max-width:768px){font-size:calc(var(--vw)*20);padding-bottom:calc(var(--vw)*22)}&:after{background-color:#c03;bottom:0;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;@media screen and (max-width:768px){width:calc(var(--vw)*34)}}}.msg{line-height:1.75;margin:56px auto 0;width:65.8%;@media screen and (max-width:768px){font-size:calc(var(--vw)*14);margin-top:calc(var(--vw)*25);width:100%}}}.btn_wrap{margin:80px auto 0;text-align:center;@media screen and (max-width:768px){margin-top:calc(var(--vw)*80)}a{@media screen and (min-width:769px){transition:.3s;&:hover{opacity:.7}}}.btn_workfield{background:#c03;color:#fff;display:block;font-size:calc(var(--rem)*20);font-weight:700;letter-spacing:.2em;margin:auto;padding:34px;position:relative;text-align:center;width:630px;@media screen and (max-width:768px){font-size:calc(var(--vw)*14);line-height:normal;padding:calc(var(--vw)*34);text-align:left;width:100%}&:after{border-bottom:3px solid transparent;border-left:10px solid #fff;border-top:3px solid transparent;bottom:0;content:"";display:block;height:0;margin:auto;position:absolute;right:20px;top:0;width:0;@media screen and (max-width:768px){border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:calc(var(--vw)*3);border-left-color:#fff;border-left-style:solid;border-left-width:calc(var(--vw)*10);border-top-color:transparent;border-top-style:solid;border-top-width:calc(var(--vw)*3);right:calc(var(--vw)*20)}}}}#company_group{margin-top:130px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*90)}.list{display:flex;flex-wrap:wrap;gap:60px min(40px,3.8%);@media screen and (max-width:768px){flex-direction:column;gap:calc(var(--vw)*20)}.item{align-items:center;display:flex;flex-direction:column;width:30.8%;@media screen and (min-width:769px){transition:opacity .3s;&:hover{opacity:.7}}@media screen and (max-width:768px){width:100%}.txt_area{align-items:center;display:flex;flex-direction:column;height:100%;opacity:1;padding:20px 20px 30px;position:relative;@media screen and (max-width:768px){padding:calc(var(--vw)*20) calc(var(--vw)*20) calc(var(--vw)*30)}&:before{background:#eaeaea url(../../../../../img/work/recruit/group-company/bg_tb.gif);content:"";display:block;height:100%;left:50%;opacity:.5;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.area{background:rgba(204,0,51,.5);border-radius:10px;color:#fff;display:inline-block;font-size:calc(var(--rem)*14);font-weight:700;line-height:normal;max-width:152px;padding:4px;position:relative;text-align:center;width:100%;@media screen and (max-width:768px){border-radius:calc(var(--vw)*5);font-size:calc(var(--vw)*12);max-width:100%;padding:calc(var(--vw)*2);width:calc(var(--vw)*140)}}.name{color:#c03;display:block;font-size:calc(var(--rem)*16.1);font-weight:700;margin-top:16px;padding-bottom:10px;position:relative;text-align:center;-webkit-text-decoration:#c03;text-decoration:#c03;width:100%;@media screen and (max-width:768px){font-size:calc(var(--vw)*14.5);margin-top:calc(var(--vw)*16);padding-bottom:calc(var(--vw)*10)}&:after{background-color:rgba(204,0,51,.5);bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:85%}}.msg{color:initial;display:block;font-size:calc(var(--rem)*14);font-weight:400;margin-top:15px;position:relative;text-align:justify;@media screen and (max-width:768px){font-size:calc(var(--vw)*13);margin-top:calc(var(--vw)*15)}}}.bar_area{background:#c03 url(../../../../../img/work/recruit/group-company/ico_new_tab_w.svg) no-repeat right 10px center;background-size:14px;color:#fff;display:block;font-size:calc(var(--rem)*14);margin-top:auto;padding:4px 32px 4px 4px;text-align:right;width:100%;@media screen and (max-width:768px){background-size:calc(var(--vw)*12);font-size:calc(var(--vw)*12);padding:calc(var(--vw)*4) calc(var(--vw)*32) calc(var(--vw)*4) calc(var(--vw)*4)}}}}}}