body#toppage .visual{position:relative;z-index:20}body#toppage .visual .slider{position:relative}body#toppage .visual .slider img{width:100%;height:100vh;min-height:45rem;-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){body#toppage .visual .slider img{height:100vw}}body#toppage .visual .slider .slick-dots{position:absolute;bottom:2.5rem;left:0;display:flex;justify-content:center;gap:1.25rem;width:100%}@media(max-width: 768px){body#toppage .visual .slider .slick-dots{bottom:4.1666666667vw;gap:2.0833333333vw}}body#toppage .visual .slider .slick-dots li button{display:flex;align-items:center;width:3.75rem;height:2.5rem;padding:0;font-size:0;cursor:pointer}@media(max-width: 768px){body#toppage .visual .slider .slick-dots li button{width:12.5vw;height:8.3333333333vw}}body#toppage .visual .slider .slick-dots li button::before{content:"";width:100%;height:.375rem;background-color:var(--wh60);transition:background-color .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#toppage .visual .slider .slick-dots li button::before{height:1.25vw}}body#toppage .visual .slider .slick-dots li.slick-active button::before{background-color:var(--key)}body#toppage .section .subject{position:relative;display:flex;gap:.625rem;margin-bottom:2.5rem;padding-bottom:1.875rem}@media(max-width: 768px){body#toppage .section .subject{flex-direction:column;gap:1.0416666667vw;margin-bottom:6.25vw;padding-bottom:4.1666666667vw}}body#toppage .section .subject::before,body#toppage .section .subject::after{content:"";position:absolute;bottom:0;width:6.25rem;height:.375rem}@media(max-width: 768px){body#toppage .section .subject::before,body#toppage .section .subject::after{width:20.8333333333vw;height:1.25vw}}body#toppage .section .subject::before{left:0;background-color:var(--key)}body#toppage .section .subject::after{left:6.25rem;background-color:var(--orange)}@media(max-width: 768px){body#toppage .section .subject::after{left:20.8333333333vw}}body#toppage .section .subject h2{color:var(--bk);font-size:3rem;font-weight:300}@media(max-width: 768px){body#toppage .section .subject h2{font-size:7.5vw}}body#toppage .section .subject p{align-self:flex-end;margin-bottom:.1875rem;color:var(--orange);font-size:1.875rem;transition-delay:.1s}@media(max-width: 768px){body#toppage .section .subject p{align-self:flex-start;font-size:5vw}}body#toppage .section .subject p::before{content:"/ "}@media(max-width: 768px){body#toppage .section .subject p::before{display:none}}body#toppage .section .intro{display:flex;gap:2.5rem;margin-bottom:5rem}@media(max-width: 768px){body#toppage .section .intro{flex-direction:column;gap:6.25vw;margin-bottom:12.5vw}}body#toppage .section .intro .detail{flex:1 1 0%;display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem 0}@media(max-width: 768px){body#toppage .section .intro .detail{gap:6.25vw;padding:0}}body#toppage .section .intro .detail p{font-size:1.5rem;line-height:1.75}@media(max-width: 768px){body#toppage .section .intro .detail p{font-size:3.3333333333vw}}body#toppage .section .intro .detail .nav a{position:relative;display:block;padding:1.875rem;border:solid 1px var(--key);color:var(--wh);font-size:1.5rem;text-align:center;text-decoration:none;background-color:var(--key)}@media(max-width: 768px){body#toppage .section .intro .detail .nav a{padding:4.1666666667vw;font-size:3.75vw}}body#toppage .section .intro .detail .nav a::after{content:"";position:absolute;right:.625rem;bottom:.625rem;width:0;height:0;border-style:solid;border-width:0 0 .9375rem .9375rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--wh) rgba(0,0,0,0);transition:border-color .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#toppage .section .intro .detail .nav a::after{right:1.0416666667vw;bottom:1.0416666667vw;border-width:0 0 2.0833333333vw 2.0833333333vw}}body#toppage .section .intro .detail .nav a:hover{color:var(--key);background-color:var(--wh)}body#toppage .section .intro .detail .nav a:hover::after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--key) rgba(0,0,0,0)}body#toppage .section .intro .pic{flex:1 1 0%}body#toppage .section .intro .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1.875rem 0 0 1.875rem}@media(max-width: 768px){body#toppage .section .intro .pic img{border-radius:6.25vw 6.25vw 0 0}}body#toppage .section h3{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-bottom:2.5rem;color:var(--key);font-size:1.5rem;font-weight:700;text-align:center;line-height:1.25}@media(max-width: 768px){body#toppage .section h3{gap:4.1666666667vw;margin-bottom:4.1666666667vw;font-size:5vw}}body#toppage .section h3::before,body#toppage .section h3::after{content:"";width:6.25rem;height:.25rem;border-radius:.125rem;background-color:var(--key)}@media(max-width: 768px){body#toppage .section h3::before,body#toppage .section h3::after{width:6.25vw;height:.8333333333vw;border-radius:.4166666667vw}}body#toppage .section .example{display:flex;gap:2.5rem}@media(max-width: 768px){body#toppage .section .example{flex-direction:column;gap:6.25vw}}body#toppage .section .example .fig:nth-child(2){transition-delay:.2s}@media(max-width: 768px){body#toppage .section .example .fig:nth-child(2){transition-delay:.1s}}