@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 solution.css

+++++++++++++++++++++++++++++++ */

/*
トップ
-----------------------------------*/

#solution_system .phase {
    margin: 0 10px 10px;;
    border: 3px solid #99b2c1;
    background: #fff;
}

#solution_system .title {
    margin: 10px 0;
    color: #003f65;
    font-size: 16px;
    text-align: center;
}
#solution_system .phase p {
    font-size: 12px;
}
#solution_system .phase p span { font-size: 10px; }
#solution_system .phase ul {
    display: block;
    width: 200px;
    margin: 0 auto 10px;
}
#solution_system .phase li {
    clear: left;
    margin: 0 2px 3px 0;
    padding: 3px 0 2px;
    background: #003f65;
    color: #fff;
    text-align: center;
    font-size: 11px;
}
#solution_system .phase .half {
    float: left;
    clear: none;
    width: 98px;
}
#solution_system .inner > p {
    clear: both;
    padding-top: 10px;
    color: #fff;
    text-align: center;
}

/*
開発事例
-----------------------------------*/
#solution_case  .heading03,
#solution_case > div {
    margin: 0 10px;
}
#solution_case  .heading03 { margin-bottom: 30px; }
#solution_case .item {
    float: left;
    -webit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}
#solution_case .item:nth-child(odd) {
    clear: left;
    padding-right: 3px;
}
#solution_case .item:nth-child(even) { padding-left: 3px; }
#solution_case .item:nth-child(n+3) { margin-top: 20px; }

#solution_case .item .site {
    margin: 0 0 5px;
}
#solution_case .item img { width: 100%; }
#solution_case .tag { padding: 0; }
#solution_case .tag li {
    float: left;
    margin-bottom: 3px;
    padding: 1px 3px;
    background: #003f65;
    font-size: 10px;
}
#solution_case .tag li:not(:last-child ) { margin-right: 5px; }
#solution_case p {
    margin: 0;
}