@charset 'utf-8';
/* ======================================== 
採用情報ページ用CSS
========================================*/

/* 見出し */
.recruit h2 { background-color:#005bac; color:#fff; font-size:20px; font-weight:600; padding:12.5px 15px; margin-bottom:15px; }
.recruit h3 { padding:10px 15px; font-weight:600; margin-bottom:15px; }
.recruit h3.underline { border-bottom:1px solid #0d758e; color:#0d758e; font-size:24px; }
.recruit h3.icon::before { background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url("../img/recruit/icon-title.svg"); content:''; display:inline-block; transform:translateY(5px); margin-right:10px; height:30px; width:30px; }
.recruit h3.square {  }
.recruit h3.square::before { content:'■'; color:#005bac; margin-right:5px; }

/* テキスト */
div.textarea { padding:0 15px; margin-bottom:20px; }
div.textarea p { text-align:justify; line-height:200%; margin-bottom:10px; }
div.textarea p a { text-decoration:underline; }
div.textarea p a:link, div.textarea p a:visited { color:#00f; }
div.textarea p a:active, div.textarea p a:hover { color:#fcc800; }
p.indent { text-indent:-1.75rem; padding-left:1.75rem; }

/* 勤務条件 */
div.conditions h3 { font-size:18px; font-weight:600; padding:0; margin:0; margin-bottom:10px; }
div.conditions div.row { display:flex; flex-direction:column; margin-bottom:10px; }
div.conditions div.row p { padding:0; margin:0; }
div.conditions div.row div.row-item p { font-weight:600; }
div.conditions div.row div.row-item p::before { color:#0d758e; content:'●'; margin-right:5px; }

/* ==================== ▽ 個別CSS ▽ ==================== */

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

/* 勤務条件 */
div.conditions div.row { flex-direction:row; padding:7.5px 0; margin-bottom:0; }
div.conditions div.row:nth-child(even) { background-color:#a4c1d750; }
div.conditions div.row div.row-item { width:110px; }
div.conditions div.row div.row-item p { padding:0 10px; text-align:justify-all; }
div.conditions div.row div.row-item p::before { content:''; margin-right:0; visibility:hidden; }
div.conditions div.row div.row-content { padding-right:20px; width:calc( 100% - 110px ); }
div.conditions div.row div.row-content p { text-indent:calc( -1.75rem - 10px ); padding-left:calc( 1.75rem + 10px ); }
div.conditions div.row div.row-content p::before { content:'：'; margin-right:10px; }
}