@charset "utf-8";

/* ----------------------------------------------
 ! Case
 ---------------------------------------------- */

#aside-case-list {}
#aside-case-list p { line-height:1.5; border-bottom:1px #1F518E solid; text-align:center; padding:0 0 3.07vw; font-size:4.1vw; font-weight:600; letter-spacing:0.29vw; }

@media screen and (min-width:769px){
#aside-case-list p { position:absolute; top:0; left:-43.47vw; width:18.84vw; text-align:left; padding:0 0 1.45vw; font-size:1.16vw; letter-spacing:0.14vw; }
}
@media screen and (min-width:1381px){
#aside-case-list p { left:-600px; width:260px; padding:0 0 20px; font-size:16px; letter-spacing:2px; }
}




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

#case-archive-art { margin:0 4.1vw; }
.case-archive-sec { display:flex; flex-flow:row nowrap; justify-content:space-between; border-bottom:1px #D9D9D9 solid; margin:0 0 4.1vw; padding:0 0 4.1vw; }
.case-archive-img { width:29.33vw; }
.case-archive-img a { display:block; }
.case-archive-img img { width:29.33vw; height:29.33vw; object-fit:cover; }

@media screen and (min-width:769px){
#case-archive-art { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; }
.case-archive-sec { width:28.33vw; margin:0 0 1.16vw; padding:0 0 1.16vw; }
.case-archive-img { width:8.69vw; height:8.69vw; overflow:hidden; }
.case-archive-img a {}
.case-archive-img a:hover { opacity:0.7; transition:0.6s ease; }
.case-archive-img img { width:8.69vw; height:8.69vw; transition:transform 0.6s ease; }
.case-archive-img a:hover img { transform:scale(1.1); }
}
@media screen and (min-width:1381px){
#case-archive-art {}
.case-archive-sec { width:391px; margin:0 0 16px; padding:0 0 16px; }
.case-archive-img { width:120px; height:120px; }
.case-archive-img a {}
.case-archive-img img { width:120px; height:120px; }
}




.case-archive-box { width:57.56vw; }
.case-archive-cat { padding:0 0 3.59vw; }
.case-archive-cat a { display:table; background:#1F518E; padding:2.05vw 2.56vw; font-size:3.07vw; color:#fff; text-decoration:none; }
.case-archive-tit { margin:0 0 1.8vw; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1;}
.case-archive-tit a { line-height:1.5; font-size:4.1vw; color:#25292E; font-weight:600; text-decoration:none; }
.case-archive-excerpt { line-height:1.5; font-size:3.07vw; color:#ABABAB; }
.case-archive-excerpt a { color:#1F518E; display: block;}
.case-archive-excerpt a:hover { text-decoration: none; }

@media screen and (min-width:769px){
.case-archive-box { width:17.68vw; }
.case-archive-cat { padding:0 0 1.09vw; }
.case-archive-cat a { padding:0.58vw 0.87vw; font-size:0.87vw; }
.case-archive-cat a:hover { opacity:0.7; transition:1s ease; }
.case-archive-tit { margin:0 0 0.5vw; }
.case-archive-tit a { font-size:1.16vw; }
.case-archive-tit a:hover { opacity:0.7; text-decoration:underline; transition:1s ease; }
.case-archive-excerpt { font-size:0.87vw; }
}
@media screen and (min-width:1381px){
.case-archive-box { width:244px; }
.case-archive-cat { padding:0 0 15px; }
.case-archive-cat a { padding:8px 12px; font-size:12px; }
.case-archive-tit { margin:0 0 4px; }
.case-archive-tit a { font-size:16px; }
.case-archive-excerpt { font-size:14px; }
}




#page-nav { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin:0 auto; padding:10.3vw 6.67vw; }
#page-nav a { color:#25292E; text-decoration:none; }
#page-nav a:hover { background:#1F518E; color:#fff; transition: all 1s; }
.page-numbers { display:block; min-width:8vw; height:8vw; line-height:8vw; background:#F8F9FB; text-align:center; margin:0 1.03vw; padding:0 2.56vw; font-size:3.59vw; }
#page-nav .current { background:#1F518E; font-size:3.07vw; color:#fff; }
#page-nav .dots { font-size:3.07vw; color:#25292E; }

@media screen and (min-width:769px){
#page-nav { padding:2.9vw 0 5.8vw; }
#page-nav a {}
#page-nav a:hover {}
.page-numbers { min-width:2.9vw; height:2.9vw; line-height:2.9vw; margin:0 0.29vw; padding:0 0.72vw; font-size:1.01vw; }
#page-nav .current { font-size:1.01vw; }
#page-nav .dots { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#page-nav { padding:40px 0 80px; }
#page-nav a {}
#page-nav a:hover {}
.page-numbers { min-width:40px; height:40px; line-height:40px; margin:0 4px; padding:0 10px; font-size:14px; }
#page-nav .current { font-size:14px; }
#page-nav .dots { font-size:14px; }
}




#go-to-case { margin:0 4.1vw; padding:10.25vw 0 0; }
#go-to-case a { display:flex; justify-content:center; align-items:center; height:12.3vw; border:1px #D9D9D9 solid; font-size:3.85vw; color:#25292E; font-weight:700; text-decoration:none; }

@media screen and (min-width:769px){
#go-to-case { margin:0; padding:3.62vw 0 0; }
#go-to-case a { height:3.47vw; font-size:0.94vw; }
#go-to-case a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
#go-to-case { padding:50px 0 0; }
#go-to-case a { height:48px; font-size:13px; }
}




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

#single-content {}
#archive-single-wrap { border-bottom:1px #D9D9D9 solid; margin:0 4.1vw 10.24vw; padding:0 0 12.82vw; }
#single-cat { margin:0 0 5.13vw; }
#single-cat a { display:table; background:#1F518E; padding:2.05vw 2.56vw; font-size:3.07vw; color:#fff; text-decoration:none; }
#single-content-tit { line-height:1.5; padding:0 0 12.82vw; font-size:5.38vw; font-weight:700; }
#single-index-img {}
.single-index-img-box { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 10.25vw; }
.single-index-img-tit { background:#EFF6FC; text-align:center; margin:0 0 2.67vw; padding:3.33vw; font-size:4.1vw; font-weight:600; }
.single-index-img-box dl { width:43.58vw; }
.single-index-img-box dt { margin:0 0 5.13vw; }
.single-index-img-box dt img { width:100%; height:auto; }
.single-index-img-box dd { text-align:center; font-size:3.85vw; color:#1F518E; font-weight:600; }
#single-index-txt { padding:0 0 15.38vw; }
#single-index-txt p { line-height:1.5; font-size:3.85vw; }

@media screen and (min-width:769px){
#single-content {}
#archive-single-wrap { margin:0 0 2.9vw; padding:0 0 3.98vw; }
#single-cat { margin:0 0 1.45vw; }
#single-cat a { padding:0.58vw 1.01vw; font-size:0.87vw; }
#single-content-tit { padding:0 0 3.62vw; font-size:2.39vw; }
#single-index-img {}
.single-index-img-box { width:47.1vw; margin:0 auto 2.17vw; }
.single-index-img-tit { margin:0 0 0.87vw; padding:1.01vw; font-size:1.16vw; }
.single-index-img-box dl { width:22.6vw; }
.single-index-img-box dt { margin:0 0 1.16vw; }
.single-index-img-box dt img {}
.single-index-img-box dd { font-size:1.16vw; }
#single-index-txt { padding:0 0 5.07vw; }
#single-index-txt p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#single-content {}
#archive-single-wrap { margin:0 0 40px; padding:0 0 55px; }
#single-cat { margin:0 0 20px; }
#single-cat a { padding:8px 14px; font-size:12px; }
#single-content-tit { padding:0 0 50px; font-size:33px; }
#single-index-img {}
.single-index-img-box { width:650px; margin:0 auto 30px; }
.single-index-img-tit { margin:0 0 12px; padding:14px; font-size:16px; }
.single-index-img-box dl { width:312px; }
.single-index-img-box dt { margin:0 0 16px; }
.single-index-img-box dt img {}
.single-index-img-box dd { font-size:16px; }
#single-index-txt { padding:0 0 70px; }
#single-index-txt p { font-size:16px; }
}




#single-dl { line-height:1.3; border:1px #D9D9D9 solid; }
#single-dl dt { background:#EFF6FC; padding:3.59vw 4.1vw; font-size:3.59vw; color:#1F518E; font-weight:700; }
#single-dl dd { padding:3.59vw 4.1vw; font-size:3.59vw; }
#single-dl dd small { font-size:80%; }

@media screen and (min-width:769px){
#single-dl { display:flex; flex-flow:row wrap; }
#single-dl dt { width:17.68vw; border-bottom:1px #D9D9D9 solid; padding:1.01vw 1.16vw; font-size:1.09vw; }
#single-dl dd { width:calc(100% - 17.68vw); border-bottom:1px #D9D9D9 solid; padding:1.01vw 1.16vw; font-size:1.09vw; }
#single-dl dd small {}
}
@media screen and (min-width:1381px){
#single-dl {}
#single-dl dt { width:244px; padding:14px 16px; font-size:15px; }
#single-dl dd { width:calc(100% - 244px); padding:14px 16px; font-size:15px; }
#single-dl dd small {}
}




#nav-prev-next { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 4.1vw 10.25vw; }
.prev-next-box { width:33vw; }
#nav-prev {}
#nav-next {}
.prev-next-box a { display:flex; align-items:center; color:#25292E; text-decoration:none; }
.prev-next-box dl {}
.prev-next-box dt { padding:0 0 3.33vw; }
#nav-prev dt { text-align:left; }
#nav-next dt { text-align:right; }
.prev-next-box dt img { width:33vw; height:33vw; object-fit:cover; }
.prev-next-box dd { line-height:1.5; font-size:3.33vw; }
#nav-prev dd { text-align:left; }
#nav-next dd { text-align:right; }
.prev-next-box dd span { display:block; padding:0 0 2.03vw; font-size:3.59vw; font-weight:600; }

@media screen and (min-width:769px){
#nav-prev-next { margin:0; }
.prev-next-box { width:auto; }
#nav-prev {}
#nav-next {}
.prev-next-box a {}
.prev-next-box a:hover { opacity:0.7; transition:1s ease; }
.prev-next-box dl { display:flex; justify-content:space-between; align-items:start; width:20.28vw; }
#nav-prev dl { flex-flow:row nowrap; }
#nav-next dl { flex-flow:row-reverse nowrap; }
.prev-next-box dt { width:5.8vw; padding:0; }
.prev-next-box dt img { width:5.8vw; height:5.8vw; }
.prev-next-box dd { width:13.04vw; font-size:0.94vw; }
.prev-next-box dd span { padding:0 0 0.58vw; font-size:1.01vw; }
#single-more { width:13.04vw; margin:-5.07vw auto 5.07vw; }
#single-more a:before { display:none; }
#single-more a:after { display:none; }
}
@media screen and (min-width:1381px){
#nav-prev-next {}
.prev-next-box {}
#nav-prev {}
#nav-next {}
.prev-next-box a {}
.prev-next-box dl { width:280px; }
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { width:80px; }
.prev-next-box dt img { width:80px; height:80px; }
.prev-next-box dd { width:180px; font-size:13px; }
.prev-next-box dd span { padding:0 0 8px; font-size:14px; }
#single-more { width:180px; margin:-70px auto 70px; }
}




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

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

}