.person{font-family:var(--font02)}.person-nav{background-color:var(--main);box-shadow:0 0 0 100vmax var(--main);clip-path:inset(0 -100vmax);padding:80px 0;display:flex;align-items:flex-start;text-align:center;max-width:1400px;margin:0 auto;margin-bottom:-1px}.person-nav .text{color:#fff;margin-bottom:30px;width:35%}.person-nav .text .main{font-size:36px;font-weight:700;margin-bottom:10px}.person-nav .text .ex{font-size:16px;line-height:1.8;margin-top:30px}.person-nav .nav-box{display:flex;justify-content:center;width:65%;gap:15px}.person-nav .nav-box .p-01,.person-nav .nav-box .p-02,.person-nav .nav-box .p-03,.person-nav .nav-box .p-04{position:relative;width:25%;background-color:#fff;border-radius:8px;overflow:hidden}.person-nav .nav-box .p-01 img,.person-nav .nav-box .p-02 img,.person-nav .nav-box .p-03 img,.person-nav .nav-box .p-04 img{width:100%;height:auto}.person-nav .nav-box .p-01 .text-box,.person-nav .nav-box .p-02 .text-box,.person-nav .nav-box .p-03 .text-box,.person-nav .nav-box .p-04 .text-box{position:absolute;bottom:0;left:0;padding:10px;border:none;margin:0}.person-nav .nav-box .text-box .number{font-size:14px;background-color:#fff;padding:5px;border-radius:4px;display:table;margin-bottom:5px}.person-nav .nav-box .text-box .ttl{font-size:18px;font-weight:700;margin-top:5px;background-color:#fff;display:inline-block;padding:0 5px}.person-nav .nav-box .text-box .ttl-en{font-size:18px;font-weight:700;margin-top:5px;background-color:#fff;display:inline-block;padding:0 5px;letter-spacing:1px}.person-nav .nav-box .right-icon{position:absolute;right:8%;bottom:5%}.person-nav .nav-box .right-icon img{width:25px;height:auto}.person .container{max-width:1400px;margin:0 auto;background-color:var(--back02);box-shadow:0 0 0 100vmax var(--back02);clip-path:inset(0 -100vmax);padding-top:80px}.person-area .main-img img{width:100%;border-radius:10px}.person-area .text-box{margin-bottom:40px;padding:35px 0;border-bottom:2px solid var(--main)}.person-area .text-box .lead p{font-size:2.2rem;font-weight:500;line-height:1.5}.person-area .text-box .lead p span{font-size:2.2rem;font-weight:400;color:var(--main)}.person-area .name p{font-size:20px;color:#333;line-height:1.6;text-align:right}.person-area .name p span{font-size:20px;margin-left:10px}.person-area .name p span:before{content:'';display:inline-block;width:1px;height:20px;background-color:#333;margin-right:10px}.person-area .ex-area{display:flex;justify-content:center;align-items:flex-start;position:relative;padding:50px 0}.person-area .ex-area .card{display:flex;justify-content:center;width:50%;position:sticky;top:0;align-self:flex-start}.person-area .ex-area .card .tate-name{writing-mode:vertical-rl;padding:20px;font-size:2.1rem;font-weight:500;text-align:center;line-height:1}.person-area .ex-area .card .tate-name p span{font-size:16px}.person-area .ex-area .card img{width:50%;height:auto;object-fit:cover;margin:0;border-radius:5px}.person-area .ex-area .ex-scroll{width:50%;padding-right:20px;margin-bottom:20px}.person-area .ex-area .ex-scroll::-webkit-scrollbar{display:none}.person-area .ex-area .ex-scroll .box{margin-bottom:40px}.person-area .ex-area .ex-scroll .box:last-child{margin-bottom:0}.person-area .ex-area .ex-scroll .lead{font-size:1.8rem;font-weight:500;color:var(--main);margin-bottom:20px;line-height:1.8}.person-area .ex-area .ex-scroll .ex{font-size:1rem;line-height:1.8;color:#333;margin-bottom:20px}.person-area .ex-area .ex-scroll .ex-img{padding:20px 0}.person-area .ex-area .ex-scroll .ex-img img{width:100%;height:auto;border-radius:10px}.person-area{display:none;opacity:0;transition:opacity .25s ease}.person-area.active{display:block;opacity:1}.nav-box div{transition:filter .3s ease}.nav-box div.dimmed{filter:brightness(50%)}.white-bar{width:100%;height:300px;position:absolute;top:1;left:0;z-index:-1;background-color:#fff;margin-top:-6%;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.photo-slide{width:100%;margin:0 auto;overflow-x:hidden}.photo-slide .swiper-wrapper{display:flex}.photo-slide .swiper-slide{flex-shrink:0;width:auto}.photo-slide img{width:98%;margin:0 auto;height:auto}.slider-dots{width:30%;margin:0 auto;padding:0;text-align:center;list-style:none}.slider-dots li{display:inline-block;width:calc(20% - 8px);margin:0 2px}.slider-dots button{position:relative;width:100%;height:4px;border:0;background-color:#fff;font-size:0}.slider-dots{width:45%;margin-right:auto;padding:0;text-align:center;list-style:none;position:relative;margin-top:10px}.slider-dots .swiper-pagination-bullet{position:relative;width:8%;height:8px;background-color:#fff;display:inline-block;margin:0 2px;border-radius:0;opacity:.5}.slider-dots .swiper-pagination-bullet-active:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--main);animation:progress 4.5s linear forwards;border-radius:0;opacity:1}@keyframes progress{from{width:0}to{width:100%}}@media screen and (max-width:1400px){.person-nav{width:80%}.person .container{width:80%}.person-area .ex-area .ex-scroll .lead{font-size:25px;letter-spacing:2px}}@media screen and (max-width:1300px){.person-nav .text .ex{font-size:14px}}@media screen and (max-width:1100px){.person-nav .text .ex{font-size:12px}.person-nav .nav-box .right-icon{position:absolute;top:5%}.person-nav{padding:60px 0 40px}.person .container{padding-top:60px}}@media screen and (max-width:850px){.person-nav{flex-direction:column;width:90%;padding:50px 0}.person-nav .nav-box .p-01,.person-nav .nav-box .p-02,.person-nav .nav-box .p-03,.person-nav .nav-box .p-04{width:fit-content}.person-nav .text{width:100%}.person-nav .nav-box{width:100%;justify-content:flex-start}.person-nav .nav-box .right-icon{bottom:80%}.person-area .ex-area{padding:10px 0;flex-direction:column}.person-area .ex-area .card{justify-content:flex-start;width:100%;position:relative}.person-area .ex-area .ex-scroll{width:100%;margin-top:30px}.person-area .ex-area .card img{width:100%;aspect-ratio:5/4;border-radius:15px}}@media screen and (max-width:650px){.person-nav{padding:25px 0}.person-nav .text .main{font-size:28px}.person-nav .text .ex{font-size:.8rem;line-height:1.6;margin-top:10px}.person-nav .nav-box{width:100%;flex-wrap:wrap;gap:10px}.person-nav .nav-box .p-01,.person-nav .nav-box .p-02,.person-nav .nav-box .p-03,.person-nav .nav-box .p-04{width:48%;margin:0}.person-nav .nav-box .right-icon{top:5%}.person .container{width:90%}.person-area .text-box{margin-bottom:25px;padding:15px 0}.person-area .text-box .lead p{font-size:20px;line-height:1.8;letter-spacing:2px}.person-area .text-box .lead p span{font-size:20px;font-weight:700}.person-area .name p{font-size:.9rem;letter-spacing:2px}.person-area .ex-area .ex-scroll .lead{font-size:20px;font-weight:600;margin-bottom:15px;line-height:1.6;letter-spacing:1px}.person-area .ex-area .ex-scroll .ex{line-height:1.8;margin-bottom:.9rem;letter-spacing:2px}.person-area .ex-area .card{width:70%}.person-area .ex-area .card .tate-name{font-size:18px}.person-area .ex-area .card .tate-name p span{font-size:12px}.person-area .name p span{font-size:18px}.person-area .name p span:before{position:relative;top:4px}.person-nav .nav-box .text-box .ttl{font-size:.9rem}.person-nav .nav-box .text-box .number{font-size:.8rem}.person-nav .nav-box .text-box .number{font-size:.8rem;padding:1px 4px;margin-bottom:1px;border-radius:2px}}