テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
.two_column02 { display: flex; flex-wrap: wrap; margin: 0 0 50px; gap: 40px 40px; } .two_column02:last-child { margin: 0; } .two_column02 li { width: calc((100% - 40px) / 2); background: #fff; position: relative; } .two_column02_img_box { margin: 0 0 15px; text-align: center; } .two_column02_txt_box { padding: 20px 10px 30px; box-sizing: border-box; } .two_column02_tit { font-size: 22px; font-size: 2.2rem; text-align: center; color: #444; font-weight: 500; letter-spacing: 0.2em; display: flex; flex-direction: column; align-items: center; margin: 0 0 25px; } .two_column02_tit:after { content: ''; width: 30px; height: 3px; background: var(--sub-color); margin: 10px 0 0; } @media (max-width : 810px){ .two_column02 { gap: 30px 30px; } .two_column02 li { width: 100%; } .two_column02_tit { font-size: 21px; font-size: 2.1rem; } } @media (max-width : 640px){ .two_column02_tit { font-size: 20px; font-size: 2.0rem; } }