/* esona site固有CSS（dtp-site として自動enqueue） */
/* margin collapse封じ：白カード等の margin-top が sec-wrap 外（セクション上端の帯）へ抜けるのを防ぐ。
   ★flow-root単体はfloat内包時に幅0地雷 → width:100% 併用（キット既知の対処） */
.sect-set .sec-wrap{display:flow-root;width:100%;}
/* ギャラリー角丸（gal-radius 設定・rep-gallery-box の --gal-radius から） */
.rep-gallery-box .owl-item img{border-radius:var(--gal-radius,0);}

/* 旧style.css .indelist 系 逐語（kitの index/archive-body/search-body が .indelist を実出力するため温存）＋キット同名宣言の打ち消し */
.indelist{clear:both;float:left;width:100%;padding:5% 10%;background:#ECEDE9;border-radius:40px;margin-bottom: 10%;}
.indelist-box{clear:both;float:left;width:100%;}
.indelist-item{display: flex;align-items:center;flex-wrap:nowrap;justify-content:space-around;border-bottom:dashed 3px #FFF;clear:both;float:left;width:100%;padding:20px 0;font-size:inherit;}
.indelist-box .indelist-item:last-child{border-bottom:none;}
.indelist-item div:nth-child(1){width:15%;text-align: right;}
.indelist-item div:nth-child(2){width:20%;}
.indelist-item div:nth-child(3){width:50%;}
.indelist-cat a{font-size: 12px;padding: 1% 2%;margin:0 2%;width:auto;float:none;clear:none;}
.nocontent{text-align: center;clear:both;float:left;width:100%;}
@media only screen and (max-width:800px){.indelist{width:90%;padding:5% 5%;border-radius:15px;margin:10% 5%;}}
@media only screen and (max-width:800px){.indelist-item{flex-wrap:wrap;padding:20px 5%;}}
@media only screen and (max-width:800px){.indelist-item div:nth-child(1){width:40%;text-align:left;}}
@media only screen and (max-width:800px){.indelist-item div:nth-child(2){width:55%;}}
@media only screen and (max-width:800px){.indelist-item div:nth-child(3){width:100%;margin-top:10px;}}

/* 旧テーマは .content-in/.white-box が clear:both で sec-title(全幅float) を必ずクリアしていた。
   kit width-wrap は clear を持たず、ww-back-whi(overflow:hidden=BFC) が float 脇に幅0で置かれる。旧仕様どおり帯内の器はクリアする */
.sect-set .width-wrap{clear:both;}

/* btn_pdf（本文/リスト内のPDFリンク装飾・旧逐語） */
.btn_pdf{margin: 1em 0;}
.btn_pdf a{padding: 5px 15px;border: 1px solid #cacfe4;border-radius: 10px;color: #5e75cc;letter-spacing: 0.2em;text-align: justify;text-justify:inter-character;}
.btn_pdf a:after{margin-left: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f1c1";}

/* PC/SP画像切替（旧style.css SPメディア逐語）: .smart のSP再表示が未移植で「スマホ用画像が出ない」原因だった（kit baseは非表示のみ持つ） */
@media only screen and (max-width:800px){
.hdnvpc,.sns-code{display:none!important;}
.smart{display:block;width:100%;clear:both;float:left;padding:5% 2%;}
}

/* サブセクションが float部品（旧デザイン系）を内包せず高さ0→上下マージンが視覚上無効になる対策。
   flow-rootでfloatを内包（width:100%併用=エディタ幅0地雷対策）。sec-title全幅floatの回り込みは
   既存の .width-wrap{clear:both} が先に解決済みなのでBFC化しても潰れない */
.sect-set .ww-inner{display:flow-root;width:100%;}

/* ===== コアブロック組合せ用クラス（旧 img-titcom / block02 部品から移設・2026-08-01） ===== */
/*img-titcom 画像＋タイトル+サブタイトル+コメント*/ .img-titcom{display:flex;justify-content:space-between;clear:both;float:left;width:100%;margin:10% 0 10%; }
.img-titcom .it-box{padding:0;}
.img-titcom .it-box:nth-child(1){width:30%;}
.img-titcom .it-box:nth-child(1) img{width:100%;border-radius:20px;}
.cap01{padding-top:10px;}
.cap02{font-size:32px;font-weight:700;letter-spacing:0.5px; padding-top:10px;}
.cap03{padding-top:5px;}
.img-titcom .it-box:nth-child(2){width:60%;background: #FFF;border-radius:30px;}
.it-cont{padding:10%;clear:both;float:left;width:100%;}
.it-cont h4{font-size:24px;color:var(--tit-font-c);}
.it-cont p{line-height:155%;padding:2% 0;}
/*block02 2ブロック--*/ .block02{display:flex;justify-content:space-between;clear:both;float:left;width:100%;margin:10% 0 2%;}
.block02-list{padding:0;background: #FFF;border-radius:30px;}
.block02-list:nth-child(1){width:33%;}
.block02-list:nth-child(2){width:66%;}
.block02-list div{padding:50px 10%;text-align: center;}
.block02-list .sub-tit{font-size:18px;background:var(--main-c);color: #FFF;padding:5px 0;margin-bottom:25px;}
.block02-list .tit{font-size:var(--tit-font-size);color:var(--tit-font-c);font-weight:700;}
.block02-list .caption{font-size: 21px;}
/* コア組合せ内はブロック間の自動余白(block-gap)を無効化＝旧部品の素のp余白（cap01等のpadding）だけにする */
.img-titcom > * + *,.img-titcom .wp-block-group > * + *,.block02 > * + *,.block02 .wp-block-group > * + *{margin-block-start:0;}
.img-titcom figure.wp-block-image,.img-titcom p{margin:0;}
.block02 p{margin:0;}

/* ===== 新卒LP 仕事紹介帯（コア組合せ用・旧fresh-work部品から移設 2026-08-01） ===== */
/* fresh-work（仕事紹介スライダー帯） */
/* この帯のキット器調整（セクション余白0・区切り線0・はみ出し許可）＝この部品とセットで管理 */
section:has(.work) .sec-wrap{padding-top:0;padding-bottom:0;}
section:has(.work){border-bottom-width:0;}
section:has(.work) .skewed{overflow-x:visible;}
.work .l-container{padding-bottom:100px;max-width:100%;} /* 旧 .main .l-container 相当 */
/* beige帯は中身（カード・リード文）まで覆う（flow-rootでfloat内包）。色はV画像(241,238,229)と同値 */
section.work.fresh-lp{display:flow-root;background-color:rgb(241,238,229);}
/* 下向き三角(V画像)は帯の下端＝吹き出しへ向ける。全面描画(110%だと37px未描画)＋3px重ねでzoom端数の隙間を消す */
section.work.fresh-lp::after{top:auto;bottom:-169px;height:173px;background-size:100% 100%;}
/* コア組合せ調整: block-gap無効・core画像figureの余白0（旧DOMは素のimg/div） */
.work.fresh-lp .wp-block-group > * + *{margin-block-start:0;}
.sec-title-fre figure.wp-block-image{margin:0;display:inline;}
.sec-title-fre figure.wp-block-image img{display:inline;}
.work.fresh-lp .sec-title-fre > p.lead{margin:40px 0 100px;} /* 旧 .work .lead 逐語（上のblock-gapリセットより後勝ちで復元） */
/* ページヘッダー帯のタイトル器＝旧 .top-tith と同じ1140px（キット既定はsite-width=1180） */
/* ページヘッダー帯＝本番実寸一致（zoomで縮む分を --fhd-zoom で逆補正。zoom無し環境ではvar既定1で素通り）
   旧: .top-tith{max-width:1140} .top-tith p{padding:5% 10%}＝57px/114px固定相当 */
.lay-tit-page .lay-tit-page-tit{max-width:calc(1140px / var(--fhd-zoom, 1));}
.lay-tit-page .lay-tit-page-tit p{padding:calc(57px / var(--fhd-zoom, 1)) calc(114px / var(--fhd-zoom, 1));}


/* ===== Contactサイドレール（.info-box/.lawe）＝旧テーマ逐語（_old/css/old-footer.css から移設 2026-08-01・_old依存を解消） ===== */
/* サイドレール Contact（.info-box/.lawe 旧逐語・rem→px） */ /*----------------Instagram-追従バナー--------------------------------- ------------------------------------------------------------------------------------------------- */ .info-box{width:90px; position:fixed;display:flex;justify-content:center;flex-wrap:wrap;align-content:stretch; top:40%;right:0;z-index:999;background:rgba(255,255,255,1.00);padding:0 0 15px;border-radius:5px 0 0 5px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.info-box p{padding:10px 0;border-radius:5px 0 0;background:var(--sns-color01);color:#FFF;font-size:16px;text-align:center; clear:both; float:left;width:100%;}
.info-box div{width:100%;clear:both;float:left;padding:5px 0 0;margin:0; text-align:center;line-height:100%;}
.lawe i{font-size: 42px;}
.info-box div span{width:100%;clear:both;float:left;font-weight: bold;}
.info-box div a{color:var(--sns-color01);font-size:10px;}
.info-box div img{width: 35px;}
.info-box div a:hover{color:var(--sns-color02);}
/*------SNSカラー----*/ /*.info-box div .la-line{color:#1dcd00;}
.info-box02{display: flex;clear:both;float:left;width:100%;padding:10px 0 0;}
.info-box02 div{width:50%;}
.info-box02 .info-item:nth-child(1){padding:0 5%;}
.info-box02 div iframe{border-radius:0 0 40px 0;padding: 0;margin: 0;}
@media only screen and (max-width:800px){.info-box02{flex-wrap:wrap;}}
@media only screen and (max-width:800px){.info-box02 div{width:100%;}}
@media only screen and (max-width:800px){.info-box02 .info-item:nth-child(1){padding:0 5% 5%;}}
@media only screen and (max-width:800px){.info-box02 div iframe{border-radius:0 0 15px 15px;padding: 0;margin: 0;}}