.chapter .reference{background-color:#f6f6f6;padding:40px 20px;margin-bottom:70px}@media screen and (max-width:599px){.chapter .reference{padding:30px 10px}}.chapter .reference__title{font-weight:bold;font-size:2rem;text-align:center;margin:40px 0}.chapter .reference__list{display:flex;flex-wrap:wrap}@media screen and (max-width:599px){.chapter .reference__list{width:100%}}.chapter .reference__list li{width:49%;border:1px solid #ccc;transition:all .5s ease;background-color:#fff;outline:3px solid #f6f6f6}.chapter .reference__list li:hover{border:1px solid #0068b7;outline:3px solid #0068b7;background-color:#0068b7;color:#fff}.chapter .reference__list li:hover a div img{transform:scale(1.1)}.chapter .reference__list li:hover p::after{border-right:1px solid #fff;border-top:1px solid #fff}.chapter .reference__list li:first-child{margin-right:2%}.chapter .reference__list li a{display:flex;align-items:center}@media screen and (max-width:599px){.chapter .reference__list li a{display:block}}.chapter .reference__list li a div{width:100%;overflow:hidden}.chapter .reference__list li a div>.reference__img{aspect-ratio:53/20;display:block}@media screen and (max-width:599px){.chapter .reference__list li a div>.reference__img{display:none}}.chapter .reference__list li a div>.reference__imgsp{display:none}@media screen and (max-width:599px){.chapter .reference__list li a div>.reference__imgsp{aspect-ratio:4/3;display:block}}.chapter .reference__list li a div img{transform:scale(1);transition:all .5s ease}@media screen and (max-width:599px){.chapter .reference__list li{width:100%;margin-bottom:30px}.chapter .reference__list li:first-child{margin-right:0}.chapter .reference__list li:last-child{margin-bottom:0}}.chapter .other_product__txt{margin-top:86px;margin-bottom:40px;font-size:2rem;font-weight:bold;text-align:center}@media screen and (max-width:599px){.chapter .other_product__txt{margin-bottom:10px}}.color-rank-tdy{margin-bottom:50px}.color-rank-tdy li a{overflow:hidden;display:block;transition:all .5s ease;outline:4px solid #fff}.color-rank-tdy li a:hover{outline:4px solid #0068b7}.color-rank-tdy li a:hover img{transform:scale(1.1)}.color-rank-tdy li a img{width:100%;display:block;transition:all .5s ease;transform:scale(1)}@media screen and (max-width:599px){.color-rank-tdy__pc{display:none}}.color-rank-tdy__sp{display:none}@media screen and (max-width:599px){.color-rank-tdy__sp{display:block}}