/* common */
.technology .title-area {text-align: center;}
.technology.sub .title-area .title {font-size: 50px; font-weight: 700; color: #494e66; text-transform: uppercase; margin-bottom: 35px;}
.technology.sub .title-area .title::before {content: ''; display: block; width: 29px; height: 30px; background: url("../img/title_obj_sub.png") no-repeat center; margin: 0 auto;}
.technology .title-area .desc {font-size: 18px; font-weight: 300; color: #494e66; line-height: 2;}
.technology .title-area .desc strong {font-weight: 700; font-size: 24px; line-height: 1.5;}

/* technology */
.technology {overflow: hidden;}
.technology .inner {padding: 90px 0 100px;}
.technology .tech-head .inner {padding-bottom: 0;}
.technology h4.title {display: block; margin-bottom: 25px; font-size: 30px; font-weight: 700; color: #494e66;}
.technology h4.title::before {content: ''; display: inline-block; width: 5px; height: 29px; background: #4a65f6; margin-right: 13px; vertical-align: -2px;}

/* tab-area */
.technology .tab-area::after {content: ''; display: block; clear: both;}
.technology .tab-area .tab {float: left; width: calc((100% - 70px) / 3); margin-right: 35px; background: #ecedef; padding: 15px 0; font-size: 18px; font-weight: 400; color: #494e66;}
.technology .tab:nth-child(3n) {margin-right: 0;}
.technology .tab:hover, .technology .tab.active {background: #4a65f6; color: #fff;}

/* tech-content */
.tech-content > div:nth-of-type(2n) {background: #f7f7f7;}
.tech-content > div:nth-of-type(2n+1) {background: #fff;}
.technology .list-num {display: block; width: 40px; height: 40px; font-size: 24px; font-weight: 700; color: #fff; text-align: center;}
.technology .list-num.list-num--blue {background: #4a65f6;}
.technology .list-num.list-num--black {background: #474d66;}
.technology .list-title {font-size: 20px; font-weight: 700; line-height: 1.5; color: #494e66;}
.technology .list-title .num {font-weight: 900; color: #4a65f6;}
.technology .list-desc {font-size: 16px; font-weight: 300; line-height: 1.75; color: #494e66;}
.technology .tech-info {margin-bottom: 80px;}
.technology .tech-info .title {margin-bottom: 15px;}
.technology .tech-info .desc {font-size: 18px; font-weight: 300; line-height: 2; color: #494e66;}

/* group-point */
.technology .group-point .point-scope {margin-top: 80px;}
.technology .group-point .point-list {display: flex; flex-wrap: wrap; border-top: 1px solid #000;}
.technology .point-list .point-item {width: 50%; display: flex; justify-content: space-between; border-bottom: 1px solid #dbdce3; padding: 27px 0;}
.technology .point-list .point-item.full {width: 100%;}
.technology .point-list .num {display: block; width: 40px; height: 40px; font-size: 24px; font-weight: 700; color: #fff; text-align: center;}
.technology .point-list .num.num--blue {background: #4a65f6;}
.technology .point-list .num.num--black {background: #474d66;}
.technology .point-list .desc {width: calc(100% - (40px + 25px)); font-size: 18px; font-weight: 300; line-height: 1.67; color: #494e66; white-space: nowrap;}

/* group-necessity */
.technology .group-necessity .necessity-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.technology .necessity-list .necessity-item {width: calc((100% - 20px) / 2); border: 1px solid #ddd; background: #fff; padding: 50px 40px;}
.technology .necessity-list .necessity-item:nth-child(n+3) {margin-top: 20px;}
.technology .necessity-list .list-title {display: block; margin-bottom: 15px;}

/* group-detail */
.technology .detail-list {border-top: 1px solid #000;}
.technology .detail-list .detail-item {display: flex; justify-content: space-between; border-bottom: 1px solid #dbdce3; padding: 34px 0;}
.technology .detail-list .title-box {display: flex; justify-content: space-between; width: 20%;}
.technology .detail-list .list-title {width: calc(100% - (40px + 25px));}
.technology .detail-list .list-desc {width: 78%; white-space: nowrap;}
.technology .detail-item:nth-child(2n) .list-num {background: #474d66;}
.technology .detail-item:nth-child(2n+1) .list-num {background: #4a65f6;}