/* ================================================== */
/* 汎用 */
/* ================================================== */

/*  見出し */
.entry-content .green-title { margin-bottom:24px; }

/* ※リスト */
.note-list { list-style-position:outside; list-style-type:"※"; padding-left:1em; }
.note-list li { --list-space:0; font-size:16px; line-height:28px; padding-left:0.25em; }
.note-list li + li { margin-top:4px; } 

@container( min-width:960px ) { 

/*  見出し */
.entry-content .green-title { margin-bottom:40px; }

/*  ※リスト */
.note-list li { font-size:18px; line-height:29px; }

}

/* ================================================== */
/* 組合概要 */
/* ================================================== */

/* リスト */
.about-content .guidelines-list dt { color:var(--bk); }
.about-content .guidelines-list { margin-bottom:56px; }

/* ================================================== */
/* どんな仕事をするの？ */
/* ================================================== */

/* カコミ */
.whats-section { background-color:#fff0cd; padding:16px; }

/* 見出し */
.whats-section h3 { color:#23b24c; font-size:20px; font-weight:900; margin-bottom:10px; }

/* 文字装飾 */
.color-or { color:#ea5504; }

/* リスト */
.whats-section ul { margin-top:16px; gap:16px; } 

@container( min-width:960px ) { 

/* カコミ */
.whats-section { background-color:var(--ye); padding:40px; }

/* 見出し */
.whats-section h3 { font-size:24px; }

/* リスト */
.whats-section ul li br { display:none; }

}

/* ================================================== */
/* 千葉土建の強み */
/* ================================================== */

/* リスト */
.pros-list { flex-direction:column; gap:16px; }
.pros-list li { align-items:center; flex:1 0 0; font-size:16px; gap:16px; }
.pros-list li img { height:auto; max-width:100px; }

/* 区切り線（sp のみ） */
.pros-list .border-li { --dot:6px; --gap:8px; background:radial-gradient( circle closest-side, #93cac6 98%, transparent ) center / calc( var(--dot) + var(--gap) * 2 ) var(--dot) repeat-x; block-size:var(--dot); flex:0 0 auto; }

@container( min-width:960px ) {

/* リスト */
.pros-list { align-items:center; flex-direction:row; justify-content:center; gap:0; }
.pros-list li { align-items:center; flex-direction:column; justify-content:center; }
.pros-list li .w700 { font-weight:800; }

/* 区切り線 */
.pros-list .border-li { display:none; }

}

/* ================================================== */
/* 入組までの流れ */
/* ================================================== */

/* 見出し */
.flow-contact-info h3 { color:var(--bl); font-size:16px; font-weight:700; }
.info-box h3, .info-box-2 h3 { text-align:center; margin-bottom:24px; }
.flow-contact-info .info-box-2 h3 { margin-bottom:16px; }

/* 流れリスト */
.flow-list { display:flex; flex-direction:column; gap:16px; margin-bottom:16px; }
.flow-list li img { display:flex; justify-content:center; margin:auto; margin-bottom:16px; }
.arrow-dawn { display:flex; justify-content:center }
.flow-list li.arrow-dawn img { margin-bottom:0; }
.step1 { align-items:center; display:flex; flex-direction:column; gap:8px; margin-bottom:8px; }
.step1 .tel-nmb { align-items:center; display:flex; gap:8px; }
.step1 .tel-nmb a { font-size:20px; font-weight:900; }
.flow-bl-title { color:var(--bl); font-size:16px; font-weight:700; text-align:center; line-height:28px; }

/* カコミ */
.flow-contact-info { background-color:var(--ye); padding:40px 20px; }
.info-box { margin-bottom:40px; }
.info-box p { text-align:center; }
.tel-number { align-items:last baseline; display:flex; gap:8px; justify-content:center; }
.info-tel { font-size:32px; font-weight:900; }
.button-line { align-items:center; gap:8px; margin-bottom:16px; }
.map-link { align-items:center; background-color:var(--bl); border-radius:40px; color:var(--wh); display:flex; font-size:14px; font-weight:400; gap:4px; justify-content:center; transition:.3s; line-height:18px; height:22px; width:80px; }
.map-link:hover { opacity:0.7; transition:.3s; }

@container( min-width:960px ) {

/* 見出し */
.info-box h3, .info-box-2 h3 { font-size:18px; text-align:left; }

/* 流れリスト */
.flow-list { margin-bottom:40px; }
.flow-list li { align-items:center; display:flex; gap:24px; justify-content:flex-start; }
.flow-list li.arrow-dawn { justify-content:center; } 
.flow-list li img { width:190px; }
.flow-list li.arrow-dawn img { width:auto; }
.step1 { flex-direction:row; gap:24px; }
.step1 .tel-nmb a { font-size:24px; }
.flow-box { flex:1; }
.flow-bl-title { font-size:18px; font-weight:800; text-align:left; line-height:29px; }

/* カコミ */
.flow-contact-info { padding:40px; }
.tel-number-list { align-items:last baseline; display:flex; gap:12px; }

}

/* ================================================== */
/* 千葉土建はこんな方をお待ちしています！ */
/* ================================================== */

/* イラスト */
.talent-content img { display:flex; justify-content:center; margin:auto; margin-bottom:24px; height:auto; max-width:214px; }

/* テキスト */
.talent-content { font-size:16px; font-weight:700; line-height:28px; }

@container( min-width:960px ) { 

/* テキスト */
.talent-content { font-size:18px; font-weight:800; line-height:29px; }

}

/* ================================================== */
/* 募集要項 */
/* ================================================== */

/* 見出し */
.guidelines-title { align-items:center; background-color:var(--or); border:1px solid #8d4c16; border-radius:8px 8px 0 0; color:var(--wh); flex:1; font-size:18px; justify-content:center; padding:10px; margin-bottom:15px; }

/* リスト */
.guidelines-list { display:grid; grid-template-columns:110px 1fr; }
.guidelines-list dt,
.guidelines-list dd { border-bottom:1px solid #93cac6; font-size:16px; line-height:28px; padding:8px 0; margin:0; }
.guidelines-list dt { color:var(--bl); font-weight:700; }

@container( min-width:960px ) {

/* リスト */
.guidelines-list { grid-template-columns:200px 1fr; }
.guidelines-list dt,
.guidelines-list dd { font-size:18px; line-height:29px; padding:20px 24px; }

}


/* ================================================== */
/* 応募条件 */
/* ================================================== */

/* ベース */
.entry-content.conditions-content { padding-bottom:0; margin-bottom:24px; }

/* リスト */
.conditions-list { margin-bottom:16px; }
.conditions-list li { --list-space:0; font-size:16px; font-weight:400; line-height:28px; }

/* コメント */
.comment { color:var(--or); font-size:16px; text-align:center; line-height:28px; }

@container( min-width:960px ) {

/* ベース */
.entry-content.conditions-content { padding-bottom:40px; margin-bottom:40px; }

/* リスト */
.conditions-list { margin-bottom:8px; }
.conditions-list li { font-size:18px; line-height:29px; }

/* コメント */
.comment { font-size:18px; text-align:justify; line-height:29px; }
.comment br { display:none; }

}