@charset "utf-8";


/*-----------レイアウトテンプレート--------------------------------------
------------------------------------------------------------------------------------------------- */
.sec-wrap{display:block;}
.sec-content-wrap{box-sizing:border-box;}
.sec-content-wrap:not(.back-whi){padding:0;}

/* 背景の size/position/repeat は section-content.php がフィールド値をインライン出力（未設定は 100% auto/center/no-repeat）。
   ここで !important 固定すると背景サイズ等のフィールドが効かなくなるため、display:flow-root のみ担当。 */
.catsing-box{display:flow-root;}

.lay-content-tit{font-weight: bold;font-size:var(--tit-font-size);color:var(--tit-font-c);margin:2% 0 0; }
.lay-content-tit span{font-weight:normal;font-size:21px;color:var(--sub-c);clear:both;float:left;width:100%;}
.sec-content-wrap .content-in{margin-bottom:40px;}

.sub-cecbox{width:100%;margin:0 auto;display:flex;flex-wrap: wrap;}
.sub-cecbox > div{padding:3%;}
.sec-flex1 > div{width:100%;}
.sec-flex2 > div{width:50%;}
.sec-flex3 > div{width:33%;}



#about-01 .skewed{background: none;}

/* --- 概要紹介（2カラム）about-intro --- */
.cont-box{display:table;width:100%;clear:both;padding:5% 0;}
.cont-box > div{display:table-cell;vertical-align:middle;padding:0;}
.cont-boxL{width:40%;}
.cont-boxL .cont-box-img img{width:100%;height:auto;box-sizing:border-box;}
.cont-boxR{width:60%;}
.cont-boxR .cont-box-tit{font-size:24px;padding:0 3% 2% 10%;margin:0;clear:both;float:left;width:100%;line-height:175%;color:var(--font-sub-color);}
.cont-boxR .cont-box-com{float:left;clear:both;width:100%;padding:0 3% 2% 10%;}
.cont-boxR .cont-box-link{text-align:left;margin:5% 0 0;clear:both;float:left;}

/* --- スタッフ紹介 staff-list --- */
.about-con-box .ab-boxF,
.about-con-box .ab-boxL{box-sizing:border-box;}
.ab-con-callimg img{width:100%;height:auto;}
.about-con-box .ab-boxF:first-child{float:right;clear:both;}

/* --- square内ギャラリー（slick-single）--- */
.rep-gallery-box{overflow:hidden;width:100%;}
.slick-single{overflow:hidden;width:100%;}
.slick-single:not(.slick-initialized) > li{display:none!important;}
.slick-single:not(.slick-initialized) > li:first-child{display:block!important;}
.slick-single .slick-list{overflow:hidden!important;}
.slick-single li img{width:100%;height:auto;display:block;}
.slick-single li .botm-cap{position:relative;display:block;}
.slick-single li .botm-cap .gal-cap{position:absolute;bottom:10px;left:0;width:100%;background:rgba(255,255,255,0.7);padding:3px 3%;font-size:14px;box-sizing:border-box;}

/*---------------------------------ギャラリー------------------------------------
------------------------------------------------------------------------------------------------- */
.carousel-box .rep-gallery-box{background:rgba(0,255,255,0.8);}
.slider{clear: both;width: 100%;padding: 0;text-align: center;margin:0 auto;}
.multiple-item5 li{padding:0 2% 5%;}
.multiple-item-c li{padding:0 1px;}

.owl-carousel {clear: both;float: left;width: 100%;margin: 0 0; }
#menuitems-gallery-item .item{padding:0 10px;}
.item a .mt-tit{clear: both;float: left;width: 100%;margin:20px 0; text-align: center;}
.item .botm-cap{position:relative}
.item .botm-cap .gal-cap{float:left;clear: both;position:relative; top:-36px;background:rgba(255,255,255,0.8);padding:3px 3%;font-size:14px;}


/* スマホ向けのスタイル (画面幅が767px以下の場合) */
@media screen and (max-width: 767px) {
/*-----------レイアウトテンプレート--------------------------------------
------------------------------------------------------------------------------------------------- */
.sec-content-wrap{max-width:100%!important;margin-left:0!important;margin-right:0!important;}
.sec-content-wrap:not(.back-whi){padding:0;}

/* SPでも背景サイズは section-content.php のインライン（フィールド値）に委ねる＝!important固定は撤去 */
.sub-cecbox{flex-wrap: wrap;}
.sub-cecbox > div{padding:3% 0;}
.sec-flex1 > div,.sec-flex2 > div,.sec-flex3 > div{width:100%;}
.lay-content-tit{padding:0 5%;margin:5% 0;}
.sec-content-wrap .content-in{margin-bottom:20px;}
	
	
/*---------------------------------ギャラリー*/
	.multiple-item5 li{padding:0 1% 5%;}
}

/* ==========================================================================
   投稿ギャラリー（post-gallery）
   ========================================================================== */
.pg-post-gallery{clear:both;width:100%;}
.pg-post-gallery .sec-tit02{margin-bottom:20px;}

/* カルーセル型：カード（リストタイプと同じフォント・カラーを流用） */
.pg-type-carousel .rep-gallery-box{overflow:hidden;width:100%;}
.pg-type-carousel .owl-carousel .item .pg-card-img-link{display:block;text-decoration:none;}
.pg-type-carousel .owl-carousel .item .pg-card-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.pg-type-carousel .owl-carousel .item .pg-card-tit a{color:inherit;text-decoration:none;}
.pg-type-carousel .owl-carousel .item .pg-card-tit a:hover{color:var(--main-c);}
.pg-type-carousel .owl-carousel .item .pg-cat-badge{text-decoration:none;}
.pg-type-carousel .owl-carousel .item .pg-card-info{padding:6px 2px 0;font-size:var(--font-size-mcont);}
.pg-type-carousel .owl-carousel .item .pg-card-meta{display:flex;flex-direction:column;margin-bottom:4px;}
.pg-type-carousel .owl-carousel .item .pg-card-cats{display:flex;flex-wrap:wrap;gap:2px;}
.pg-type-carousel .owl-carousel .item .pg-cat-badge{display:inline-block;padding:1px 6px;font-size:12px;white-space:nowrap;}
.pg-type-carousel .owl-carousel .item .pg-card-date{text-align:right;font-size:12px;}
.pg-type-carousel .owl-carousel .item .pg-card-tit{line-height:1.5;}

/* リスト型 */
.pg-list-box{width:100%;clear:both;float:left;margin-bottom:10%;}
.pg-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:3% 2%;border-bottom:solid 1px #000;font-size:var(--font-size-mcont);}
.pg-list-item:last-child{border-bottom:none;}
.pg-list-item > div:nth-child(1){width:15%;}
.pg-list-item > div:nth-child(2){width:15%;}
.pg-list-item > div:nth-child(3){width:65%;}
.pg-list-cat a{padding:2% 5%;font-size:16px;color:var(--main-c);background:var(--sub-c);width:100px;clear:both;float:left;text-align:center;}
.pg-list-item a i{color:var(--main-c);background:var(--sub-c);border-radius:50px;font-size:15px;padding:5px 7px;}
.pg-list-item a:hover i{color:var(--sub-c);background:var(--main-c);}

@media screen and (max-width:767px){
.pg-list-item{justify-content:flex-start;padding:10% 2%;}
.pg-list-item > div:nth-child(1){width:25%;}
.pg-list-item > div:nth-child(2){width:30%;}
.pg-list-item > div:nth-child(3){width:100%;margin-top:3%;}
}

/* セクション見出し（装飾付き）- 旧 .top-ptit の再現 */
.pg-home-sec-tit,.pg-home-sec-tit a{color:var(--main-c);}
/* base.css の a{font-size:var(--font-size)} が見出し内リンクを16pxに縮める（本番 a{} は font-size 無しで継承）。
   本番同様、装飾見出し内のリンクは親(32px)を継承させる。 */
.pg-home-sec-tit a{font-size:inherit;}
.pg-home-sec-tit{clear:both;max-width:var(--site-width);width:100%;margin:20px auto;text-align:center;font-size:32px;line-height:2;background:no-repeat url(../svg/parts-03.png) 40% 50%;background-size:contain;}

/* 「もっと見る」ボタン */
.pg-more-wrap{clear:both;width:100%;max-width:var(--site-width);margin:0 auto;padding:0 1%;text-align:right;}

@media only screen and (max-width:767px){
	.pg-type-carousel .owl-carousel .item a .thumbnail-image{height:150px;}
}