@import url(https://fonts.googleapis.com/css2?family=Michroma&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap);
:root{--map-clr: #eaf0f4}.vpc{display:block}.vsp{display:none}.map{background-color:var(--map-clr)}.map .intro{position:relative;margin-bottom:210px;padding-block:80px 200px;background:url(../img/map/intro-bg.jpg) no-repeat center center;background-size:cover}.map .intro .title{display:flex;align-items:center;justify-content:center;text-align:center}.map .intro .title img{max-width:300px}.map .intro .title h2{margin-block:35px 25px;font-size:29px;font-family:"Zen Old Mincho",serif}.map .intro .title p{font-size:17px;font-family:"Zen Old Mincho",serif}.map .company{position:absolute;top:83.5%;left:50%;width:550px;padding-block:20px 30px;transform:translateX(-50%);border-top:10px solid #000;background-color:var(--map-clr);text-align:center}.map .company h3{padding-bottom:10px;font-weight:500;font-size:19px}.map .company img{max-width:300px;margin-bottom:20px}.map .company p{font-size:17px;font-family:"Zen Old Mincho",serif}.trigger{position:relative;padding-bottom:100px;background-image:url(../img/map/bg-square.png);background-size:40px 40px;background-repeat:repeat}.trigger-bg{max-width:1920px;margin:auto}.trigger .img{position:relative;top:0;width:870px;margin:auto}.pin svg{position:absolute;transition:all .3s ease}.pin svg .pin-body{fill:#1a1311;transition:fill .3s ease}.pin svg text{transition:fill .3s ease}.pin svg.hover .pin-body{fill:#47778c}.pin svg.active .pin-body{fill:#47778c}.pin .pin-def.active text{fill:#47778c}.pin svg.hover .pin-body,.pin .pin-def.hover text{fill:#47778c !important}.pin-def{width:21px;height:34px}.pin-def02{width:23px;height:25px}.pin-01{top:63px;left:465px}.pin-02{top:102px;left:464px}.pin-03{top:107px;left:389px}.pin-04{top:131px;left:468px}.pin-05{top:106px;left:520px}.pin-06{top:125px;left:503px}.pin-07{top:140px;left:525px}.pin-08{top:148px;left:489px}.pin-09{top:160px;left:508px}.pin-10{top:189px;left:519px}.pin-11{top:157px;left:469px}.pin-12{top:164px;left:447px}.pin-13{top:187px;left:460px}.pin-14{top:213px;left:448px}.pin-15{top:276px;left:436px}.pin-16{top:285px;left:415px}.pin-17{top:311px;left:513px}.pin-18{top:334px;left:396px}.pin-19{top:342px;left:466px}.pin-20{top:361px;left:382px}.pin-21{top:406px;left:422px}.pin-22{top:406px;left:400px}.pin-23{top:395px;left:329px}.pin-24{top:405px;left:301px}.pin-25{top:427px;left:360px}.pin-26{top:453px;left:318px}.pin-27{top:453px;left:295px}.pin-28{top:519px;left:271px}.pin-29{top:513px;left:377px}.pin-30{top:576px;left:400px}.pin-31{top:434px;left:487px}.pin-32{top:394px;left:700px}.pin-33{top:434px;left:740px}.pin-34{top:377px;left:809px}.pin-35{top:513px;left:799px}.pin-36{top:545px;left:821px}.pin-37{top:565px;left:836px}.pin-38{top:586px;left:821px}.trigger .img .mapImg{transform:none}.group{z-index:5;position:relative;width:340px;margin-right:5vw;margin-left:auto}.group .list{display:flex;position:relative;flex-direction:column;padding-bottom:35vw;gap:50px}.group .list .item{border:6px solid rgba(0,0,0,0);transition:all .3s ease}.group .list .item .content{padding-bottom:10px;background:#fff}.group .list .item .title{padding:10px 15px 10px 20px;background-color:#000}.group .list .item .title h2{padding-left:10px;border-left:5px solid #bcbcbc;color:#fff;font-size:16px;line-height:1.6}.group .list .item dl dt{z-index:1;position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#000;color:#fff;font-weight:500;font-size:25px;line-height:37px;text-align:center}.group .list .item dl{display:flex;position:relative;padding-inline:10px 0;padding-block:10px;gap:10px}.group .list .item dd{width:100%}.group .list .item dl dd h4{width:100%;padding-bottom:5px;border-bottom:1px solid #ccc;font-weight:bold;font-size:17px;line-height:1.4}.group .list .item dl dd h4.letter{letter-spacing:-0.12em}.group .list .item dl dd p{font-size:15px}.group .list .item .btn{position:relative;width:120px;margin:auto;padding-inline:8px;border:1px solid #000;font-size:13px;transition:all .3s ease}.group .list .item:hover{border:6px solid #47778c}.group .list .item.active{border:6px solid #47778c}.group .list .item:hover .btn{background-color:#000;color:#fff;transition:all .3s ease}.group .list .item .btn::after{position:absolute;top:50%;right:8px;width:19px;height:13px;transform:translateY(-50%);background:url(../img/map/ico-link.png) no-repeat center center;background-size:100%;content:""}@media print,screen and (min-width: 768px)and (max-width: 1249px){.group{margin-right:2vw}}@media print,screen and (min-width: 1250px){.group .list{padding-bottom:30vw}}@media print,screen and (min-width: 1500px){.group .list{padding-bottom:20vw}}@media print,screen and (max-width: 768px){.vpc{display:none}.vsp{display:block}.map .intro{height:985px;margin-bottom:360px;background:url(../img/map/intro-bg-sp.jpg) no-repeat top center;background-size:100%}.map .intro .title h2{margin-top:30px;font-size:30px;line-height:1.6}.map .company{top:95%;width:242px}.map .company img{width:136px}.trigger-bg{position:relative}.trigger{height:100vh}.trigger .img{width:375px}.trigger .img .mapImg{transform:translate3d(0, 250px, 0)}.pin-def{width:10px;height:14px}.pin-def02{width:10px;height:11px}.pin-01{top:277px;left:200px}.pin-02{top:293px;left:200px}.pin-03{top:296px;left:167px}.pin-04{top:305px;left:201px}.pin-05{top:295px;left:224px}.pin-06{top:303px;left:216px}.pin-07{top:310px;left:226px}.pin-08{top:314px;left:210px}.pin-09{top:318px;left:218.5px}.pin-10{top:331px;left:223px}.pin-11{top:318px;left:201px}.pin-12{top:321px;left:192px}.pin-13{top:331px;left:198px}.pin-14{top:342px;left:192px}.pin-15{top:369px;left:187px}.pin-16{top:373px;left:178px}.pin-17{top:384px;left:221px}.pin-18{top:394px;left:170px}.pin-19{top:397px;left:201px}.pin-20{top:405px;left:164px}.pin-21{top:425px;left:182px}.pin-22{top:425px;left:172px}.pin-23{top:420px;left:141px}.pin-24{top:425px;left:129px}.pin-25{top:434px;left:156px}.pin-26{top:445px;left:136px}.pin-27{top:445px;left:126px}.pin-28{top:474px;left:116px}.pin-29{top:470px;left:162px}.pin-30{top:498px;left:172px}.pin-31{top:437px;left:209px}.pin-32{top:419px;left:301px}.pin-33{top:437px;left:318px}.pin-34{top:413px;left:348px}.pin-35{top:470px;left:344px}.pin-36{top:485px;left:353px}.pin-37{top:494px;left:360px}.pin-38{top:502px;left:353px}.group{position:absolute;top:0;left:200px;width:100%}.group .list{flex-direction:row;align-items:stretch;padding-bottom:0;gap:20px}.group .list .item{position:relative;flex-shrink:0;width:202px;min-height:212px;padding-bottom:0}.list .item .content{display:flex;flex:1;flex-direction:column;justify-content:space-between}.list .item a{display:flex;flex-direction:column;width:100%;height:100%}.group .list .item .title h2{font-size:14px}.group .list .item dl{padding:10px}.group .list .item dl dd h4{font-size:14px}.group .list .item dl dd p{font-size:13px}.group .list .item .btn{margin:0 auto}}