@import url(https://fonts.googleapis.com/css2?family=Klee+One&display=swap);:root{--module-color:#877b32}.people{--module-color:#3dc4d0}.try{--module-color:#ff8c00}.spot{--module-color:#ffd200}.project{--module-color:#4e5faf}.people-index-itembox{display:flex;flex-wrap:wrap;justify-content:center;gap:3vw}.people-index-itembox .item{width:29%;padding:.5vw;border:1px var(--module-color) solid;border-radius:20vw;text-align:center;font-size:clamp(1.28rem,1.25vw,2.4rem);cursor:pointer;transition:all .3s ease}.people-index-itembox .item.active{background:var(--module-color);border-color:var(--module-color);color:#fff;pointer-events:none}.people-index-itembox .item:hover{background:#fff;color:var(--module-color)}.people-img-wrap{width:100%;display:none}.people-img-wrap .people-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5vw}.people-img-wrap .people-list .people-img-box .img-txt{display:flex;flex-direction:column;position:relative}.people-img-wrap .people-list .people-img-box .img-txt .photo{border-radius:12px;overflow:hidden;height:25vw}.people-img-wrap .people-list .people-img-box .img-txt .photo img{width:100%;height:100%;object-fit:cover;background:#00a5ba}.people-img-wrap .people-list .people-img-box .img-txt .name-box{width:fit-content;display:flex;flex-direction:column;justify-content:center;gap:.5vw 0;position:relative;z-index:2;margin-top:1vw}.people-img-wrap .people-list .people-img-box .img-txt .name-box::before{content:"";position:absolute;left:-2vw;width:9vw;height:9vw;background:url(../images/people/wave-img.webp) no-repeat center top;background-size:contain;z-index:-1;top:50%;transform:translateY(-50%) translateX(0)}.people-img-wrap .people-list .people-img-box .img-txt .name-box .title{display:flex;align-items:baseline;color:var(--module-color);font-size:clamp(1.14rem,1.11vw,2.13rem);line-height:1.4;letter-spacing:.15em;font-weight:600}.people-img-wrap .people-list .people-img-box .img-txt .name-box .title span{font-size:clamp(1.28rem,1.25vw,2.4rem);font-weight:inherit}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name{display:flex;align-items:baseline;flex-wrap:wrap;font-size:clamp(1.28rem,1.25vw,2.4rem);line-height:1.4;letter-spacing:.1em}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name span{font-size:clamp(1.1rem,.83vw,1.6rem)}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name span.company{font-size:clamp(1.1rem,.97vw,1.87rem)}.people-img-wrap.active{display:block}.title-category-box{display:flex;justify-content:center;margin:12.5vw 0 0;position:relative}.title-category-box .person-card{padding:4vw 6vw;background:#fff;border-radius:1.5vw;position:relative;z-index:0}.title-category-box .person-card::before{content:"";position:absolute;top:-4.5vw;left:50%;transform:translateX(-50%);width:12vw;height:12vw;background:url(../images/people/wave-img.webp) no-repeat center top;background-size:contain;z-index:-1}.title-category-box .person-card .category-title{margin-top:-1.5em;margin-bottom:.5em;color:#fff;line-height:1;position:relative;z-index:2}.title-category-box .person-card .person-subtitle{color:var(--module-color);font-size:clamp(1.42rem,1.39vw,2.67rem);font-weight:500;text-align:center;margin-bottom:2em}.title-category-box .person-card .person-subtitle span{font-size:clamp(1.99rem,1.94vw,3.73rem);font-weight:700;margin:0 .3vw}.title-category-box .person-card .person-name{display:flex;align-items:baseline;justify-content:center;gap:0 1em;margin-bottom:2vw}.title-category-box .person-card .person-name .company{font-size:clamp(1.42rem,1.39vw,2.67rem);font-weight:500}.title-category-box .person-card .person-name .name{font-size:clamp(1.99rem,1.94vw,3.73rem);font-weight:600}.title-category-box .person-card .person-name .name span{display:inline-block;margin-left:.5em;font-size:clamp(1.42rem,1.39vw,2.67rem)}.title-category-box .person-card .person-text{font-size:clamp(1.14rem,1.11vw,2.13rem);line-height:2.2}.interview-question{background:var(--module-color);padding:.7vw 4vw;border-radius:1vw;color:#fff;font-size:clamp(1.28rem,1.25vw,2.4rem);font-weight:600}.interview-box{margin:0 4vw 5vw 4vw}.interview-box .interview-title{color:#000;font-size:clamp(1.28rem,1.25vw,2.4rem);font-weight:600;margin:2vw 0}.interview-box .interview-imgbox .imgbox{width:100%;overflow:hidden}.interview-box .interview-imgbox .imgbox img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.interview-box .interview-imgbox.one .imgbox{width:100%}.interview-box .interview-imgbox.two{display:flex;gap:1.6rem}.interview-box .interview-imgbox.two .imgbox{flex:1}.interview-box .interview-imgbox.two-line{display:flex;gap:1.6rem;align-items:stretch}.interview-box .interview-imgbox.two-line .imgbox{flex:2;overflow:hidden}.interview-box .interview-imgbox.two-line .imgbox-two-line{flex:1;display:flex;flex-direction:column;gap:1.6rem}.interview-box .interview-imgbox.two-line .imgbox-two-line.small{flex:1;position:relative}.interview-box .interview-imgbox.two-line .imgbox-two-line.small .twoline{flex:1;overflow:hidden}.interview-box .interview-imgbox.two-line .imgbox-two-line.small .twoline img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}ul.people-other-list{margin-top:5vw;width:100%;display:flex;justify-content:center;gap:2vw}ul.people-other-list li{width:calc((100% - 6vw)/ 4)}ul.people-other-list li a{width:100%;display:flex;flex-direction:column;align-items:center}ul.people-other-list li a .img-box{width:15vw;height:15vw;overflow:hidden;margin:0 auto 1vw}ul.people-other-list li a .img-box image{width:100%;height:100%;object-fit:cover;display:block;background:#666}ul.people-other-list li a .text-box{text-align:center;display:flex;flex-direction:column}ul.people-other-list li a .text-box .position{margin-top:-2.7vw;width:15vw;height:fit-content;min-height:2.8vw;padding:.5vw 1.5vw;background:#fff;border:solid 1px var(--module-color);border-radius:20vw;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;color:var(--module-color);font-size:clamp(1.28rem,1.25vw,2.4rem);font-family:"Kosugi Maru",sans-serif;font-weight:400;line-height:1.3}ul.people-other-list li a .text-box .position span{font-size:clamp(1.1rem,.97vw,1.87rem);font-family:"Kosugi Maru",sans-serif}ul.people-other-list li a .text-box .title{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;font-size:clamp(1.1rem,.97vw,1.87rem);margin-top:.5rem;line-height:1.5}ul.people-other-list li a .text-box .title span{font-size:clamp(1.35rem,1.32vw,2.53rem);font-weight:600}ul.people-other-list li a .text-box .name{display:flex;align-items:baseline;justify-content:center;gap:.5em;font-size:clamp(1.28rem,1.25vw,2.4rem);font-weight:500;line-height:1.7em}ul.people-other-list li a .text-box .name span{font-size:clamp(1.1rem,.97vw,1.87rem);font-weight:inherit}@media screen and (max-width:1024px) and (orientation:portrait){.people-index-itembox .item{width:fit-content;min-width:calc((100% - 3vw)/ 2);padding:.5vw 2vw}.people-index-itembox .item .text{font-size:clamp(1.3rem,3.47vw,1.49rem);letter-spacing:.1em}.people-img-wrap .people-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10vw 5vw}.people-img-wrap .people-list .people-img-box .img-txt .photo{width:100%;height:30vh;border-radius:12px;overflow:hidden;margin:0 auto;z-index:-1;position:relative}.people-img-wrap .people-list .people-img-box .img-txt .photo img{width:100%;height:100%;object-fit:cover}.people-img-wrap .people-list .people-img-box .img-txt .name-box::before{left:-4vw;width:23vw;height:23vw}.people-img-wrap .people-list .people-img-box .img-txt .name-box .title{font-size:1rem}.people-img-wrap .people-list .people-img-box .img-txt .name-box .title span{font-size:clamp(1.1rem,2.67vw,1.15rem)}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name{font-size:clamp(1.2rem,3.2vw,1.38rem)}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name span{font-size:clamp(1.1rem,2.67vw,1.15rem)}.people-img-wrap .people-list .people-img-box .img-txt .name-box .name span.company{font-size:clamp(1.1rem,2.67vw,1.15rem)}.title-category-box .person-card::before{top:-8.5vw;width:21vw;height:21vw}.title-category-box .person-card .category-title{margin-top:-.8em}.title-category-box .person-card .person-subtitle{font-size:clamp(2rem,5.33vw,2.29rem);margin-bottom:0}.title-category-box .person-card .person-subtitle span{font-size:clamp(2.8rem,7.47vw,3.21rem)}.title-category-box .person-card .person-name{flex-wrap:wrap}.title-category-box .person-card .person-name .company{font-size:clamp(1.6rem,4.27vw,1.83rem)}.title-category-box .person-card .person-name .name{font-size:clamp(2rem,5.33vw,2.29rem)}.title-category-box .person-card .person-name .name span{font-size:clamp(1.3rem,3.47vw,1.49rem)}.title-category-box .person-card .person-text{font-size:clamp(1.4rem,3.73vw,1.61rem);line-height:1.7}.interview-question{padding:1.4vw 4vw;font-size:clamp(1.8rem,4.8vw,2.06rem);line-height:1.5em;margin-bottom:2vh}.interview-box .interview-title{font-size:clamp(1.8rem,4.8vw,2.06rem);line-height:1.6em}.interview-box .interview-imgbox.two{gap:.5rem}.interview-box .interview-imgbox.two-line{gap:.5rem}.interview-box .interview-imgbox.two-line .imgbox-two-line{gap:.5rem}ul.people-other-list{flex-wrap:wrap}ul.people-other-list li{width:calc((100% - 2vw)/ 2)}ul.people-other-list li a .img-box{width:30vw;height:30vw}ul.people-other-list li a .text-box .position{margin-top:-5.5vw;width:100%;min-height:5.6vw;font-size:clamp(1.4rem,3.73vw,1.61rem)}ul.people-other-list li a .text-box .position span{font-size:clamp(1.1rem,2.93vw,1.26rem)}ul.people-other-list li a .text-box .title{font-size:clamp(1.1rem,2.93vw,1.26rem)}ul.people-other-list li a .text-box .title span{font-size:clamp(1.4rem,3.73vw,1.61rem)}ul.people-other-list li a .text-box .name{font-size:clamp(1.4rem,3.73vw,1.61rem)}ul.people-other-list li a .text-box .name span{font-size:clamp(1.1rem,2.93vw,1.26rem)}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.people-img-wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:6vw 5vw}.people-img-wrap .people-img-box .img-txt .photo{width:100%;height:23vh;border-radius:12px;overflow:hidden;margin:0 auto;z-index:-1;position:relative}.people-img-wrap .people-img-box .img-txt .photo img{width:100%;height:100%;object-fit:cover}.people-img-wrap .people-img-box .img-txt .name-box::before{left:-2vw;width:11vw;height:11vw}.people-img-wrap .people-img-box .img-txt .name-box .title{font-size:1.2rem}.people-img-wrap .people-img-box .img-txt .name-box .title span{font-size:clamp(1.1rem,1.3vw,1.33rem)}.people-img-wrap .people-img-box .img-txt .name-box .name{font-size:clamp(1.1rem,1.43vw,1.47rem)}.people-img-wrap .people-img-box .img-txt .name-box .name span{font-size:clamp(1.1rem,1.3vw,1.33rem)}.people-img-wrap .people-img-box .img-txt .name-box .name span.company{font-size:clamp(1.1rem,1.3vw,1.33rem)}}