@charset "UTF-8";
/* 固定ページの共通部分は common.css に移動 */
/* .second-text img{width:100%;} */

/* .sec_blc{margin-bottom: 12vw;} */
/* .sec_blc:last-child{margin-bottom:0;} */

.gallery ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:3vw;}
.gallery ul li{position:relative;width: -webkit-calc((100% - 6vw) / 3);width: calc((100% - 6vw) / 3);}
.gallery li a{position: relative;overflow: hidden;padding-top: 100%;width: 100%;}
.gallery li a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.gallery li a:after {content: ''; display: inline-block; width: 24px; height: 24px; background-image: url(../images/icon-zoom.jpg); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}



/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
/* .sec_blc{margin-bottom: 100px;} */

.gallery{margin:0 auto;}
.gallery ul{gap:20px;}
.gallery ul li{width: -webkit-calc((100% - 40px) / 3);width: calc((100% - 40px) / 3);}


}