/* CSS */
.works_archive{
padding:80px 0;
	background: linear-gradient(160deg, #fff 1%, #ffdd2a 99%);
}

.works_archive_inner{
width:90%;
max-width:1100px;
margin:0 auto;
}

.works_archive h1{
margin-bottom:60px;
text-align:center;
font-size:4rem;
color:#1b007d;
font-weight:900;
}

.works_case{
margin-bottom:80px;
padding:50px;
background:#fff;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.works_case_title{
margin-bottom:40px;
font-size:3rem;
line-height:1.6;
color:#1b007d;
font-weight:900;
}

.works_case_profile{
display:flex;
align-items:center;
gap:30px;
margin-bottom:40px;
padding-bottom:40px;
border-bottom:1px solid #ddd;
}

.works_case_photo{
width:220px;
flex-shrink:0;
}

.works_case_photo img{
width:100%;
border-radius:15px;
display:block;
}

.works_case_company h3{
font-size:2.6rem;
margin-bottom:10px;
}

.works_case_company p{
font-size:1.8rem;
}

.works_case h4{
margin:40px 0 20px;
padding-left:15px;
border-left:6px solid #1b007d;
font-size:2.4rem;
color:#1b007d;
}

.works_case p{
font-size:1.9rem;
line-height:2;
margin-bottom:25px;
}

.works_case ul{
padding:0;
list-style:none;
}

.works_case li{
margin-bottom:15px;
padding:20px;
background:#f7f9fc;
border-radius:10px;
font-size:1.8rem;
line-height:1.8;
}

.works_case strong{
display:block;
margin-bottom:8px;
color:#1b007d;
}

.works_case blockquote{
margin-top:20px;
padding:30px;
background:#f7f9fc;
border-left:6px solid #ffdd2a;
font-size:1.8rem;
line-height:2;
border-radius:10px;
}

@media(max-width:768px){

.works_archive{
padding:40px 0;
}

.works_archive h1{
font-size:2.8rem;
}

.works_case{
padding:25px;
margin-bottom:40px;
}

.works_case_title{
font-size:2.2rem;
}

.works_case_profile{
flex-direction:column;
text-align:center;
}

.works_case_photo{
width:100%;
max-width:250px;
}

.works_case_company h3{
font-size:2rem;
}

.works_case_company p,
.works_case p,
.works_case li,
.works_case blockquote{
font-size:1.6rem;
}

.works_case h4{
font-size:1.8rem;
}

}