@charset "utf-8";/* INFO---- */.info {max-width: 1000px;margin: 0 auto 50px;padding: 0 50px;}.info h2{font-size: 1.5rem;line-height: 5rem;text-align: center;}/* ----banner---- */.top-banner{display: flex;flex-wrap:wrap;}.top-banner li {width: calc(100%/4);/*←画像を横に4つ並べる場合*/padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/box-sizing:border-box;}.top-banner li img {max-width:100%;/*画像のはみだしを防ぐ*/height: auto;/*画像の縦横比を維持 */border:solid 1px #ccc;/*←画像を1pxのグレーの枠線で囲む指定の場合*/padding:20px;}/* sp-banner */@media only screen and (max-width: 780px) {.top-banner li {width: calc(100%/2);/*←画像を横に4つ並べる場合*/padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/box-sizing:border-box;}.top-banner li img {max-width:100%;/*画像のはみだしを防ぐ*/height: auto;/*画像の縦横比を維持 */border:solid 1px #ccc;/*←画像を1pxのグレーの枠線で囲む指定の場合*/}}