/************************************************************
solutionsList
*************************************************************/
#solutions-list .row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#solutions-list .record{
    background-color: rgba( 0, 77, 157, .9);
    width: 32%;
    margin-bottom: 2em;
}
#solutions-list .record a{
    color: #fff;
    padding: 25px 20px 25px 25px;
    display: block;
}
#solutions-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
#solutions-list li{
    width: 45px;
    font-size: 11px;
    line-height: 120%;
    text-align: center;
}
#solutions-list h3{
    font-size: 18px;
}
#solutions-list .solution-image{
    text-align: center;
}
#solutions-list .solution-image img{
    width: 100%;
    height: auto;
}
/************************************************************
solutions
*************************************************************/
#solutions-Ct img{
    vertical-align: bottom;
}
#solutions-Ct section{
    margin-bottom: 50px;
}
/* firststage
****************************************/
#firststage{
    background: url(../images/common/glid.svg);
    padding: 30px 5%;
    width: 90%;
    text-align: center;
    border-radius: 20px;
    margin: 0 0 25px 0;
    position: relative;
}
#firststage:after{
    position: absolute;
    content: "CASE";
    top: 40px;
    left: 0;
    width: 100px;
    height: 40px;
    background: #fff;
    text-align: center;
    padding-top: 20px;
    font-size: 21px;
    display: inline;
    font-weight: 800;
    color: #004d9d;
    letter-spacing: 1px;
    border-radius: 0 3px 3px 0;
}
#firststage h2{
    color: #f7e008;
    font-size: 33px;
    font-weight: 800;
    margin: 0;
    padding: 0 0 0 75px;
    text-align: left;
}
#firststage img{
    max-width: 450px;
}
/* secondstage
****************************************/
#secondstage ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
#secondstage ul li{
    width: 70px;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
}
#secondstage ul li:last-child{
    margin-right: 0;
}
#secondstage ul li img{
    width: 100%;
    height: auto;
}
/* issue
****************************************/
#issue ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 180%;
}
#issue .col-6 li:first-child{
    width: 65%;
}
#issue .col-6 li:last-child{
    width: 30%;
}
#issue .col-7 li:first-child{
    width: 70%;
}
#issue .col-7 li:last-child{
    width: 25%;
}
/* resolved
****************************************/
#resolve h2{
    position: relative;
    padding-left: 40px;
    margin: 0;
    font-weight: 800;
}
#resolve h2:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 35px;
    height: 1px;
    background: #292a2b;
}
#resolve ul{
    list-style: none;
    margin: 50px 0 50px 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#resolve .col-2 li{
    width: 48%;
}
#resolve .col-6 li{
    width: 60%;
}
#resolve p{
    font-size: 18px;
    line-height: 180%;
}
#resolve .max-w120{
    max-width: 120px;
    margin: 0 auto;
}
#resolve .max-w150{
    max-width: 150px;
    margin: 0 auto;
}
#resolve .max-w250{
    max-width: 250px;
    margin: 0 auto;
}
#resolve .max-w400{
    max-width: 400px;
    margin: 35px auto;
}
#resolve .max-w500{
    max-width: 500px;
    margin: 35px auto;
}
#resolve .max-w600{
    max-width: 600px;
    margin: 35px auto;
}
#resolve .max-w700{
    max-width: 700px;
    margin: 35px auto;
}
/* effect
****************************************/
#effect {
    background: url(../images/common/glid.svg);
    padding: 4% 5%;
    width: 90%;
    color: #fff;
}
#effect h2{
    position: relative;
    padding: 5px 20px 5px 30px;
    margin: 0 0 0 30px;
    color: #f7e008;
    display: inline;
    border: 1px solid #f7e008;
}
#effect h2:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
    width: 50px;
    height: 1px;
    background: #f7e008;
}
#effect ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#effect .col-7 li:first-child{
    width: 70%;
}
#effect .col-7 li:last-child{
    width: 25%;
}
#effect p{
    margin-top: 2em;
    font-size: 18px;
    line-height: 180%;
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 860px) {
/************************************************************
solutionsList
*************************************************************/
#solutions-list .record{
    width: 48%;
}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 760px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 620px) {
}
@media screen and (max-width: 580px) {
/************************************************************
solutionsList
*************************************************************/
#solutions-list .record{
    width: 100%;
}
/* firststage
****************************************/
#firststage h2{
    font-size: 28px;
    padding: 0 0 0 0;
    margin-top: 35px;
}
#firststage:after{
    position: absolute;
    content: "CASE";
    top: 20px;
    left: 0;
    width: 70px;
    height: 30px;
    padding-top: 10px;
    font-size: 16px;
}
/* issue
****************************************/
#issue .col-6 li:first-child{
    width: 100%;
    margin-bottom: 1em;
}
#issue .col-6 li:last-child{
    width: 100%;
}
#issue .col-7 li:first-child{
    width: 100%;
    margin-bottom: 1em;
}
#issue .col-7 li:last-child{
    width: 100%;
}
#issue .max-w150{
    max-width: 150px;
    margin: 0 auto;
}
#issue .max-w200{
    max-width: 200px;
    margin: 0 auto;
}
#issue .max-w250{
    max-width: 250px;
    margin: 0 auto;
}
/* resolved
****************************************/
#resolve .col-2 li,
#resolve .col-6 li{
    width: 100%;
}
#resolve ul{
    margin: 2em 0 50px 0;
}
/* effect
****************************************/
#effect {
    padding: 30px 5%;
}
#effect .col-7 li:first-child{
    width: 100%;
}
#effect .col-7 li:last-child{
    width: 100%;
    text-align: center;
}
#effect .col-7 li:last-child img{
    max-width: 300px;
}
}
@media screen and (max-width: 460px) {
.ttl-solutions {
    background: url("../images/solutions/title.jpg") no-repeat center center;
    background-size: auto 100%;
}
.ttl-solutions img{
    display: none;
}
}
@media screen and (max-width: 400px) {
}