#content .catalogList { margin: 0 -30px; overflow: hidden; }

@media screen and (max-width: 767px) { #content .catalogList { margin: 0; } }

#content .catalogList li { position: relative; float: left; width: 33.3%; padding: 0 30px 60px; }

@media screen and (max-width: 767px) { #content .catalogList li { float: none; width: 100%; padding: 0 0 60px; } }

#content .catalogList li::after { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: calc(100% - 60px); background-color: #fff; }

@media screen and (max-width: 767px) { #content .catalogList li::after { top: -30px; left: 0; width: 100%; height: 1px; } }

#content .catalogList li:nth-child(3n + 1) { clear: left; }

#content .catalogList li:nth-child(3n + 1)::after { display: none; }

@media screen and (max-width: 767px) { #content .catalogList li:nth-child(3n + 1)::after { display: block; } }

@media screen and (max-width: 767px) { #content .catalogList li:nth-child(1):after { display: none; } }

#content .catalogList li .photo img { max-width: 100%; height: auto; }

#content .catalogList li .mainTitle { padding-bottom: 2rem; font-size: 3.2rem; font-weight: bold; line-height: 1.1; text-align: left; }

#content .catalogList li .subTitle { padding-top: 2rem; line-height: 1.1; text-align: left; }

#content .catalogList li .contentLinks .link a { padding: 1rem; }

#content .catalogList li .contentLinks .link a::after { border-width: 5px; }