@charset "UTF-8";
/* 求人システム：コンテンツ
	2019-06-26 15:33:27 +0900
================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.alert { padding-left: 30px; }
.alert .close { line-height: 1.5; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: .5rem; }

.btn-xs { padding: 0 .75rem; font-size: 12px; font-size: 0.85714rem; line-height: 2; border-radius: .2rem; }

.btn-xlg { padding: .75rem 1.25rem; font-size: 20px; font-size: 1.42857rem; line-height: 1.33333; border-radius: .3rem; }

.container { padding: 0; }
@media (max-width: 991px) { .container { padding: 0 10px; } }

.container-fluid { padding: 0 20px; }
@media (max-width: 767px) { .container-fluid { padding: 0 10px; } }

@media (min-width: 1200px) { .navbar-toggleable-lg { display: block !important; } }

.table-responsive { -webkit-overflow-scrolling: touch; }

.list-group .list-group-item .label-pill { margin-top: .5rem; }

.text-nowrap-sp { white-space: normal !important; }
@media (max-width: 767px) { .text-nowrap-sp { white-space: nowrap !important; } }

.asterisk-list > li { list-style-type: none; text-indent: -1em; }
.asterisk-list > li:before { content: "※"; }

a:hover img { opacity: .6; }

.line-double { border-top: 4px double rgba(0, 0, 0, 0.1); }

.label { text-indent: 0; }

.header { padding: 30px 0 30px; }
.header .logo-mikata { margin-bottom: 5px; }
.header .logo-hok { margin-bottom: 20px; }
.header h1, .header p { margin-bottom: 0; font-size: 16px; font-size: 1.14286rem; font-weight: normal; line-height: 2; }
@media (max-width: 767px) { .header { padding: 5px 0 20px; }
  .header .logo-mikata img { width: 50px; }
  .header .logo-hok { margin-bottom: 20px; }
  .header .logo-hok img { width: 80%; height: auto; }
  .header h1, .header p { font-size: 14px; font-size: 1rem; } }

footer { margin-top: 60px; padding: 20px 0; background-color: #eaeaea; }
footer img { margin-right: 30px; }
@media (max-width: 543px) { footer { margin-top: 20px; }
  footer img { margin-right: 0; margin-bottom: 10px; }
  footer small { display: block; } }

.row { margin-left: -15px; margin-right: -15px; }
.row [class^="col-"] { padding-left: 15px; padding-right: 15px; }
@media (max-width: 767px) { .row { margin-left: -10px; margin-right: -10px; }
  .row [class^="col-"] { padding-left: 10px; padding-right: 10px; } }

.jobdas-career, .jobdas-2018, .jobdas-2019, .jobdas-2020, .jobdas-2021 { margin-bottom: 30px; padding: 30px; border-radius: 6px; background: rgba(54, 189, 239, 0.1); }
.jobdas-career h2, .jobdas-2018 h2, .jobdas-2019 h2, .jobdas-2020 h2, .jobdas-2021 h2 { margin-bottom: 20px; color: #36bdef; font-size: 26px; font-size: 1.85714rem; text-align: center; }
.jobdas-career h3, .jobdas-2018 h3, .jobdas-2019 h3, .jobdas-2020 h3, .jobdas-2021 h3 { margin-bottom: 20px; text-align: center; }
.jobdas-career p, .jobdas-2018 p, .jobdas-2019 p, .jobdas-2020 p, .jobdas-2021 p { min-height: 8em; }
.jobdas-career > *:last-child, .jobdas-2018 > *:last-child, .jobdas-2019 > *:last-child, .jobdas-2020 > *:last-child, .jobdas-2021 > *:last-child { margin-bottom: 0; }
@media (max-width: 1199px) { .jobdas-career h2, .jobdas-2018 h2, .jobdas-2019 h2, .jobdas-2020 h2, .jobdas-2021 h2 { font-size: 20px; font-size: 1.42857rem; } }
@media (max-width: 767px) { .jobdas-career, .jobdas-2018, .jobdas-2019, .jobdas-2020, .jobdas-2021 { padding: 20px; }
  .jobdas-career h3 img, .jobdas-2018 h3 img, .jobdas-2019 h3 img, .jobdas-2020 h3 img, .jobdas-2021 h3 img { width: 80%; height: auto; }
  .jobdas-career p, .jobdas-2018 p, .jobdas-2019 p, .jobdas-2020 p, .jobdas-2021 p { min-height: 1em; } }

.jobdas-career { margin-bottom: 30px; padding: 30px; border-radius: 6px; background: rgba(195, 14, 24, 0.05); }
.jobdas-career h2 { margin-bottom: 20px; color: #c30e18; }

.btn-container { margin: 0 -5px 30px; padding: 0; font-size: 0; text-align: center; position: relative; }
.btn-container li { width: calc(33.3% - 10px); width: 100%; margin: 0 5px 10px; padding: 0; list-style: none; display: inline-block; }
.btn-container li a { display: block; }
.btn-container li:last-child { margin-bottom: 0; }
@media (max-width: 767px) { .btn-container { margin-bottom: 10px; }
  .btn-container li { width: 100%; margin: 0 0 10px; padding: 0; display: block; }
  .btn-container li:last-child { margin-bottom: 0; } }