.ttl-category{background-image:url("../../../catalog/images/catalog_header.jpg")}.wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}h3{width:100%;background-color:#efefef;padding:0.5em 1em}.how-to dl{position:relative}.how-to dl dt{font-weight:bold}.how-to dl dt::before{content:"";display:inline-block;width:calc(1em - 6px);height:calc(1em - 6px);border-radius:10px;margin:0 3px;background-color:#0064e6;position:relative;top:-1px}.how-to dl dd{margin:0;display:flex}.how-to dl dd .img{position:absolute;top:3px;left:0;width:94px}.how-to dl dd .img img{margin:0 auto}.how-to dl dd .txt{padding-left:1em}.catalog p{max-width:288px}.catalog p a{color:#333}.catalog p a:hover,.catalog p a:active{color:#333}.catalog span{display:inline-block;margin-top:10px}@media screen and (min-width: 800px), print{h3{margin-bottom:40px;font-size:20px}.how-to{width:calc(66% - 16px)}.how-to dl{line-height:24px;padding-left:115px}.how-to dl+dl{margin-top:20px}.catalog{width:calc(33% - 16px)}.catalog span{font-size:15px;line-height:22px}}@media screen and (max-width: 799px){.wrapper{margin-top:10px}h3{order:2;margin:20px 0;font-size:17px}.how-to{order:3}.how-to dl{padding-left:110px}.how-to dl+dl{margin-top:12px}.catalog{order:1;width:100%}.catalog p{width:80%;margin:0 auto}}