﻿@charset "utf-8";

#col_main>section{max-width:1180px;margin:0 auto 76px;padding:0 24px;box-sizing:border-box}
#c2{clear:both;margin:0;padding:0}
#c3{clear:both;position:relative;margin:0 0 34px;padding:54px 32px 48px;overflow:hidden;background:linear-gradient(135deg,#edf7fb 0%,#fff 62%,#f7fbfd 100%);border:1px solid #d8e9f2;box-sizing:border-box}
#c3:before{content:"RECRUIT";position:absolute;right:32px;bottom:-8px;color:rgba(11,49,143,.07);font-size:82px;line-height:1;font-weight:800;letter-spacing:.04em}
#c3 article{position:relative;z-index:1;text-align:center}
#c3 h1{margin:0;color:#073d70;font-size:34px;line-height:1.35;font-weight:800;letter-spacing:0;text-align:center}
#c3 h1:after{content:"";display:block;width:74px;height:4px;margin:22px auto 0;background:#d6001c}
#c4{clear:both;margin:0 0 18px;padding:0;background:none;border:0}
#c4 h2{margin:0;color:#073d70;font-size:26px;line-height:1.55;font-weight:800;text-align:left}
#c4 h2:before{content:"";display:block;width:58px;height:4px;margin:0 0 16px;background:#d6001c}
#c5{clear:both;margin:0 0 32px;padding:24px 30px;background:#fff;border:1px solid #dbe8ef;border-left:5px solid #1f6fa9;box-shadow:0 12px 30px rgba(7,61,112,.07);box-sizing:border-box}
#c5 div{color:#283f50;font-size:15px;line-height:1.95;text-align:left;letter-spacing:0}
#c6{clear:both;margin:0;padding:0;background:#fff;border:1px solid #dbe8ef;box-shadow:0 14px 34px rgba(7,61,112,.08);box-sizing:border-box}
#c6 dl{display:grid;grid-template-columns:220px minmax(0,1fr);margin:0;border-bottom:1px solid #e4eef4}
#c6 dl:last-child{border-bottom:0}
#c6 dl dt,#c6 dl dd{float:none!important;width:auto!important;margin:0;box-sizing:border-box}
#c6 dl dt{padding:18px 22px;background:#f3f9fc;color:#073d70;font-size:14px;line-height:1.75;font-weight:800;text-align:left}
#c6 dl dd{padding:18px 24px;color:#283f50;font-size:15px;line-height:1.85;text-align:left}
#c6 a{color:#1f6fa9;text-decoration:underline}
#c6 .kyocho{display:inline-block;margin-top:8px;color:#d6001c;font-weight:800}
@media screen and (min-width:641px) and (max-width:834px){
  #col_main>section{padding:0 20px}
  #c3{margin-bottom:30px;padding:46px 24px 42px}
  #c3 h1{font-size:30px}
  #c6 dl{grid-template-columns:190px minmax(0,1fr)}
}
@media screen and (max-width:640px){
  #col_main>section{margin-bottom:54px;padding:0 16px}
  #c3{margin-bottom:26px;padding:36px 20px 34px}
  #c3:before{right:14px;bottom:-4px;font-size:48px}
  #c3 h1{font-size:26px}
  #c3 h1:after{width:58px;height:3px;margin-top:18px}
  #c4 h2{font-size:22px}
  #c5{padding:20px 22px}
  #c6 dl{display:block}
  #c6 dl dt{padding:14px 18px}
  #c6 dl dd{padding:16px 18px 18px}
}
