body.categories .main .pagetitle{position:relative;display:flex;flex-direction:column-reverse;justify-content:center;gap:.625rem;height:30rem;padding:6.25rem 2.5rem 0;margin-bottom:3.75rem;background:url("../images/pagetitle_bg.jpg") no-repeat 50% 50%/cover}@media(max-width: 768px){body.categories .main .pagetitle{gap:.8333333333vw;height:50vw;margin-bottom:8.3333333333vw;padding:14.5833333333vw 4.1666666667vw 0}}body.categories .main .pagetitle::before,body.categories .main .pagetitle::after{content:"";position:absolute;aspect-ratio:1/1;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}body.categories .main .pagetitle::before{top:0;left:0;width:30rem;clip-path:polygon(0 0, 100% 0, 70% 100%, 0 100%)}@media(max-width: 768px){body.categories .main .pagetitle::before{width:50vw}}body.categories .main .pagetitle::after{bottom:-3.75rem;right:10%;width:26.25rem;clip-path:polygon(30% 0, 100% 0, 70% 100%, 0 100%)}@media(max-width: 768px){body.categories .main .pagetitle::after{bottom:-8.3333333333vw;right:4.1666666667vw;width:41.6666666667vw}}body.categories .main .pagetitle h2{position:relative;z-index:1;color:var(--wh);font-size:3rem;line-height:1.25;letter-spacing:.1em;transition-delay:.3s}@media(max-width: 768px){body.categories .main .pagetitle h2{font-size:7.5vw}}body.categories .main .pagetitle p{pointer-events:none;position:absolute;top:calc(50% - .25em);left:2.5rem;color:var(--wh20);font-family:"Qwigley",serif;font-size:9.375rem;transform:rotate(-10deg);transform-origin:0 100%;transition-delay:.2s}@media(max-width: 768px){body.categories .main .pagetitle p{left:0;font-size:18.75vw}}body.categories .main .section{position:relative;padding:5rem 0}@media(max-width: 768px){body.categories .main .section{padding:8.3333333333vw 0}}body.categories .main .section .container{display:flex;flex-direction:column;gap:3.75rem}@media(max-width: 768px){body.categories .main .section .container{gap:8.3333333333vw}}body.categories .main .section .subject{display:flex;align-items:center;gap:1.25rem}@media(max-width: 768px){body.categories .main .section .subject{flex-direction:column-reverse;align-items:stretch;gap:1.25vw}}body.categories .main .section .subject h3{color:var(--blue);font-size:2.25rem;font-weight:700}@media(max-width: 768px){body.categories .main .section .subject h3{font-size:6.25vw}}body.categories .main .section .subject p{flex-grow:1;padding-bottom:.3125rem;border-bottom:1px solid var(--orange);color:var(--orange);font-size:.875rem;font-weight:700;text-transform:uppercase;transition-delay:.2s}@media(max-width: 768px){body.categories .main .section .subject p{padding-bottom:.8333333333vw;font-size:2.9166666667vw}}body.categories .main .section .contents{position:relative;z-index:1}body.categories .main .section .contents p{font-size:1rem;line-height:1.75}@media(max-width: 768px){body.categories .main .section .contents p{font-size:3.3333333333vw}}body.categories .main .section .contents ul.list{display:flex;flex-direction:column;gap:.625rem;font-size:1rem;line-height:1.5}@media(max-width: 768px){body.categories .main .section .contents ul.list{gap:1.0416666667vw;font-size:3.3333333333vw}}body.categories .main .section .contents ul.list.horizontal{flex-direction:row;flex-wrap:wrap;gap:.3125rem 1.875rem}@media(max-width: 768px){body.categories .main .section .contents ul.list.horizontal{gap:1.0416666667vw 4.1666666667vw}}body.categories .main .section .contents ul.list>li{position:relative;padding-left:1.5em}body.categories .main .section .contents ul.list>li::before{content:"";position:absolute;top:.5em;left:0;width:1em;aspect-ratio:2/1;background-color:var(--key);clip-path:polygon(0 0, 100% 0, 80% 100%, 0 100%)}body.categories .main .section .contents ol.list{display:flex;flex-direction:column;gap:.625rem;margin-left:3.5em;font-size:1rem;line-height:1.5}@media(max-width: 768px){body.categories .main .section .contents ol.list{gap:1.0416666667vw;font-size:3.3333333333vw}}body.categories .main .section .contents ol.list>li{counter-increment:item;position:relative;padding:.3125em 0}body.categories .main .section .contents ol.list>li::before{content:counter(item, decimal) ".";position:absolute;top:.125em;left:-3.5em;display:flex;justify-content:center;align-items:center;width:3em;aspect-ratio:2/1;padding-right:.6em;color:var(--blue);font-weight:700;background-color:var(--key10);clip-path:polygon(0 0, 100% 0, 80% 100%, 0 100%)}body.categories .main .section .contents .table{width:100%;border-collapse:separate;border-spacing:0 .625rem;font-size:1rem;line-height:1.5}@media(max-width: 768px){body.categories .main .section .contents .table{font-size:3.3333333333vw;border-spacing:0}}@media(max-width: 768px){body.categories .main .section .contents .table>tbody>tr{display:flex;flex-direction:column}body.categories .main .section .contents .table>tbody>tr+tr{margin-top:4.1666666667vw}}body.categories .main .section .contents .table>tbody>tr>th,body.categories .main .section .contents .table>tbody>tr>td{position:relative;padding:1.25rem}@media(max-width: 768px){body.categories .main .section .contents .table>tbody>tr>th,body.categories .main .section .contents .table>tbody>tr>td{padding:2.0833333333vw 4.1666666667vw}}body.categories .main .section .contents .table>tbody>tr>th{color:var(--wh);font-weight:700;background-color:var(--blue)}body.categories .main .section .contents .table>tbody>tr>td{background-color:var(--wh50)}body.categories .main .section .contents .scrolltable{position:relative}body.categories .main .section .contents .scrolltable::before,body.categories .main .section .contents .scrolltable::after{content:"";position:absolute;right:0;width:6.25rem;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body.categories .main .section .contents .scrolltable::before,body.categories .main .section .contents .scrolltable::after{width:20.8333333333vw;opacity:1}}body.categories .main .section .contents .scrolltable::before{top:0;height:calc(100% - 1.25vw);background:linear-gradient(to right, var(--bk00), var(--bk50))}body.categories .main .section .contents .scrolltable::after{top:-4.1666666667vw;aspect-ratio:10/1;background-color:var(--bk50);-webkit-mask:url("../images/scroll.svg") no-repeat 50% 50%/contain;mask:url("../images/scroll.svg") no-repeat 50% 50%/contain}body.categories .main .section .contents .scrolltable.scroll::before,body.categories .main .section .contents .scrolltable.scroll::after{opacity:0}body.categories .main .section .contents .scrolltable .content{overflow:auto;padding-bottom:.125rem}body.categories .main .section .contents .scrolltable .content::-webkit-scrollbar{height:.25rem}body.categories .main .section .contents .scrolltable .content::-webkit-scrollbar-track{background-color:var(--bk10)}body.categories .main .section .contents .scrolltable .content::-webkit-scrollbar-thumb{background-color:var(--bk30)}@media(max-width: 768px){body.categories .main .section .contents .scrolltable .content{padding-bottom:.4166666667vw}body.categories .main .section .contents .scrolltable .content::-webkit-scrollbar{height:.8333333333vw}}body.categories .main .section .contents .scrolltable .content table{width:100%;border-collapse:separate;border-spacing:0;font-size:1rem;line-height:1.5}@media(max-width: 768px){body.categories .main .section .contents .scrolltable .content table{width:auto;white-space:nowrap;font-size:3.3333333333vw}}body.categories .main .section .contents .scrolltable .content table thead tr th,body.categories .main .section .contents .scrolltable .content table thead tr td{padding:.3125rem .625rem;color:var(--wh);font-weight:700;text-align:center;background-color:var(--blue)}@media(max-width: 768px){body.categories .main .section .contents .scrolltable .content table thead tr th,body.categories .main .section .contents .scrolltable .content table thead tr td{padding:1.0416666667vw 2.0833333333vw}}body.categories .main .section .contents .scrolltable .content table thead tr th:not(:last-child),body.categories .main .section .contents .scrolltable .content table thead tr td:not(:last-child){border-right:1px solid var(--wh)}body.categories .main .section .contents .scrolltable .content table tbody tr th,body.categories .main .section .contents .scrolltable .content table tbody tr td{padding:.3125rem 1.25rem;border-bottom:1px solid var(--bk10)}@media(max-width: 768px){body.categories .main .section .contents .scrolltable .content table tbody tr th,body.categories .main .section .contents .scrolltable .content table tbody tr td{padding:1.0416666667vw 2.0833333333vw}}body.categories .main .section .contents .scrolltable .content table tbody tr:nth-child(2n) th,body.categories .main .section .contents .scrolltable .content table tbody tr:nth-child(2n) td{background-color:var(--bk05)}body.categories .main .section .nav{display:flex;justify-content:center;gap:2.5rem}@media(max-width: 768px){body.categories .main .section .nav{flex-direction:column;align-items:center;gap:8.3333333333vw}}body.categories .main .section .nav .btn{cursor:pointer;position:relative;min-width:20rem;padding:1.25rem 5rem;color:var(--wh);font-size:1.125rem;font-weight:700;text-align:center;text-decoration:none;background-color:var(--orange);clip-path:polygon(8% 0, 100% 0, 92% 100%, 0 100%)}@media(max-width: 768px){body.categories .main .section .nav .btn{min-width:66.6666666667vw;padding:4.1666666667vw 14.5833333333vw;font-size:3.3333333333vw}}body.categories .main .section .nav .btn::before,body.categories .main .section .nav .btn::after{content:"";position:absolute}body.categories .main .section .nav .btn::before{top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--bk);transform:skewX(-20deg) scale(0, 1);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body.categories .main .section .nav .btn::after{top:50%;right:1.875rem;width:2.5rem;aspect-ratio:1/1;background-color:var(--wh);-webkit-mask:url("../images/icon_next.svg") no-repeat 50% 50%;mask:url("../images/icon_next.svg") no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;transform:translateY(-50%);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body.categories .main .section .nav .btn::after{right:6.25vw;width:8.3333333333vw}}body.categories .main .section .nav .btn.back{border-color:var(--bk20);color:var(--bk30);background-color:var(--bk20)}body.categories .main .section .nav .btn.back::before{background-color:var(--bk40)}body.categories .main .section .nav .btn.back::after{right:auto;left:1.875rem;background-color:var(--bk20);-webkit-mask-image:url("../images/icon_prev.svg");mask-image:url("../images/icon_prev.svg")}body.categories .main .section .nav .btn.external::after{-webkit-mask-image:url("../images/icon_external.svg");mask-image:url("../images/icon_external.svg")}@media(any-hover: hover){body.categories .main .section .nav .btn:hover::before{transform:skewX(-20deg) scale(1, 1)}body.categories .main .section .nav .btn:hover::after{transform:translateY(-50%) scale(1.5)}}