.page-work{.maincontents{padding-bottom:210px;@media screen and (max-width:768px){padding-bottom:calc(var(--vw)*120)}}.c_mv{@media screen and (max-width:768px){margin-bottom:calc(var(--vw)*38)}& .mv_flex{& .img_area{& .mv_img{@media screen and (max-width:768px){left:calc(var(--vw)*-30);top:calc(var(--vw)*220)}}}}}#field{margin-top:40px;@media screen and (max-width:768px){margin-top:0}.box_list{display:flex;flex-wrap:wrap;--gap:30px;gap:var(--gap);@media screen and (max-width:768px){flex-direction:column;--gap:calc(var(--vw)*16)}.box{background-color:var(--grayF5F5F5,#f5f5f5);border-top:1px solid #c03;padding:35px 30px;@media screen and (max-width:768px){background-color:#fff;padding:calc(var(--vw)*10) 0 calc(var(--vw)*14)}&.-w50{width:calc(50% - var(--gap)/2);@media screen and (max-width:768px){width:100%}}.box_ttl{color:#c03;font-size:calc(var(--rem)*28);font-weight:500;line-height:120%;@media screen and (max-width:768px){font-size:calc(var(--vw)*18)}}.work_field_list{display:flex;flex-direction:column;gap:var(--gap);margin-top:23px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*10)}.work_field_item{align-items:center;background-color:#fff;display:flex;gap:3.7%;padding-right:60px;position:relative;@media screen and (max-width:768px){background-color:#f5f5f5;gap:0;min-height:calc(var(--vw)*137);padding-right:calc(var(--vw)*30)}.img_area{width:123px;@media screen and (max-width:768px){width:calc(var(--vw)*92.25)}}.txt_area{flex:1;padding:10px;@media screen and (max-width:768px){padding:calc(var(--vw)*7.5);padding-left:0;text-align:justify}.work_field_name{color:#c03;font-size:calc(var(--rem)*16);font-weight:500;line-height:140%;@media screen and (max-width:768px){font-size:calc(var(--vw)*15)}}.work_field_exp{color:var(--gray454545,#454545);font-family:var(--sans_serif_400);font-size:calc(var(--rem)*12);line-height:120%;margin-top:5px;@media screen and (max-width:768px){font-size:calc(var(--vw)*12);margin-top:calc(var(--vw)*5)}}}&:after{background-image:url(../../../img/work/index/ico-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:24px;position:absolute;right:21px;width:24px;@media screen and (max-width:768px){height:calc(var(--vw)*18);right:calc(var(--vw)*15);width:calc(var(--vw)*18)}}@media screen and (min-width:769px){&:after{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}&:hover{&:after{-webkit-transform:translateX(5px);transform:translateX(5px)}}}}}&.-common{.work_field_list{flex-direction:row;flex-wrap:wrap;.work_field_item{width:calc(50% - var(--gap)/2);@media screen and (max-width:768px){width:100%}}}}}}}#btn_area{margin-top:100px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*30)}.btn_wrap{display:flex;justify-content:center;.btn{width:467px;@media screen and (max-width:768px){width:100%}@media screen and (min-width:769px){transition:opacity .3s;&:hover{opacity:.7}}}}}}