@charset "UTF-8";
/* サービス全体 */
.smallContainer.flow {
    border-bottom: 1px solid #ccc;
}
/* サービスの流れ */
.flowSteps {
    margin: 0 -1rem;
}

@media (min-width: 768px) {
.flowSteps {
}
}
.flowSteps .steps {
}
.flowSteps .step {
    padding: 1.5rem 1rem;
    text-align: center;
    position: relative;
}
.flowSteps .step h4 {
    padding-top: 0.8rem;
    margin-bottom: 1.5rem;
}
.flowSteps .step h4 .number {
    display: inline-block;
    font-size: 2rem;
    width: 2em;
    line-height: 2em;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
}
.flowSteps .step h4 span {
    line-height: 2rem;
    font-size: 1rem;
}
.flowSteps .step ul {
    display: inline-block;
    text-align: justify;
}
.flowSteps .step li {
    line-height: 1.5rem;
    font-size: .875rem;
}
.flowSteps .step:nth-child(2n) {
    background-color: #f2f2f2;
}
.flowSteps .step:not(:last-child):after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 1rem solid #f2f2f2;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1rem solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -2rem;
    margin-left: -1rem;
    z-index: 99;
}
.flowSteps .step:nth-child(2n-1):after {
    border-top: 1rem solid #fff;
}
/* 設計料 */
.feeItems {
    font-family: 'Open Sans', sans-serif;
    margin: 0 -1rem;
}
.feeItems .item {
    padding: 1.5rem 1rem;
}
.feeItems .item:nth-child(2n) {
    background-color: #f2f2f2;
}
.feeItems .item div {
    text-align: center;
}
.feeItems .item h4 {
    display: inline-block;
    padding-top: 0.8rem;
}
.feeItems .item h4 .structure {
    display: inline-block;
    font-size: 2rem;
    width: 2em;
    line-height: 2em;
    border-radius: 50%;
    background-color: #333333;
    color: #ccc;
    text-align: center;
}
.feeItems .item h4 span {
    line-height: 2rem;
    font-size: 1rem;
}
.feeItems .item table {
    display: inline-block;
    border-collapse: collapse;
    padding: 1.5rem 0;
}
.feeItems .item tr {
    line-height: 3rem;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.feeItems .item td:not(:first-child) {
    padding-left: 1em;
}

@media (min-width: 768px) {
.feeItems {
}
.feeItems .item {
    display: flex;
    align-items: center;
}
.feeItems .item div {
    flex: 1;
}
}