@charset "UTF-8";
main section { /* カタログ */ }
main section#catalogSct .headB { position: relative; padding: 7em 0; background: url("../img/catalog_bg.webp") no-repeat right center/cover; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#catalogSct .headB { padding: 4em 0; } }
main section#catalogSct .headB h3 { font-size: 175%; font-weight: 700; letter-spacing: .1em; width: 86%; max-width: 1200px; margin: 0 auto; }
main section#catalogSct .catalogList { margin: 0 auto 4em; width: 86%; max-width: 1280px; }
main section#catalogSct .catalogList li { display: block; background: #FFFFFF; padding: 1.5em 2em; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4); margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#catalogSct .catalogList li { padding: 1.5em; } }
main section#catalogSct .catalogList li .ttl { display: block; font-size: 125%; font-weight: 700; letter-spacing: .05em; line-height: 1.2; padding-left: .8em; border-left: 4px solid #CC0000; margin-bottom: .7em; }
main section#catalogSct .catalogList li .txt { position: relative; display: inline-block; font-size: 80%; letter-spacing: .1em; line-height: 1.4; }
main section#catalogSct .catalogList li .txt a { position: relative; display: inline-block; padding: 0 2em 0 1em; }
@media screen and (max-width: 599px) { main section#catalogSct .catalogList li .txt a { padding: 0 2.4em 0 .8em; } }
main section#catalogSct .catalogList li .txt a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1em; height: 1em; background: url("../../img/icn_arrow_box2.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#catalogSct .catalogList li .txt a::after { width: 1.8em; height: 1.8em; } }
main section#catalogSct .catalogList li .txt a span { color: #CC0000; font-weight: 700; }
main section#catalogSct .linkList { margin: 0 7% 4em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#catalogSct .linkList { flex-wrap: wrap; justify-content: center; } }
main section#catalogSct .linkList li { width: 30%; }
@media screen and (max-width: 599px) { main section#catalogSct .linkList li { width: 70%; margin-bottom: .8em; } }
main section#catalogSct .linkList li a { position: relative; display: block; border: 2px solid #737373; }
main section#catalogSct .linkList li a:hover { border-color: #FA000F; }
main section#catalogSct .linkList li a img { width: 100%; height: auto; }
main section#catalogSct .linkList li a::after { content: ""; position: absolute; z-index: 5; right: 3.5%; bottom: 3.5%; width: .7em; height: .9em; background: url("../../img/icn_arrow_box2.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#catalogSct .linkList li a::after { width: 1.2em; height: 1.4em; } }
main section#catalogSct .linkList li .atn { position: relative; padding: .3em 1% 0 6%; font-size: 70%; line-height: 1.4; }
main section#catalogSct .linkList li .atn::before { content: "※"; position: absolute; top: .3em; left: 1%; }