@charset "UTF-8";
/* CSS Document */

#solutionsArea #pageTitle{
background-image: url(../images/solutions_pagetop.jpg);
}





#solutionsWrap{
padding: 50px 0 120px;
}



@media screen and (max-width: 999px){
#solutionsWrap{
padding: 30px 0 60px;
}
}/*999*/





#solutionsHead h2{
font-family: "Noto Serif JP", serif;
font-size: 225%;
font-weight: 700;
text-align: center;
}

@media screen and (max-width: 999px){
#solutionsHead{
padding: 0 10px;
}
#solutionsHead h2{
font-size: min(4.4vw, 225%);
}
}/*999*/





#solutionsMain{
max-width: 1200px;
margin: 60px auto 0;
}
#solutionsMain .solutionsMainBox{
}
#solutionsMain .solutionsMainBox+.solutionsMainBox{
margin-top: 120px;
}
#solutionsMain .solutionsMainBox h2.heading{
margin-bottom: 1em;
}
#solutionsMain .solutionsMainBox .img{
display: flex;
margin: 0 0 0 -40px;
}
#solutionsMain .solutionsMainBox .img figure{
width: 25%;
padding: 0 0 0 40px;
}
#solutionsMain .solutionsMainBox .img figure.long{
width: 50%;
}
#solutionsMain .solutionsMainBox .data{
display: flex;
justify-content: space-between;
margin-top: 70px;
}
#solutionsMain .solutionsMainBox .data .txt{
width: calc(50% - 20px);
}
#solutionsMain .solutionsMainBox .data dl{
display: flex;
flex-wrap: wrap;
}
#solutionsMain .solutionsMainBox .data dl dt{
width: 120px;
border-bottom: 1px solid #111111;
padding: 25px 10px;
}
#solutionsMain .solutionsMainBox .data dl dd{
width: calc(100% - 120px);
border-bottom: 1px solid #cdcdcd;
padding: 25px 20px;
}
#solutionsMain .solutionsMainBox .data dl dt:first-child,
#solutionsMain .solutionsMainBox .data dl dt:first-child+dd{
padding-top: 0;
}
#solutionsMain .solutionsMainBox .data .txt p{
margin-top: 2em;
}
#solutionsMain .solutionsMainBox .data figure{
width: calc(50% - 20px);
}
#solutionsMain .solutionsMainBox .commonBtn{
margin-top: 60px;
}

@media screen and (max-width: 999px){
#solutionsMain{
margin: 40px auto 0;
padding: 0 10px;
}
#solutionsMain .solutionsMainBox+.solutionsMainBox{
margin-top: 80px;
}
#solutionsMain .solutionsMainBox .img{
flex-wrap: wrap;
margin: -20px 0 0 -20px;
}
#solutionsMain .solutionsMainBox .img figure{
width: 50%;
padding: 0 0 0 20px;
margin: 20px 0 0;
}
#solutionsMain .solutionsMainBox .img figure.long{
width: 100%;
}
#solutionsMain .solutionsMainBox .data{
display: block;
margin-top: 30px;
}
#solutionsMain .solutionsMainBox .data .txt{
width: auto;
}
#solutionsMain .solutionsMainBox .data dl dt{
width: 7em;
padding: 20px 10px;
}
#solutionsMain .solutionsMainBox .data dl dd{
width: calc(100% - 7em);
padding: 20px 10px;
}
#solutionsMain .solutionsMainBox .data figure{
width: auto;
margin-top: 30px;
}
#solutionsMain .solutionsMainBox .commonBtn{
margin-top: 40px;
}
}/*999*/