@charset "UTF-8";
/*======================================
リセット
======================================*/
* { box-sizing: border-box; }

html, body { height: 100%; }

/* Reset Style */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

*:focus { outline: none; }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 100%; }

.opacity, a.btn:hover { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }

/*======================================
スタイル
======================================*/
body { background: #fafafa url(../img/recruit/bg_head.png) center 70px no-repeat; color: #666666; }

a.btn { text-decoration: none; display: block; color: #fff; padding: 10px 0; text-align: center; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a.btn:after { position: absolute; top: 33%; right: 6%; display: block; content: ""; width: 20px; height: 18px; background: url(../img/recruit/link_ic_typeC.png) no-repeat; background-size: contain; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a.btn:hover:after { right: 3%; }

.contentArea { width: 1080px; margin: 0 auto; text-align: center; }
.contentArea .logo { width: 225px; margin-top: 20px; }
.contentArea h1 { margin-top: 120px; }
.contentArea h1 span { display: block; font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
.contentArea .box { width: 100%; padding: 30px; box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.1); background: #FFF; margin-top: 75px; }
.contentArea .newsArea { border-top: 10px solid #1578c5; margin-top: 75px; }
.contentArea .newsArea .news { border-top: 1px dashed #b3b3b3; padding-top: 30px; margin-top: 30px; }
.contentArea .newsArea .news .newsUnit { display: table; }
.contentArea .newsArea .news .newsUnit p { display: table-cell; vertical-align: top; text-align: left; }
.contentArea .newsArea .news .newsUnit p.date { width: 130px; padding-top: 10px; }
.contentArea .newsArea .news .newsUnit p.subject { width: 690px; padding-top: 10px; }
.contentArea .newsArea .news .newsUnit p.btn { width: 200px; }
.contentArea .newsArea .news .newsUnit p.btn a { background: #5cb364; }
.contentArea .newsArea .news .newsUnit .subject02 { width: 890px; padding-top: 10px; }
@media only screen and (max-width: 640px) { .contentArea .newsArea .news .newsUnit .subject02 { width: 100%; } }
.contentArea .newsArea .news .newsUnit .subject02 li { text-align: left; /* list-style: none; */ }

.linkArea { overflow: hidden; margin-bottom: 100px; }
.linkArea a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 15px; font-size: 1.5rem; font-weight: bold; }
.linkArea a:after { width: 26px; height: 20px; background-size: 26px 20px; bottom: 15px; top: auto; }
.linkArea .type01 { width: 340px; height: 250px; float: left; }
.linkArea .type01 a { background: #1578c5; }
.linkArea .type02 { width: 100%; height: 110px; }
.linkArea .type02 a { background: #dbb423; }
.linkArea .type02_01 { width: 310px; height: 110px; }
@media only screen and (max-width: 640px) { .linkArea .type02_01 { width: 100%; } }
.linkArea .type02_01 a { background: #dbb423; }
.linkArea .type02_02 { width: 310px; height: 110px; }
@media only screen and (max-width: 640px) { .linkArea .type02_02 { width: 100%; } }
.linkArea .type02_02 a { background: #e28e85; }
.linkArea .type03 { width: 310px; height: 110px; }
.linkArea .type03 a { background: #41a19a; font-size: 13px; font-size: 1.3rem; }
.linkArea .type04 { width: 310px; height: 110px; }
.linkArea .type04 a { background: #52a859; font-size: 13px; font-size: 1.3rem; }
.linkArea .right { float: right; width: 650px; }
.linkArea .under, .linkArea .upper { height: 110px; overflow: hidden; }
@media only screen and (max-width: 640px) { .linkArea .under, .linkArea .upper { height: auto; } }
.linkArea .upper p:first-child { float: left; }
.linkArea .upper p:last-child { float: right; }
.linkArea .under { margin-top: 30px; height: 110px; overflow: hidden; }
.linkArea .under p:first-child { float: left; }
.linkArea .under p:last-child { float: right; }
.linkArea .floatBox { overflow: hidden; }
.linkArea .comeback { margin-top: 25px; }
@media only screen and (max-width: 640px) { .linkArea .comeback { margin-top: 0; height: 80px; } }
.linkArea .comeback a { display: block; color: #FFF; text-decoration: none; background: #e1852b; font-size: 12px; font-size: 1.2rem; }
@media only screen and (max-width: 640px) { .linkArea .comeback a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 13px !important; } }
.linkArea .comeback a.btn:after { top: 18px; right: 3%; }
@media only screen and (max-width: 640px) { .linkArea .comeback a.btn:after { width: 20px; height: 18px; background-size: 20px auto; top: auto; bottom: 15px !important; } }

footer { background: #FFF; padding: 15px; font-size: 7px; font-size: 0.7rem; font-weight: 400; letter-spacing: 0.1em; text-align: center; }

@media only screen and (max-width: 640px) { body { background: url(../img/recruit/bg_head_sp.png) no-repeat center 70px; background-size: 122% auto; }
  img { width: 100%; }
  .contentArea { width: 100%; padding: 10px; }
  .contentArea .logo { width: 150px; }
  .contentArea h1 { width: 200px; margin: 50px auto 0 auto; }
  .contentArea h1 span { font-size: 10px; font-size: 1rem; }
  .contentArea .box { padding: 20px 10px 10px; margin-top: 20px; }
  .contentArea .newsArea { margin-top: 35px; }
  .contentArea .newsArea h2 { width: 72px; margin: 0 auto; }
  .contentArea .newsArea .news { margin-top: 15px; padding-top: 10px; }
  .contentArea .newsArea .news .newsUnit p { display: block; }
  .contentArea .newsArea .news .newsUnit p.date { padding-top: 0; width: 100%; }
  .contentArea .newsArea .news .newsUnit p.subject { width: 100%; padding: 10px 0; }
  .contentArea .newsArea .news .newsUnit p.btn { width: 100%; }
  .contentArea .newsArea .news .newsUnit.subject02 { width: 100%; }
  .contentArea .newsArea .news .newsUnit.subject02 li { list-style: none; }
  .contentArea .linkArea { margin-bottom: 10px; }
  .contentArea .linkArea a { font-size: 11px; font-size: 1.1rem; }
  .contentArea .linkArea a:after { width: 20px; height: 18px; background-size: 20px auto; }
  .contentArea .linkArea a.btn:after { right: 5%; }
  .contentArea .linkArea a.btn:hover:after { right: 3%; }
  .contentArea .linkArea .type01 { width: 100%; height: 100px; float: none; }
  .contentArea .linkArea .type02 { height: auto; }
  .contentArea .linkArea .type03, .contentArea .linkArea .type04 { width: 100%; }
  .contentArea .linkArea .right { width: 100%; float: none; }
  .contentArea .linkArea .under { height: auto; margin-top: 0; }
  .contentArea .linkArea .under p { float: none; height: 75px; }
  footer { padding: 10px; } }
@media screen and (min-width: 641px) { .sp { display: none; } }

/*# sourceMappingURL=recruit.css.map */