@charset "utf-8";

/* ----------------------------------------------
 ! archive
 ---------------------------------------------- */

#case-archive-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 3.85vw 7.69vw; }
#case-archive-wrap::after { content:""; display:block; width:44.1vw; }
.case-archive-sec { width:44.1vw; height:75vw; border:1px #CBB9B6 solid; margin:0 0 3.85vw; padding:0 0 3.33vw; }
.case-archive-sec figure { margin:0 0 3.07vw; }
.case-archive-sec figure img { width:44.1vw; height:29.4vw; object-fit:cover; }
.case-archive-sec h2 { padding:0 2.56vw 3.07vw; font-weight:600; }
.case-archive-sec h2 a { line-height:1.4; font-size:3.85vw; color:#392B28; text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.case-archive-sec p { line-height:1.57; padding:0 2.56vw; font-size:3.33vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.case-archive-cat { position:absolute; bottom:2.56vw; right:0; }
.case-archive-cat a { display:table; padding:1.02vw 2.56vw; background:#E96F2E; font-size:2.56vw; color:#fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; }

@media screen and (min-width:769px){
#case-archive-wrap { margin:0 auto; padding:0 0 2.9vw; }
#case-archive-wrap::after { content:""; display:block; width:18.55vw; }
.case-archive-sec { width:18.55vw; height:23.91vw; margin:0 0 2.17vw; padding:0 0 1.3vw; }
.case-archive-sec figure { margin:0 0 1.45vw; }
.case-archive-sec figure img { width:18.55vw; height:12.36vw; }
.case-archive-sec h2 { padding:0 1.16vw 1.16vw; }
.case-archive-sec h2 a { font-size:1.01vw; }
.case-archive-sec p { padding:0 1.16vw; font-size:0.94vw; -webkit-line-clamp:2; }
.case-archive-cat { bottom:0.72vw; right:0; }
.case-archive-cat a { padding:0.29vw 0.72vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
#case-archive-wrap { padding:0 0 40px; }
#case-archive-wrap::after { content:""; display:block; width:256px; }
.case-archive-sec { width:256px; height:330px; margin:0 0 30px; padding:0 0 18px; }
.case-archive-sec figure { margin:0 0 20px; }
.case-archive-sec figure img { width:256px; height:171px; }
.case-archive-sec h2 { padding:0 16px 16px; }
.case-archive-sec h2 a { font-size:14px; }
.case-archive-sec p { padding:0 16px; font-size:13px; }
.case-archive-cat { bottom:10px; right:0; }
.case-archive-cat a { padding:4px 10px; font-size:12px; }
}





@media screen and (min-width:769px){

}
@media screen and (min-width:1381px){

}





/* ----------------------------------------------
 ! single
 ---------------------------------------------- */

#case-single-content { margin:0 3.85vw; }
#cae-single-art { position:relative; }
#single-content-tit { line-height:1.5; padding:7.69vw 0 5.13vw; font-size:5.13vw; font-weight:400; }
#single-cat { position:absolute; top:0; right:0; }
#single-cat a { display:block; background:#E96F2E; padding:1.03vw 4.1vw; font-size:2.82vw; color:#fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); text-decoration:none; }
#single-index-txt { line-height:2; padding:0 0 10.25vw; font-size:3.59vw; font-weight:400; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 4.1vw; }

@media screen and (min-width:769px){
#case-single-content { margin:0; }
#cae-single-art {}
#single-content-tit { padding:2.9vw 0; font-size:1.74vw; }
#single-cat {}
#single-cat a { padding:0.29vw 1.45vw; font-size:0.87vw; }
#single-index-txt { padding:0 0 3.62vw; font-size:1.01vw; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 1.16vw; }
}
@media screen and (min-width:1381px){
#case-single-content {}
#cae-single-art {}
#single-content-tit { padding:40px 0; font-size:24px; }
#single-cat {}
#single-cat a { padding:4px 20px; font-size:12px; }
#single-index-txt { padding:0 0 50px; font-size:14px; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 16px; }
}




#case-single-mv { padding:0 0 12.82vw; }
.case-single-mv-box { display:flex; flex-flow:column nowrap; justify-content:space-between; }
.case-single-mv-box dl {}
.case-single-mv-box dt { padding:0 0 5.13vw; }
.case-single-mv-box dt img { width:100%; height:auto; }
.case-single-mv-box dd { text-align:center; font-size:4.1vw; }

@media screen and (min-width:769px){
#case-single-mv { padding:0 0 4.35vw; }
.case-single-mv-box { flex-flow:row nowrap; width:54.34vw; margin:0 auto; }
.case-single-mv-box dl { width:26.08vw; }
.case-single-mv-box dt { padding:0 0 1.45vw; }
.case-single-mv-box dt img {}
.case-single-mv-box dd { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#case-single-mv { padding:0 0 60px; }
.case-single-mv-box { width:750px; }
.case-single-mv-box dl { width:360px; }
.case-single-mv-box dt { padding:0 0 20px; }
.case-single-mv-box dt img {}
.case-single-mv-box dd { font-size:16px; }
}




#case-single-table {}

@media screen and (min-width:769px){

}
@media screen and (min-width:1381px){

}






@media screen and (min-width:769px){

}
@media screen and (min-width:1381px){

}