/*mainimage ----------------------------------------------------*/ #mainimage { background: url("../images/top/bg_mainimage.png") repeat center center; box-sizing: border-box; padding: 24px 0; } .mainimage_pc { width: 100%; overflow: hidden; position: relative; } .mainimage_img { width: 100%; margin: 0 auto; text-align: center; line-height: 0; } .mainimage_img img { width: auto; max-width: 100%; height: auto; } .mainimage_sp { display: none; } .top_course { background: #dce8be; padding: 34px 0; } .top_course_wrap { width: 95%; max-width: 1034px; margin: 0 auto; padding: 0 2.5%; } .top_course_list { display: flex; justify-content: space-between; } .top_btn_info { text-align: center; margin-top: 30px; } .top_btn_info img { width: auto; max-width: 100%; height: auto; } .top_course_list li { width: calc(100% / 3); margin-right: 20px; } .top_course_list li:last-of-type { margin-right: 0; } .top_course_list li img { width: auto; max-width: 100%; height: auto; }