.page-all.studio{background:url(/img/studio/key_studio.png) no-repeat center center;background-size:cover;height:455px;position:relative}#lead-studio{padding:60px 0}.ttl-common{text-align:center;margin-bottom:40px}.studio-box{display:flex;gap:40px;margin:40px 0;align-items:center}.studio-box .photo{flex:1}.studio-box .photo img{width:100%;height:auto}.studio-box dl{flex:1}.studio-box dt{font-size:24px;font-weight:700;margin-bottom:15px}.studio-box dt span{color:#82c2a9}.studio-box dd{line-height:1.8}.studio-detail{position:relative}.studio-detail .photo{margin-bottom:30px}@media only screen and (min-width: 768px){.studio-detail{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:40px;align-items:flex-start;justify-content:space-between}.studio-detail .photo{display:none!important;order:0}.popup-display{width:50%!important;flex-shrink:0;order:1;display:flex;align-items:center;justify-content:center;min-height:500px}.detail-map{width:50%!important;flex-shrink:0;order:2;margin-top:0!important}.popup-content-static{display:none}.popup-content-static.active{display:flex;align-items:center;justify-content:center;width:100%}.popup-content-static .pp-box-st{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.popup-display .pp-box-st span{display:block}.popup-display .pp-box-st img{width:100%;height:auto;display:block}}.studio-detail .show-box{display:flex;gap:20px;margin-bottom:20px}.studio-detail .show-box p{flex:1}.studio-detail .show-box img{width:100%;height:auto}.detail-map{position:relative}.detail-map .map img{width:100%;height:auto}.detail-map button{position:absolute;background:transparent;border:none;cursor:pointer;font-size:0;width:40px;height:40px;border-radius:50%;transition:background .3s ease}.detail-map button:hover{background:#82c2a94d}.detail-map .unit-a{top:13%;left:4%}.detail-map .unit-b{top:34%;right:20%}.detail-map .unit-c{bottom:35%;right:37%}.detail-map .unit-d{bottom:40%;right:22%}.detail-map .unit-e{bottom:21%;right:45%}.detail-map .unit-f{bottom:20%;right:15%}.studio-popup{border:none;border-radius:8px;padding:0;max-width:90%;max-height:90vh;overflow:auto}.studio-popup::backdrop{background:#000000b3}.popup-content{position:relative;padding:40px}.popup-close{position:absolute;top:10px;right:10px;background:#000;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;line-height:1;transition:background .3s ease}.popup-close:hover{background:#333}.pp-box-st dl{display:flex;gap:30px;align-items:flex-start}.pp-box-st dt{flex:1;display:flex;flex-direction:column;gap:15px}.pp-box-st dt img{width:100%;height:auto}.pp-box-st dd{flex:1;line-height:1.8;font-size:16px}.note{margin-top:40px;text-align:center}.note dt{font-weight:700;margin-bottom:10px}.note .ft-add{font-weight:700}.note dd{font-size:14px;color:#666}#gallery-box{background:#82c2a9;padding:60px 0}#gallery-box h2{text-align:center;margin-bottom:20px}#gallery-box h3{text-align:center;margin-bottom:40px}.slide-box{margin-bottom:20px}.gallery-main{width:100%;margin-bottom:20px}.gallery-main .swiper-slide img{width:100%;height:auto;display:block}.th-box .swiper-button-prev,.th-box .swiper-button-next{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:0;color:transparent}.th-box .swiper-button-prev{background-image:url(/img/studio/arrow_r.png)}.th-box .swiper-button-next{background-image:url(/img/studio/arrow_l.png)}.th-box .swiper-button-prev:after,.th-box .swiper-button-next:after{display:none}.gallery-thumbs{width:100%}.gallery-thumbs .swiper-slide{opacity:.5;cursor:pointer;transition:opacity .3s ease}.gallery-thumbs .swiper-slide-thumb-active{opacity:1}.gallery-thumbs .swiper-slide img{width:100%;height:auto;display:block}@media (max-width: 767px){.page-all.studio{height:305px}.popup-display{display:none!important}.studio-detail{display:block}.studio-detail .photo{display:none}.detail-map{width:100%;margin-top:0}.studio-box,.studio-detail .show-box,.pp-box-st dl{flex-direction:column}.popup-content{padding:20px}}