#product9{overflow: hidden;}
#product9 br:not(.space){display: none;}
section > article{padding: 50px 0;}
section > article:nth-of-type(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto;}

.fs_60{font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #ddd;}
.fs_30{font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -.75px;color: #000;}
.fs_17{font-size: 14px; font-weight: 400; letter-spacing: -.43px; color: #333; line-height: 1.7;}

.arrow{position: relative; padding-left: 17px;}
.arrow::before{content: ''; display: block; width: 10px; height: 15px; background: url('../img/prod_arrow.png') 50% / cover no-repeat; position: absolute; top: 5px; left: 0;}

.flex_wrap{ margin-top: 20px;}
.flex_wrap .img{flex-shrink: 0; overflow: hidden; border: solid 1px #ddd;}
.flex_wrap .img img{transition: .3s; width: 100%; height: 100%; object-fit: cover;}
.flex_wrap .img:hover img{transform: scale(1.1);}
.dot_list{border-top: solid 2px #000; margin-top: 20px; }
.dot_list li{padding: 13px 0; border-bottom: solid 1px #ddd; position: relative; padding-left: 10px;}
.dot_list li::before{content: ''; display: block; width: 4px; height: 4px; background-color: #333; position: absolute; left: 0; top: 22px;}