.chart {align-items: center;justify-content: center;margin: 6rem auto 0;position: relative;}
.chart::after {content: '';width: 50%;height: 50%;border-radius: 50%;position: absolute;left: auto;right: auto;top: 20%;bottom: auto;margin: auto;border-top: 2px solid #b9d7f2;border-left: 2px solid #b9d7f2;border-right: 2px solid #ccf0f7;border-bottom: 2px solid #ccf0f7;z-index: -1;}
.chart .part {}
.chart .part dl {width: 16rem;height: 16rem;text-align: center;box-sizing: border-box;position: relative;color: var(--navy-blue);}
.chart .part dl::before {content: "\f233";clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);position: absolute;width: 11.5rem;height: 10rem;background-color: #69d8e4;color: var(--navy-blue);font-family: "Font Awesome 5 Free";font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: 3rem;left: 0;right: 0;margin: auto;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.chart .part:nth-of-type(2) dl {top: -70%;width: 15rem;height: 15rem;}
.chart .part:nth-of-type(2) dl::before {top: -70%;}
.chart .part:nth-of-type(1) dl:first-of-type {padding: 0;top: -4rem;}
.chart .part:nth-of-type(1) dl:first-of-type::before {top: 50%;content: '\e4e5';background-color: #4fa3de;}
.chart .part:nth-of-type(1) dl:last-of-type {left: -3rem;top: 2rem;}
.chart .part:nth-of-type(1) dl:last-of-type::before {right: -120%;content: '\f610';background-color: #3166d3;}
.chart .part:nth-of-type(3) dl:first-of-type {padding: 0;top: -4rem;}
.chart .part:nth-of-type(3) dl:first-of-type::before {top: 50%;content: '\f200';background-color: #c492eb;}
.chart .part:nth-of-type(3) dl:last-of-type {right: -3rem;top: 2rem;}
.chart .part:nth-of-type(3) dl:last-of-type dt, .chart .part:nth-of-type(2) dl::before {top: -70%;}
.chart .part:nth-of-type(1) dl:last-of-type dt {padding: 2rem 0 0;}
.chart .part:nth-of-type(3) dl:last-of-type dt {padding: 2rem 0 0;}
.chart .part:nth-of-type(3) dl:last-of-type::before {left: -120%;content: '\f11c';background-color: #eb92e8;}
.chart .part dl dt {width: 100%;font-size: 2rem;font-weight: bold;}
.chart .part dl dt a {font-weight: bold;}
.chart .part dl dd {width: 100%;margin: 0;font-size: 1.25rem;}
.clever {font-weight: bold;font-size: 1.45rem;text-align: left;}
.clever a {border-radius: 50rem;padding: .2rem 1.6rem;line-height: 3rem;background: linear-gradient(90deg, #f1f1f1, #fff 30%, #fff 70%, #f1f1f1);box-shadow: 0 0 1px 2px #f1f1f1;margin: auto 0 auto 1rem;text-decoration: none;cursor: pointer;z-index: 2;}
.data_clever {margin: 1rem auto auto;}
.clever a.active:nth-of-type(1) {background: linear-gradient(-135deg, #69D8E4, #fff 30%, #fff 70%, #69D8E4);}
.clever a.active:nth-of-type(2) {background: linear-gradient(-135deg, #C492EB, #fff 30%, #fff 70%, #C492EB);}
.clever a.active:nth-of-type(3) {background: linear-gradient(-135deg, #4FA3DE, #fff 30%, #fff 70%, #4FA3DE);}
.clever a.active:nth-of-type(4) {background: linear-gradient(-135deg, #EB92E8, #fff 30%, #fff 70%, #EB92E8);}
.clever a.active:nth-of-type(5) {background: linear-gradient(-135deg, #3166D3, #fff 30%, #fff 70%, #3166D3);}
.clever span i {padding: 0 0 0 0.125rem;}
.general {border-left: 2px dotted rgb(125 224 235 / 78%);padding: 0 0 0 2rem;margin: auto 0 auto 2rem;}
.situation_table ol {display: flex;flex-wrap: wrap;}
.situation_table ol li {margin: auto 2rem auto 0;} 
.td-left td {text-align: left;}
.price {margin: 1rem auto;}
.price dl {width: calc(100%/3);font-size: 1.5rem;border-right: 1px dotted #b7b7b7;box-sizing: border-box;text-align: center;}
.price dl dt {padding: 0.25rem 0;font-weight: bold;}
.price dl dd {padding: 1rem 0;}
.price dl:nth-of-type(1) dt {background-color: #E1EFF1;color: #158591;}
.price dl:nth-of-type(2) dt {background-color: #E8E9F2;color: #4E559B;}
.price dl:nth-of-type(3) dt {background-color: #E3F4FA;color: #23A9D8;}
.price dl:nth-of-type(4) dt {background-color: #EDF4E6;color: #72A73C;}
.price dl:nth-of-type(3) {border-right: 0;}
.price dl:nth-of-type(4) {border-right: 0;}
.price small {padding: 0 0 0 0.25rem;color: #c12f54;}
.note {padding: 0.25rem 0 0;}
.note li {list-style-type: none;margin: auto 1rem auto 0;}
.price\:1\/2 dl {width: calc(100%/2);}
.price\:1\/2 dl:nth-of-type(2) {border-right: 0;}
.merge dl {width: 100%;border-right: 0;}
.merge dl:nth-of-type(1) dt {background-color: initial;}
.merge dl dt .cells {padding: 0.25rem 0;width: calc(100%/2);}
.merge dl dt .cells:first-of-type {background-color: #E1EFF1;color: #158591;border-right: 1px dotted #b7b7b7;}
.merge dl dt .cells:last-of-type {background-color: #E8E9F2;color: #4E559B;}
.unitcont ul li a.text-black {color: black;}

/**/
.ibrain_qdata {background: #f7ad19 url(../images/qdata.png) no-repeat center top / 100% auto;}
.ibrain_qdata .b_title {font-size: 1.25rem;color: black;font-weight: bold;text-shadow: initial;}
.ibrain_qdata .b_cont {font-size: 1.5rem;padding: 0;position: relative;}
.ibrain_qdata .b_cont b {position: relative;z-index: 2;padding: 0 0.75rem;color: #C62077;clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);text-shadow: initial;background-color: white;}
.ibrain_qdata .b_cont span {position: absolute;z-index: 1;width: 156px;height: 41px;display: block;background-color: #C62077;left: 0;top: -3px;clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);}

@media screen and (min-width: 1281px){   

}

@media screen and (min-width: 1024px){   
    .diversity_link {padding: 1rem 0 0;}
}

@media screen and (max-width: 1535px){   
    .clever a {padding: .2rem 1.2rem;margin: 0.25rem 0 0.25rem 0.5rem;}
}

@media screen and (max-width: 1023px) {
    .chart {margin: 3rem auto 0;width: 360px;}
    .chart::after {left: 12.5%;top: 10%;width: 60%;height: 70%;}
    .chart .part dl::before {width: 6rem;height: 5rem;font-size: 2rem;}
    .chart .part {width: calc(100%/3);}
    .chart .part dl {width: 9rem;height: 9rem;padding: 0;}
    .chart .part:nth-of-type(1) dl:first-of-type {left: -25%;top: -2rem;}
    .chart .part:nth-of-type(1) dl:first-of-type::before {top: 65%;}
    .chart .part:nth-of-type(1) dl:last-of-type::before {left: -25%;}
    .chart .part:nth-of-type(2) dl {width: 9rem;height: 9rem;left: -30%;}
    .chart .part:nth-of-type(2) dl dd {font-size: 0.9rem;}
    .chart .part:nth-of-type(3) dl {padding: 1rem 0 0;left: -40%;}
    .chart .part:nth-of-type(3) dl:first-of-type {padding: 1rem 0 0;top: -3rem;}
    .chart .part:nth-of-type(3) dl:first-of-type dd {font-size: 0.9rem;line-height: 1.1rem;}
    .chart .part:nth-of-type(3) dl:first-of-type::before {top: 75%;}
    .chart .part:nth-of-type(3) dl:last-of-type {padding: 0 0 0 3rem;}
    .chart .part:nth-of-type(3) dl:last-of-type::before {left: -60%;top: 0;}
    .chart .part dl dt {font-size: 1.25rem;}
    .chart .part dl dd {font-size: 1rem;} 
    .price dl {font-size: 1.25rem;}
    .price dl:nth-of-type(3) {border-right: 0;}    
    .price small {display: block;padding: 0;}
    .clever {padding: 1rem 0 0;font-size: 1rem;}
    .clever a {line-height: 2rem;padding: 0.2rem 0.6rem;border-radius: 2rem;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {   
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .price dl {width: 100%;border-right: 0;}
    .unitcont .title a {font-size: 1.25rem;display: block;}
    .unitcont .title a i {margin-left: 0;}
}

@media screen and (max-width: 767px) {
    .situation_table ol li {margin: 0;width: 100%;}    
    .clever a {line-height: 1.5rem;}
    .general {padding: 0 0 0 1rem;margin: auto 0 auto 1rem;}    
}