@charset "UTF-8";
/* CSS Document */

/* 共通 */
.commonBtn { width: 400px; margin-top: 43px; }
.commonBtn a { background-color: #01419f; color: #fff; border-radius: 50px; line-height: 1.2; text-align: center; }
.commonBtn a::after { border-right-color: #fff; border-top-color: #fff; }

/* イントロ */
#introSec { margin-top: 65px; }
#introSec p { font-size: 1.37rem; line-height: 2; }
#introSec ul { display: flex; justify-content: center; margin-top: 65px; }
#introSec ul li { width: 30%; max-width: 260px; margin: 0 10px; }
#introSec ul li a { display: block; width: 100%; border: solid 1px #ccc; padding: 13px; text-align: center; position: relative; }
#introSec ul li a::after { content: ""; display: inline-block; border: solid 4px transparent; border-top: solid 7px #000; position: absolute; right: 13px; top: 50%; transform: translateY(-2px); }

/* 募集職種 */
#typeSec .openList { margin-top: 65px; }
#typeSec .openList > li { border: solid 1px #ccc; border-radius: 10px; overflow: hidden; }
#typeSec .openList > li:nth-child(n+2) { margin-top: 30px; }
#typeSec .openList li .openLink a { display: block; color: #01419f; background-color: #f5f5f5; padding: 13px 45px 13px 20px; font-size: 1.38rem; font-weight: bold; position: relative; }
#typeSec .openList li .openLink a::before,
#typeSec .openList li .openLink a::after { content: ''; width: 18px; height: 2px; background-color: #01419f; position: absolute; right: 18px; top: calc(50% - 1px); }
#typeSec .openList li .openLink a::after { transform: rotate(90deg); }
#typeSec .openList li .openContents { padding: 60px 72px 72px; line-height: 1.8; display: none; }

#typeSec .openList > li.open { border-color: #01419f; }
#typeSec .openList li.open .openLink a::after { display: none; }

#typeSec .openList li .openContents .commonTable { margin-top: 0; }
#typeSec .openList li .openContents .commonTable td span { font-size: 0.88rem; }
#typeSec .openList li .openContents .commonTable td .dotList + h3 { margin-top: 20px; }
#typeSec .openList li .openContents .commonTable td a { color: #0068b7; }
#typeSec .openList li .openContents .commonTable td a:hover { text-decoration: underline; }

#typeSec .openList li .openContents .messageArea { position: relative; background: url('/recruit/career/info/images/bg_diagonal_line.gif') repeat top left; border-radius: 20px; margin-top: 75px; }
#typeSec .openList li .openContents .messageArea .messageName { transform: translateY(-50%); text-align: center; }
#typeSec .openList li .openContents .messageArea .messageName > div { background-color: #fff; border: solid 2px #0094c9; border-radius: 13px; color: #0094c9; padding: 15px; min-width: 270px; display: inline-block; font-size: 1.25rem; position: relative; }
#typeSec .openList li .openContents .messageArea .messageName > div::after { content: ''; bottom: calc(-27px / 2); width: 24px; height: 24px; border: 2px solid; border-color: transparent #0094c9 #0094c9 transparent; transform: translateX(-50%) rotate(45deg) skew(0.242rad, .242rad); background-color: #fff; position: absolute; right: 0; left: 30px; margin: 0 auto; }
#typeSec .openList li .openContents .messageArea .messageTxt { padding: 7px 20px 55px; text-align: center; }

/* 雇用条件 */
#conditionsSec .commonTable th { vertical-align: middle; }
#conditionsSec .commonTable td { line-height: 1.8; }
#conditionsSec .commonTable #holidayCell p { font-size: 0.87rem; margin: 6px 0 0 25px; }

/* 選考プロセス */
#processSec { text-align: center; }
#processSec p { line-height: 2.2; margin-top: 20px; }


/* お問い合わせ */
#contactSec { margin-top: 90px; border: solid 1px #000; padding: 40px 40px 50px; text-align: center; }
#contactSec div { margin-top: 25px; font-size: 1.12rem; line-height: 1.7; }