.content { display: flex; flex-direction: column; box-sizing: border-box; width: 100vw; height: 100vh; } .content .one { border-bottom: 1px solid #000000; } .content .one input { padding: 2vw; background-color: #f1f1f1; font-size: 14px; border-radius: 5px; } .content .two { position: relative; flex-grow: 1; padding: 0 10px; } .content .two .list { margin: 10px 0 0 0; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px #cccccc; } .content .two .list .name { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; } .content .two .list .other { margin: 0 0 10px 0; } .content .two .list .other .other_1 { margin: 0 0 5px 0; } .content .two .list .other .other_1 text { font-size: 14px; color: #858585; } .content .two .list .other .other_1 text:last-child { color: #000000; word-break: break-all; } .content .two .list .btn { text-align: center; } .content .two .list:last-child { margin: 10px 0; } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view { display: flex; flex-direction: column; padding: 0 10px; } .is_bottom { text-align: center; } .is_bottom text { padding: 2vw 0; display: inline-block; color: #858585; font-size: 14px; }