.block4 .title { text-align: center; padding-top: 57px; padding-bottom: 68px; } .block4 .title p { font-size: 42px; line-height: 88px; color: #292b33; } .block4 .title div { font-size: 16px; color: #474b59; line-height: 1.3; margin-top: 3px; } .block4 .w1400 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 100px; } .block4 .w1400 .img { font-size: 0; } .block4 .w1400 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block4 .w1400 ul li { width: 25%; text-align: center; position: relative; } .block4 .w1400 ul li::after { width: 1px; height: 77px; background-color: black; opacity: 0.1; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .block4 .w1400 ul li:first-child::after { display: none; } .block4 .w1400 ul li p { font-size: 22px; color: #000; font-family: number; } .block4 .w1400 ul li p span { font-size: 68px; font-family: number; font-weight: bold; } .block4 .w1400 ul li div { font-size: 20px; color: #333; margin-top: 13px; } @media (max-width: 750px) { .block4 .title { padding: 30px 0; } .block4 .title p { font-size: 7vw; line-height: 2; } .block4 .title div { font-size: 3.5vw; } .block4 .w1400 { padding-bottom: 50px; } .block4 .w1400 .img { margin-bottom: 30px; } .block4 .w1400 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .block4 .w1400 ul li { width: 50%; margin-bottom: 15px; } .block4 .w1400 ul li:nth-child(2n+1)::after { display: none; } .block4 .w1400 ul li p { font-size: 5vw; } .block4 .w1400 ul li p span { font-size: 7vw; } .block4 .w1400 ul li div { font-size: 14px; } }