@charset "UTF-8";

.page-case-study .case-study-list+.pagination,
.page-case-study .case-study-list .case-study-01,
.page-case-study .case-study-detaie .figure-items-01 { font-size:14px;}
.page-case-study .case-study-list .case-study-article { font-size:16px;}
.page-case-study .case-study-detaie .info-items-01,
.page-case-study .case-study-detaie .voice-items-01 { font-size:16px;}
.page-case-study .case-study-detaie .title-item-01 { font-size:32px;}
.page-case-study .case-study-detaie .voice-items-01 .item-q { font-size:24px;}
.page-case-study { width:100%;}
.page-case-study .case-study-list { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; margin-top:120px;}
.page-case-study .case-study-list+.pagination { margin-top:calc(80px + 2.1429em);}
.page-case-study .case-study-list .case-study-01 { width:100%; display:flex; justify-content:space-between; position:relative;}
.page-case-study .case-study-list .case-study-01:not(:last-of-type) { padding-bottom:calc(5.1852% + 2.1429em);}
.page-case-study .case-study-list .case-study-01:not(:last-of-type)::before { transform:scaleY(0.5) translateY(50%); content:""; display:block; background-color:#d1d1d1; width:100%; height:1px; position:absolute; left:0; bottom:0;}
.page-case-study .case-study-list .case-study-01+.case-study-01 { margin-top:6.0185%;}
.page-case-study .case-study-list .case-study-article { order:2; position:relative; display:flex; flex-direction:column; justify-content:center; width:37.963%; padding-bottom:2.1875em;}
.page-case-study .case-study-list .case-study-article .list { width:100%;}
.page-case-study .case-study-list .case-study-article .list>* { padding-left:1.3em; position:relative; width:100%;}
.page-case-study .case-study-list .case-study-article .list>*+* { margin-top:.5em;}
.page-case-study .case-study-list .case-study-article .list>*::before { content:""; display:block; background-color:var(--text-base-color); width:.3em; height:.3em; left:.5em; top:.6em; position:absolute; border-radius:.3em;}
.page-case-study .case-study-list .case-study-article .article { margin-top:5.8537%; width:100%; line-height:1.875;}
.page-case-study .case-study-list .case-study-article .article * { line-height:1.875;}
.page-case-study .case-study-list .case-study-article .article>p { width:100%;}
.page-case-study .case-study-list .case-study-article .article>p+p { margin-top:.8em;}
.page-case-study .case-study-list .case-study-article .link { width:100%; display:flex; justify-content:flex-end; position:absolute; left:0; bottom:0;}
.page-case-study .case-study-list .case-study-article .link a { display:block; position:relative; padding-right:1.3em; transition:opacity 400ms;}
.page-case-study .case-study-list .case-study-article .link a::before { width:.7em; height:.7em; content:""; position:absolute; right:.4em; top:.4em; border-width:.5px .5px 0 0; border-color:var(--text-base-color); border-style:solid; transform:rotate(45deg);}
.page-case-study .case-study-list .case-study-article .link a:active { opacity:.6;}
.page-case-study .case-study-list .case-study-figure { order:1; width:56.4815%;}
.page-case-study .case-study-list .case-study-figure figure { width:47.541%; display:flow-root; position:relative;}
.page-case-study .case-study-list .case-study-figure figure img { aspect-ratio:145 / 173; object-fit:cover; width:100%;}
.page-case-study .case-study-list .case-study-figure figcaption { padding-top:0.7143em; text-align:center; width:100%; position:absolute; left:0; top:100%;}
.page-case-study .case-study-list .case-study-figure-inner { width:100%; display:flex; justify-content:space-between;}
.page-case-study .case-study-detaie { animation-duration:700ms; animation-delay:400ms; opacity:0; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards; animation-name:fade_in; max-width:800px; width:80%; margin-left:auto; margin-right:auto; margin-top:100px;}
.page-case-study .case-study-detaie .title-item-01 { width:100%; padding-bottom:.875%; color:var(--color-brown-01); position:relative;}
.page-case-study .case-study-detaie .title-item-01::before { content:""; display:block; background-color:var(--color-brown-01); left:0; bottom:0; height:2px; width:100%; position:absolute; transform:scaleY(0.5);}
.page-case-study .case-study-detaie .case-study-items-01 { width:100%;}
.page-case-study .case-study-detaie .info-items-01 { width:100%; margin-top:2.875%;}
.page-case-study .case-study-detaie .info-items-01>* { padding-left:1.3em; position:relative; width:100%;}
.page-case-study .case-study-detaie .info-items-01>*+* { margin-top:.5em;}
.page-case-study .case-study-detaie .info-items-01>*::before { content:""; display:block; background-color:var(--text-base-color); width:.3em; height:.3em; left:.5em; top:.6em; position:absolute; border-radius:.3em;}
.page-case-study .case-study-detaie .voice-items-01 { width:100%; margin-top:6.5%;}
.page-case-study .case-study-detaie .voice-items-01 .voice-01 { width:100%;}
.page-case-study .case-study-detaie .voice-items-01 .voice-01:not(:first-of-type) { margin-top:6.25%;}
.page-case-study .case-study-detaie .voice-items-01 .item-q { width:100%; position:relative; padding-left:1.0833em;}
.page-case-study .case-study-detaie .voice-items-01 .item-q::before { border-radius:0.5833em; width:0.5833em; height:0.5833em; content:""; display:block; background-color:var(--color-brown-01); position:absolute; left:.15em; top:.48em;}
.page-case-study .case-study-detaie .voice-items-01 .item-a { width:100%; line-height:1.875; margin-top:1.25%;}
.page-case-study .case-study-detaie .figure-items-01 { width:100%; display:flex; flex-wrap:wrap; text-align:center; margin-top:11%;}
.page-case-study .case-study-detaie .figure-items-01 figure { display:flow-root; width:43.5%;}
.page-case-study .case-study-detaie .figure-items-01 figure:nth-of-type(2n) { margin-left:auto;}
.page-case-study .case-study-detaie .figure-items-01 figure:nth-of-type(n+3) { margin-top:8.5%;}
.page-case-study .case-study-detaie .figure-items-01 figure img { float:left;}
.page-case-study .case-study-detaie .figure-items-01 figcaption { width:100%; float:left; padding-top:0.7143em;}

@media (min-width:768.1px) {
.page-case-study .case-study-list .case-study-01 { animation-duration:1200ms; opacity:0; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards; transform:translate3d(0, 30px, 0);}
.page-case-study .case-study-list .case-study-01.a { animation-name:fade_in_up;}
}

@media (max-width:1400px) {
.page-case-study .case-study-list { margin-top:8.5714%;}
.page-case-study .case-study-list+.pagination { margin-top:calc(5.7143% + 2.1429em);}
.page-case-study .case-study-detaie { margin-top:7.1429%;}
}

@media (max-width:900px) {
.page-case-study .case-study-list .case-study-article .link a::before { top:.3em;}
}

@media (max-width:768px) {
.page-case-study .case-study-list { width:80.7292%; margin-top:13.0208%;}
.page-case-study .case-study-list+.pagination { margin-top:calc(10.4167% + 1.95em);}
.page-case-study .case-study-list .case-study-01 { flex-direction:column; justify-content:flex-start;}
.page-case-study .case-study-list .case-study-01:not(:last-of-type) { padding-bottom:calc(11.129% + 1.95em);}
.page-case-study .case-study-list .case-study-01+.case-study-01 { margin-top:11.9355%;}
.page-case-study .case-study-list .case-study-01.a .case-study-article,
.page-case-study .case-study-list .case-study-01.a .case-study-figure { animation-name:fade_in_up;}
.page-case-study .case-study-list .case-study-article { animation-duration:1200ms; opacity:0; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards; transform:translate3d(0, 30px, 0); order:1; width:100%; padding-bottom:2.1875em;}
.page-case-study .case-study-list .case-study-article .article { line-height:1.75; margin-top:4.0323%;}
.page-case-study .case-study-list .case-study-article .article * { line-height:1.75;}
.page-case-study .case-study-list .case-study-article .link a::before { top:.4em; border-width:1.4px 1.4px 0 0;}
.page-case-study .case-study-list .case-study-figure { animation-delay:800ms; animation-duration:1200ms; opacity:0; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards; transform:translate3d(0, 30px, 0); order:2; width:100%; margin-top:6.4516%;}
.page-case-study .case-study-list .case-study-figure figure { width:46.7742%;}
.page-case-study .case-study-list .case-study-figure figcaption { padding-top:0.5em;}
.page-case-study .case-study-detaie { margin-top:13.2813%;}
.page-case-study .case-study-detaie .title-item-01 { padding-bottom:.9765625%;}
.page-case-study .case-study-detaie .info-items-01 { margin-top:6.5104%;}
.page-case-study .case-study-detaie .info-items-01>*::before { top:.63em;}
.page-case-study .case-study-detaie .voice-items-01 { margin-top:6.8359%;}
.page-case-study .case-study-detaie .voice-items-01 .voice-01:not(:first-of-type) { margin-top:6.1849%;}
.page-case-study .case-study-detaie .voice-items-01 .item-a { line-height:1.75; margin-top:1.9531%;}
.page-case-study .case-study-detaie .figure-items-01 { margin-top:11.3932%;}
.page-case-study .case-study-detaie .figure-items-01 figure { width:47.2005%;}
.page-case-study .case-study-detaie .figure-items-01 figure:nth-of-type(n+3) { margin-top:8.4635%;}
.page-case-study .case-study-detaie .figure-items-01 figcaption { padding-top:0.5em;}
}

@media (max-width:500px) {
.page-case-study .case-study-list .case-study-article .link a::before { top:.36em; border-width:1.2px 1.2px 0 0;}
}

@media (max-width:430px) {
.page-case-study .case-study-detaie .info-items-01>*::before { top:.61em;}
}

@media (max-width:400px) {
.page-case-study .case-study-detaie { width:90%;}
.page-case-study .case-study-detaie .figure-items-01 { width:98%; margin-right:auto; margin-left:auto;}
}

@media (max-width:320px) {
.page-case-study .case-study-list+.pagination,
.page-case-study .case-study-list .case-study-01,
.page-case-study .case-study-detaie .figure-items-01 { font-size:11px;}
.page-case-study .case-study-list .case-study-article,
.page-case-study .case-study-detaie .info-items-01,
.page-case-study .case-study-detaie .voice-items-01 { font-size:11px;}
.page-case-study .case-study-detaie .voice-items-01 .item-q { font-size:15px;}
.page-case-study .case-study-detaie .title-item-01 { font-size:19px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.page-case-study .case-study-list+.pagination,
.page-case-study .case-study-list .case-study-01,
.page-case-study .case-study-detaie .figure-items-01 { font-size:calc(11px + (1vw - 7.68px) * .4747);}
.page-case-study .case-study-list .case-study-article { font-size:calc(11px + (1vw - 7.68px) * .7911);}
.page-case-study .case-study-detaie .info-items-01,
.page-case-study .case-study-detaie .voice-items-01 { font-size:calc(13px + (1vw - 7.68px) * .4747);}
.page-case-study .case-study-detaie .title-item-01 { font-size:calc(26px + (1vw - 7.68px) * .9494);}
.page-case-study .case-study-detaie .voice-items-01 .item-q { font-size:calc(13px + (1vw - 7.68px) * 1.7405);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-case-study .case-study-list+.pagination,
.page-case-study .case-study-list .case-study-01,
.page-case-study .case-study-detaie .figure-items-01 { font-size:calc(11px + (1vw - 3.2px) * 2.0089);}
.page-case-study .case-study-list .case-study-article,
.page-case-study .case-study-detaie .info-items-01,
.page-case-study .case-study-detaie .voice-items-01 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-case-study .case-study-detaie .voice-items-01 .item-q { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.page-case-study .case-study-detaie .title-item-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
}

@media (hover:hover) and (pointer:fine) {
.page-case-study .case-study-list .case-study-article .link a:hover { opacity:.6;}
}