.page-project{.maincontents{padding-bottom:193px;padding-top:67px;@media screen and (max-width:768px){padding-bottom:calc(var(--vw)*95);padding-top:calc(var(--vw)*30)}}#project_list{.intro{.text{color:var(--gray454545,#454545);font-size:16px;font-style:normal;font-weight:500;line-height:160%;text-align:center;@media screen and (max-width:768px){font-size:calc(var(--vw)*12);text-align:left}}}.sort_btn_list{margin-top:80px;text-align:center}.sort_btn{display:inline-block;margin:0 12px;position:relative}.sort_button{-webkit-appearance:none;appearance:none;border:none;color:#000;cursor:pointer;font-size:18px;font-weight:700;outline:none;padding-bottom:10px;position:relative}.sort_button:before{background-color:#c03;bottom:0;content:"";display:block;height:5px;left:0;position:absolute;transition:width .4s;width:0}.sort_btn.is_active .sort_button{color:#c03}.sort_btn.is_active .sort_button:before,.sort_btn:hover .sort_button:before,.sort_button:focus:before{width:100%}@media screen and (max-width:768px){.sort_btn_list{margin-left:calc(var(--vw)*-24);margin-top:calc(var(--vw)*60);width:calc(100% + 48px)}.sort_btn{margin:0 calc(var(--vw)*5)}.sort_button{font-size:calc(var(--vw)*14);padding:0 0 calc(var(--vw)*6) 0}.sort_button:before{height:calc(var(--vw)*4)}}.work_about_docomo_startup{font-size:14px;font-weight:700;margin-top:40px;text-align:right;@media screen and (max-width:768px){font-size:calc(var(--vw)*14)}}.work_about_docomo_startup .text_link{color:#c03;font-weight:700;text-decoration:underline}.list{display:flex;flex-wrap:wrap;gap:142px 4.16667%;margin-top:142px;@media screen and (max-width:768px){flex-direction:column;gap:calc(var(--vw)*83) 0;margin-top:calc(var(--vw)*60)}.item{position:relative;transition:opacity .4s ease-in-out;width:30.5%;@media screen and (max-width:768px){width:100%}}.item.is_animated{opacity:1}.item:hover .img>img{-webkit-transform:scale(1.08);transform:scale(1.08);transition:.8s ease}.img{overflow:hidden}.num{color:#afafaf;font-size:67px;line-height:1;position:absolute;right:-9px;top:-42px;-webkit-transform:scaleX(.8);transform:scaleX(.8);-webkit-transform-origin:0 0;transform-origin:0 0;z-index:3;@media screen and (max-width:768px){font-size:calc(var(--vw)*56);top:calc(var(--vw)*-31)}}.c_hexagon-ttl{margin-top:12px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*10)}}.hexagon-ttl-txt{font-size:16px;@media screen and (max-width:768px){font-size:calc(var(--vw)*12);padding:calc(var(--vw)*4) calc(var(--vw)*6)}}.desc{font-size:16px;font-weight:700;line-height:1.6875;margin-top:11px;position:relative;z-index:2;@media screen and (max-width:768px){font-size:calc(var(--vw)*14);line-height:1.75;margin-top:calc(var(--vw)*2)}}}}#other_project{margin-top:191px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*112)}.ttl{font-size:68px;-webkit-transform:scaleX(.8);transform:scaleX(.8);-webkit-transform-origin:0 0;transform-origin:0 0;width:130%;@media screen and (max-width:768px){font-size:calc(var(--vw)*40)}}.text{font-size:16px;font-weight:700;line-height:1.6875;margin-top:33px;@media screen and (max-width:768px){font-size:calc(var(--vw)*14)}}.img{margin-top:14px;max-width:960px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*14)}}.btn-wrap{justify-content:flex-start;margin-top:50px;@media screen and (max-width:768px){justify-content:flex-end;margin-top:calc(var(--vw)*35)}}}#banner{@media screen and (min-width:769px){margin-top:80px}@media screen and (max-width:768px){margin-top:calc(var(--vw)*50)}.list{@media screen and (min-width:769px){display:flex;justify-content:center}.item{@media screen and (min-width:769px){transition:opacity .3s;width:465px;&:hover{opacity:.7}}}}}}