/* common */
.condition .title-area {text-align: center;}
.condition.sub .title-area .title {font-size: 50px; font-weight: 700; color: #494e66; text-transform: uppercase; margin-bottom: 35px;}
.condition.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;}
.condition .title-area .desc {font-size: 18px; font-weight: 300; color: #494e66; line-height: 2;}
.condition .title-area .desc strong {font-weight: 700; font-size: 24px; line-height: 1.5;}

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

/* tab-area */
.condition .tab-area::after {content: ''; display: block; clear: both;}
.condition .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;}
.condition .tab:nth-child(3n) {margin-right: 0;}
.condition .tab:hover, .condition .tab.active {background: #4a65f6; color: #fff;}

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

/* table */
.ins-table .table-box + .table-box {margin-top: 50px;}
.ins-table table {width: 100%; border-collapse: collapse;}
.ins-table table thead th {font-size: 20px; font-weight: 700; color: #fff; background: #171c31; padding: 15px 0;}
.ins-table table.th-bd thead th {border: 1px solid rgba(255, 255, 255, .2);}
.ins-table table thead th.color {background: #1483f4;}
.ins-table thead tr + tr th {background: #474d66; font-size: 16px;}
.ins-table table tbody th {font-weight: 500; color: #171c31; background: #f3f4f7; padding: 30px;}
.ins-table table tbody td {font-weight: 300; letter-spacing: -0.4px; color: #494e66; line-height: 1.5; padding: 30px 0 30px 30px; background: #fff;}
.ins-table table tbody th, .ins-table table tbody td {font-size: 16px; border: 1px solid #dbdce3;}
.ins-table table.td-center tbody td {text-align: center; padding-left: 0;}
.ins-table table td ul li {line-height: 1.88;}
.ins-table table td ul li::before {content: ''; display: inline-block; width: 3px; height: 3px; background: #4a65f6; vertical-align: 5px; margin-right: 7px;}
.ins-table.num-table table thead th {font-size: 16px; font-weight: 500;}
.ins-table.num-table table tbody th {color: #171c31; background: #e7e9f2; padding: 17px;}
.ins-table.num-table table tbody td {padding: 17px 0 17px 17px;}
.group-flex .table-area {display: flex;}
.group-flex .table-area .table-box {width: 50%;}
.group-flex .table-area .table-box + .table-box {margin: 0 0 0 -1px;}
/* group-point */
.condition .group-point .inner > div + div {margin-top: 80px;}
.condition .group-point .ins-table {}

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

/* group-necessity */
.condition .group-necessity .condi-info {margin-bottom: 40px;}
.condition .group-necessity .necessity-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.condition .necessity-list .necessity-item {width: calc((100% - 20px) / 2); border: 1px solid #ddd; background: #fff; padding: 50px 40px;}
.condition .necessity-item + .necessity-item {margin-top: 20px;}
.condition .necessity-list .necessity-item.full {width: 100%; padding: 34px 40px;}
.condition .necessity-item.full .list-title {margin-bottom: 0;}
.condition .necessity-list .list-title {display: block; margin-bottom: 15px;}
.condition .necessity-list .list-desc {line-height: 1.88;}

/* group-theme */
.condition .group-theme {}
.condition .group-theme .theme-list {display: flex; flex-wrap: wrap;}
.condition .theme-list .theme-item {width: calc((100% - 70px) / 3); margin-right: 35px; border: 1px solid #dbdce3;}
.condition .theme-list .theme-item:nth-child(3n) {margin-right: 0;}
.condition .theme-list .theme-item:nth-child(n+4) {margin-top: 35px; }
.condition .theme-list .theme-thumb {overflow: hidden;}
.condition .theme-list .theme-thumb img {transition: .3s;}
.condition .theme-list .theme-thumb:hover img {transform: scale(1.1);}
.condition .theme-list .theme-info {}
.condition .theme-list .title-box {background: #e7e9f2; padding: 14px; border-style: solid; border-color: #e7e9f2; border-width: 1px 0;}
.condition .theme-list .list-title {}
.condition .theme-list .list-title .num {}
.condition .theme-list .info-box-wrap {}
.condition .theme-list .info-box {border-bottom: 1px solid #dbdce3;}
.condition .theme-list .info-box:last-of-type {border-bottom: none;}
.condition .theme-list .title {float: left; width: 100px; font-size: 16px; font-weight: 500; color: #171c31; background: #f3f4f7;}
.condition .theme-list .desc {overflow: hidden; background: #fff; font-size: 16px; font-weight: 300; color: #494e66;}
.condition .theme-list .title, .condition .theme-list .desc {padding: 11px 20px;}