.img01-gallery-frame{position:relative}.img01-gallery .img01-gallery-arrow{position:absolute;top:45%;z-index:2;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #c6cec4;border-radius:50%;background:#fffffff2;color:#314a3d;font-size:32px;line-height:1;box-shadow:0 2px 9px #22372c14}.img01-gallery .gallery-prev{left:10px}.img01-gallery .gallery-next{right:10px}.gb-item-code{font-size:12px;color:#315d48;letter-spacing:.03em;margin:10px 0;font-variant-numeric:tabular-nums}.img01-viewport{display:block;width:100%;height:100%;background:#fff}.img01-photo{display:flex;align-items:center;justify-content:center;background:#fff!important;overflow:hidden}.img01-photo>img{display:block;width:100%;height:auto;object-fit:contain}.img01-photo>svg{display:block;width:100%;height:100%;max-height:650px;background:#fff}.gallery-thumbs .img01-viewport{display:block;width:100%;height:72px;background:#fff}.gallery.img01-gallery .gallery-thumbs img{display:block;width:100%;height:72px;object-fit:contain;background:#fff}.gallery.img01-gallery .gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery.img01-gallery .gallery-thumbs button{overflow:hidden}.img01-gallery-note{font-size:12px;line-height:1.8;color:#5d685f;margin:0 0 12px}.img01-gallery .gallery-panels{background:#fff}.img01-gallery figcaption a{display:inline-block;margin-top:8px}@media(max-width:600px){.img01-photo>svg{max-height:430px}.gallery.img01-gallery .gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}