html {
font-size: 62.5%;
}

body {
background-color: #ffffff;
color: #363636;
font-size: 1.4rem;
font-family: "Noto Serif JP", serif, "FOT-筑紫Aオールド明朝 Pr6 M", "游明朝体",
"游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
"ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height: 1.8;
font-feature-settings: "palt" 1;
-webkit-font-smoothing: antialiased;
}
img {
vertical-align: bottom;
}
figure {
margin-left: 0 ;
}
#whj_works a {
color: #363636;
font-size: 1.4rem;
}

#whj_works a img:hover {
opacity: 0.7;
}



/* ------------------------------------
■　タイトル
------------------------------------ */
#whj_works div h2 {
font-size: 2.6rem;
line-height: 1.4;
margin: 60px auto 20px auto;
text-align: center;
}
#whj_works div h2 span {
font-size: 1.2rem;
color: #be6d00;
vertical-align: top;
}


/* ------------------------------------
■　whj_works
------------------------------------ */
#whj_works article {
margin: 10px 0 50px 0;
}

#whj_works {
margin: 0 auto;
width: 100%;
max-width: 840px;
}
#whj_works div {
width: 100%;
max-width: 840px;
}
#whj_works h4 {
margin-bottom: -6px;
font-size: 1.7rem;
}

#whj_works ul {
display: flex;
flex-wrap: wrap;
}

#whj_works ul li a {
text-decoration: none;
}

/* ------------------------------------
■　Footer
------------------------------------ */
footer {
border-top: 1px #bbb solid;
padding-top: 100px;
margin-top: 120px;
}


@media screen and (max-width: 880px) {
#whj_works div {
width: 92%;
margin: 0 auto;
}
}

@media screen and (max-width: 599px) {
#whj_works figure {
margin-right: 25px;
width: 92%;
}
#whj_works figure img {
width: 100%;
}
#whj_works ul li {
width: 50%;
margin: 0 auto;
}
footer {
padding-top: 50px;
}
}




/*PCの場合*/
.pc {
display: inline !important;
}
.sp {
display: none !important;
}
@media screen and (max-width: 599px) {
/*タブレット、スマホの場合*/
.pc {
display: none !important;
}
.sp {
display: inline !important;
}
}