.mb { display:none; }
.project_wrap main .content1 { width:100%; height:100vh; position:relative; }
.project_wrap main .content1 img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.project_wrap main .content2 { width:100%; height:100vh; text-align:center; display:flex; align-items:center; justify-content:center; background:#F2F0F0; }
.project_wrap main .content2 .text_box p { margin-top:30px; font-size:28px; white-space:pre-line; }
.project_wrap main .content3 { position:relative; }
.project_wrap main .content3 img { width:100%; }
.project_wrap main .content3 p { margin-top:22px; font-size:64px; font-weight:700; color:#fff; text-align:center; text-shadow:0 5px 5px rgba(0,0,0,0.15); line-height:normal; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.project_wrap main .content3 p span { font-size:40px; }
.project_wrap main .content4 img { width:100%; }
.project_wrap footer { padding:40px 0; }
.project_wrap footer .inner_wrap { margin:0 auto; display:flex; justify-content:center; }
.project_wrap footer .inner_wrap .left_box img { width:190px; }
.project_wrap footer .inner_wrap .right_box { padding-top:7px; margin-left:80px; }
.project_wrap footer .inner_wrap .right_box ul li { font-size:16px; }
.project_wrap footer .inner_wrap .right_box ul li:nth-child(3) { margin-top:10px; }

@media only screen and (max-width:768px){
    .mb { display:block; }
    .pc { display:none; }
    .project_wrap main .content1 img { width:220px; }
    .project_wrap main .content2 .text_box { width:90%; }
    .project_wrap main .content2 .text_box p { font-size:16px; white-space:initial; }
    .project_wrap main .content2 .text_box img { width:60px; }
    .project_wrap main .content3 p { margin-top:0; font-size:22px; }
    .project_wrap main .content3 p span { font-size:16px; }
    .project_wrap footer { padding:30px 0; }
    .project_wrap footer .inner_wrap { width:90%; flex-direction:column; }
    .project_wrap footer .inner_wrap .left_box { text-align:center; }
    .project_wrap footer .inner_wrap .left_box img { width:140px; }
    .project_wrap footer .inner_wrap .right_box { margin:5px 0 0 0; }
    .project_wrap footer .inner_wrap .right_box ul li { font-size:13px; text-align:center; }
}