@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-sec { border-bottom:1px #E5E5E5 solid; margin:0 0 10.25vw; padding:0 0 10.25vw; }
.case-archive-sec figure { margin:0 0 6.15vw; }
.case-archive-sec figure img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:2.56vw 2.56vw 0 0; }
.case-archive-sec h2 { padding:0 2.56vw 4.1vw; font-weight:600; }
.case-archive-sec h2 a { line-height:1.6; font-size:4.1vw; 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.8; margin:0 0 4.1vw; padding:0 2.56vw; font-size:3.85vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.case-archive-cat { display:flex; flex-flow:row nowrap; padding:0 2.56vw; }
.case-archive-cat li { list-style:none; }
.case-archive-cat li:not(:last-child) { margin:0 1.03vw 0 0; }
.case-archive-cat a { display:table; padding:2.05vw 2.56vw; background:#2971A9; font-size:3.07vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
#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:28.98vw; border-radius:0.72vw 0.72vw 0 0; border:1px #E5E5E5 solid; 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; border-radius:0.72vw 0.72vw 0 0; }
.case-archive-sec h2 { height:3.62vw; margin:0 0 0.72vw; padding:0 1.16vw; }
.case-archive-sec h2 a { font-size:1.16vw; }
.case-archive-sec h2 a:hover { text-decoration:underline; }
.case-archive-sec p { margin:0 0 1.16vw; padding:0 1.16vw; font-size:1.09vw; -webkit-line-clamp:3; }
.case-archive-cat { padding:0 1.16vw; }
.case-archive-cat li {}
.case-archive-cat li:not(:last-child) { margin:0 0.29vw 0 0; }
.case-archive-cat a { padding:0.43vw 0.72vw; font-size:0.8vw; }
.case-archive-cat a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#case-archive-wrap { padding:0 0 40px; }
#case-archive-wrap::after { content:""; display:block; width:256px; }
.case-archive-sec { width:256px; height:400px; border-radius:10px 10px 0 0; 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; border-radius:10px 10px 0 0; }
.case-archive-sec h2 { height:50px; margin:0 0 10px; padding:0 16px; }
.case-archive-sec h2 a { font-size:16px; }
.case-archive-sec p { margin:0 0 16px; padding:0 16px; font-size:15px; }
.case-archive-cat { padding:0 16px; }
.case-archive-cat li {}
.case-archive-cat li:not(:last-child) { margin:0 4px 0 0; }
.case-archive-cat a { padding:6px 10px; font-size:11px; }
}




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

#case-single-content {}
#single-content-tit { line-height:1.5; padding:7.69vw 4.1vw 10.25vw; font-size:5.13vw; font-weight:500; }
#single-cat { display:flex; flex-flow:row nowrap; justify-content:end; padding:0 4.1vw; }
#single-cat li { list-style:none; }
#single-cat li:not(:last-child) { margin:0 1.03vw 0 0; }
#single-cat a { display:block; background:#2971A9; padding:2.05vw 4.1vw; font-size:3.59vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
#case-single-content {}
#single-content-tit { padding:2.9vw 0; font-size:1.74vw; }
#single-cat { padding:0; }
#single-cat li {}
#single-cat li:not(:last-child) { margin:0 0.29vw 0 0; }
#single-cat a { padding:0.29vw 1.45vw; font-size:0.87vw; }
}
@media screen and (min-width:1380px){
#case-single-content {}
#single-content-tit { padding:40px 0; font-size:24px; }
#single-cat {}
#single-cat li {}
#single-cat li:not(:last-child) { margin:0 4px 0 0; }
#single-cat a { padding:4px 20px; font-size:12px; }
}




#case-single-mv { padding:0 0 4.1vw; }
.case-single-mv-box {}
.case-tab-box { display:flex; flex-flow:row nowrap; border-bottom:2px #2971A9 solid; }
.case-tab { display:flex; justify-content:center; align-items:center; width:50%; height:10.25vw; background:#C7C7C7; border-radius:2.05vw 2.05vw 0 0; font-size:4.1vw; color:#384658; font-weight:600; list-style:none; }
.case-mv-box { display:none; background:#EEF8FD; padding:5.13vw; }
.case-mv-box dt { padding:0 0 5.13vw; }
.case-mv-box dt img { width:100%; height:auto; }
.case-mv-box dd { line-height:1.6; text-align:center; font-size:4.1vw; }
.case-tab-on { background:#2971A9; color:#fff; }
.case-mv-on { display:block !important; }

@media screen and (min-width:900px){
#case-single-mv { padding:0 0 2.9vw; }
.case-single-mv-box {}
.case-tab-box {}
.case-tab { height:3.62vw; border-radius:0.58vw 0.58vw 0 0; font-size:1.16vw; }
.case-tab:hover { cursor:pointer; }
.case-mv-box { padding:3.62vw 5.07vw; }
.case-mv-box dt { padding:0 0 1.45vw; }
.case-mv-box dt img {}
.case-mv-box dd { font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#case-single-mv { padding:0 0 40px; }
.case-single-mv-box {}
.case-tab-box {}
.case-tab { height:50px; border-radius:8px 8px 0 0; font-size:16px; }
.case-mv-box { padding:50px 70px; }
.case-mv-box dt { padding:0 0 20px; }
.case-mv-box dt img {}
.case-mv-box dd { font-size:16px; }
}




#single-index-txt { line-height:2; font-size:3.85vw; font-weight:500; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 4.1vw; }

@media screen and (min-width:900px){
#single-index-txt { font-size:1.09vw; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 1.16vw; }
}
@media screen and (min-width:1380px){
#single-index-txt { font-size:15px; }
#single-index-txt p {}
#single-index-txt p:not(:last-of-type) { padding:0 0 16px; }
}




#case-single-table {}
#case-single-table th {}
#case-single-table td {}
#case-cost-breakdown { background:#F5F5F5; margin:6.15vw 0 0; padding:4.61vw; }
#case-cost-breakdown h3 { border-bottom:0.5px #384658 solid; text-align:center; margin:0 0 5.13vw; padding:0 0 3.07vw; font-size:4.1vw; color:#2971A9; font-weight:600; }
#case-cost-breakdown div {}
#case-cost-breakdown div p { line-height:1.85; font-size:3.85vw; color:#384658; font-weight:500; }
#case-risks-side-effects { height:71.79vw; overflow-y:scroll; line-height:1.84; background:#EEF8FD; margin:0 0 0 5.13vw; padding:3.85vw; font-size:3.33vw; }
#case-explanation { line-height:1.85; font-size:3.85vw; }

@media screen and (max-width:899px){
#case-single-table tr { display:flex; flex-flow:column wrap; }
#case-single-table th { width:100% !important; border-right:none; }
#case-single-table td { width:100% !important; border-right:none; }
}
@media screen and (min-width:900px){
#case-single-table {}
#case-single-table th {}
#case-single-table td {}
#case-cost-breakdown { margin:1.74vw 0 0; padding:1.74vw; }
#case-cost-breakdown h3 { margin:0 0 1.45vw; padding:0 0 0.87vw; font-size:1.16vw; }
#case-cost-breakdown div {}
#case-cost-breakdown div p { font-size:1.09vw; }
#case-risks-side-effects { height:16.66vw; margin:0 0 0 1.45vw; padding:1.09vw; font-size:0.94vw; }
#case-explanation { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#case-single-table {}
#case-single-table th {}
#case-single-table td {}
#case-cost-breakdown { margin:24px 0 0; padding:24px; }
#case-cost-breakdown h3 { margin:0 0 20px; padding:0 0 12px; font-size:16px; }
#case-cost-breakdown div {}
#case-cost-breakdown div p { font-size:15px; }
#case-risks-side-effects { height:230px; margin:0 0 0 20px; padding:15px; font-size:13px; }
#case-explanation { font-size:15px; }
}