.business-area-content {
    position: relative;
    color: #333;
}

.business-area-content .business-area-title {
    background: #e0e0e0;
    position: relative;
    width: 11.875rem;
    height: 11.875rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}


.business-area-content .business-area-title:before {

    position: absolute;
    border: 0.5rem solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #333;
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content:'';

}

.business-area-content .business-area-title span {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.4;
    width: 7.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    display: block;
}


.business-area-content .business-area-title:after {
    width: 1px;
    background: #bebebe;
    position: absolute;
    top: 100%;
    left: 50%;
    content: '';
    height: 1.25rem;
    margin-left: -.5px;
}
.business-area-content .business-area-body {
    position: relative;
}

.business-area-content .solutions {
    display: flex;
    margin: 0 -0.75rem;
    padding-top: 1.25rem;
    flex-wrap: wrap;
}


.business-area-content .solutions li {
    flex: 0 1 33.333333%;
    padding: 0 0.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    padding-top: 7.5rem;
    position: relative;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: calc(33.333333% - 1.5rem);
}


.business-area-content .solutions.solutions-half li {
    flex-basis: 50%;
    -ms-flex-preferred-size: calc(50% - 1.5rem);
}

.business-area-content .solutions li:before {
    width: 1px;
    background: #bebebe;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    height: 7.5rem;
    margin-left: -.5px;
}


.business-area-content .solutions li:after {
    height: 1px;
    background: #bebebe;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    margin-top: -.5px;
}

.business-area-content .solutions li:first-child:after {
    width: 50%;
    left: 50%;
}


.business-area-content .solutions li:nth-child(3):after {
    width: 50%;
    right: 50%;
}

.business-area-content .solutions li:nth-child(n+4):after {
    content: none;
}


.business-area-content .solutions.solutions-half li:nth-child(2):after {
    width: 50%;
    right: 50%;
}

.business-area-content .solutions.solutions-half li:nth-child(n+3):after {
    content: none;
}


.business-area-content .solutions .solution-item {
    position: relative;
    background: #f6f6f6;
    padding-top: 4.375rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.business-area-content .solutions .solution-item dt {
    position: absolute;
    margin: 0 auto;
    width: 10.875rem;
    height: 10.875rem;
    background: #46bebe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -5.4375rem;
    margin-left: -5.4375rem;
    left: 50%;

}

.business-area-content .solutions .solution-item dt > strong {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.4;
    width: 8rem;
    position: absolute;
    font-weight: 700;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    display: block;
}

.business-area-content .solutions .solution-item dd {
    font-size: 1rem;
    line-height: 1.75;
    padding: 3.125rem;
}


.business-area-content02 {}

.business-area-content02 .solutions {
    background: #fafafa;
    display:flex;
    padding:5rem 5rem 5rem;
}

.business-area-content02 .solutions li {
    flex: 0 1 33.33333%;
    font-size:100%;
    padding-right:4rem;
}

.business-area-content02 .solutions_type02 li {
    flex: 0 1 50%;
}

.business-area-content02 .solutions_type03 li {
    flex: 0 1 25%;
    padding:0 3rem 0 0;
}

.business-area-content02 .solutions dl dt {
    padding-bottom:1.563rem;    
}

.business-area-content02 .solutions li:last-child{
    padding-right:0;
}


.business-area-content02 .solutions dl dt strong {
    font-weight: 700;
    font-size:1.25rem;
    
}

.business-area-content02 .solutions dl dd p {
    font-weight: 400;
    line-height: 1.5;
}