#product5{overflow: hidden;}
section > article{padding: 95px 0 120px;}
section > article:nth-of-type(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_60{font-size: 60px; font-weight: 700; line-height: 1; margin-bottom: 60px; padding-bottom: 50px; border-bottom: solid 1px #ddd;}
.fs_30{font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -.75px;color: #000;}
.fs_17{font-size: 17px; font-weight: 400; letter-spacing: -.43px; color: #333;}

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

.flex_wrap{display: flex; justify-content: space-between; margin-top: 38px;}
.flex_wrap .img{flex-shrink: 0; overflow: hidden; border: solid 1px #ddd;}
.flex_wrap .img img{transition: .3s;}
.flex_wrap .img:hover img{transform: scale(1.1);}
.dot_list{border-top: solid 2px #000; margin-left: 53px; flex-shrink: 0; width: 447px;}
.dot_list li{padding: 22.5px 0; border-bottom: solid 1px #ddd; position: relative; padding-left: 14px;}
.dot_list li::before{content: ''; display: block; width: 5px; height: 5px; background-color: #333; position: absolute; left: 0; top: 30px;}