/*====================
下層
 ====================*/
main article > section {
  padding: 50px 0px 50px 0px;
}
main article > section:nth-child(even) {
  background-color: var(--key);
}
main article > section:nth-child(even) p,
main article > section:nth-child(even) .title_box {
  color: #fff;
}
main article > section:nth-child(even) .color_switch {
  color: #fff;
}
main article > section:nth-child(even) .title_box h4 {
  xborder-left: 4px solid var(--key_light);
}

main article > section:nth-child(even) .title_box h5 {
  border-bottom: 1px solid var(--accent);
}

main article > section:nth-child(even) .mailform .color_switch td span.ast {
  color: #ff9;
}

main article > section:nth-child(even) h2,
main article > section:nth-child(even) h3,
main article > section:nth-child(even) h4 {
  color: #fff;
}
.pages-header .pages-header_box {
  height: 200px;
  background-image: url(../img/recommend_top_bg.jpg);
  background-position: bottom;
  background-size: cover;
  color: #fff;
}
.pages-ttl {
  height: 200px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  flex-direction: column;
  flex-wrap: nowrap;
}
.pages-ttl h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.4em;
}
.pages-ttl p.sub-ttl {
  font-size: 20px;
}
main.under {
}
p.catch {
  margin-bottom: 1em;
  text-align: center;
  font-weight: 700;
  font-size: var(--size_4l);
}
p.headline {
  line-height: 2rem;
  margin-bottom: 1em;
  font-size: 16px;
}
table.office-table {
  margin: 20px auto;
  font-size: 1.2em;
  width: 100%;
}
.office-table th {
  background-color: var(--dark);
  color: #fff;
  border: solid 1px #000;
  padding: 20px;
  border-right: none;
  border-left: none;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}
.office-table td {
  border: solid 1px #000;
  background: #fff;
  border-left: none;
  padding: 20px;
  border-right: none;
  font-size: 14px;
}
table.history-table {
  margin: 20px auto;
  font-size: 1.2em;
  width: 100%;
}
.history-table th {
  color: #000;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding: 20px 0;
  border-right: none;
  border-left: none;
  text-align: left;
  white-space: nowrap;
  width: 200px;
}
.history-table td {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  border-left: none;
  padding: 20px 0;
  border-right: none;
}
/*====================
business
 ====================*/
article.business_box {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}
.business_box_right {
  padding-left: 10px;
}
.business_box_left {
  padding-right: 10px;
}
p.business_img_box {
  width: 250px;
  height: auto;
}
.business_box h3 {
  background-color: #172f7a;
  text-align: left;
  font-size: 1.5em;
  color: #fff;
  padding: 10px;
}
p.comment {
  text-align: left;
  padding: 10px;
  line-height: 2rem;
}
/*====================
company
 ====================*/

ul.list li {
  line-height: 2rem;
}

/*検索ボックス*/
.hidden_box {
  margin: 0.5em 0 0 0;
  padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
  padding: 15px;
  font-weight: bold;
  border: solid 1px var(--key);
  background: var(--bg);
  cursor: pointer;
  width: 100%;
}

/*ボタンホバー時*/
.hidden_box label:hover {
  background: #fffbb8;
}

/*チェックは見えなくする*/
.hidden_box input {
  display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
.search dl {
  margin-bottom: 2em;
}
/*中身表示*/
.search dt {
  color: var(--key);
  font-weight: bold;
  margin-bottom: 6px;
}
.search dd.search_list input,
.search dd.search_list select {
  margin: 0 3px 3px 0;
  padding: 10px;
  position: relative;
  top: 1px;
  height: 50px;
}
.search input {
  display: block;
}
.search .kensaku label {
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  border: solid 1px #ccc;
}
.search .kensaku input {
  width: 30%;
}
.search .kensaku table tr td label {
  display: flex;
  align-items: center;
}
.search dd {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px dotted #ccc;
}

/*entryページ*/
.appeal_01,
.appeal_02,
.appeal_03 {
  position: relative;
}
.appeal_01 .sec01,
.appeal_02 .sec01,
.appeal_03 .sec01 {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.appeal_01 .sec01 {
  margin-bottom: -30px;
}
.appeal_02 .sec01 {
  margin-bottom: 50px;
}
.appeal_03 .sec01 {
  margin-bottom: 20px;
}

.appeal_01 .sec02 {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 50%;
}
.appeal_02 .sec02 {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 50%;
}
.appeal_03 .sec02 {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 50%;
}
.appeal_02 .sec01 {
  flex-flow: row-reverse;
}
.appeal_image {
  position: relative;
}
.appeal_01 .sec01 img.matsuoka_comment {
  position: absolute;
  bottom: 120px;
  left: -70px;
}
.appeal_02 .sec01 img.matsuoka_comment {
  position: absolute;
  bottom: 30px;
  right: -49px;
}
.appeal_03 .sec01 img.matsuoka_comment {
  position: absolute;
  left: -120px;
  bottom: 70px;
}
.entry_appeal p {
  padding: 0;
  line-height: 1.4em;
  font-size: 1.6em;
}
.appeal_02 .sec01 .appeal_fukidashi p {
  padding-left: 3em;
}
.appeal_fukidashi img {
  margin-bottom: 8px;
}
.entry_form_header {
  color: #fff;
  border-bottom: 4px solid #c59524;
  text-shadow: 2px 2px 2px #8b733b;
  position: relative;
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  margin-top: 60px;
  height: 142px;
}

.entry_form_header:before {
  content: "";
  display: inline-block;
  width: 288px;
  height: 199px;
  background: url(../../assets/img/entry_form_header01.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.entry_form_header:after {
  content: "";
  display: inline-block;
  width: 202px;
  height: 169px;
  background: url(../../assets/img/entry_form_header02.png) no-repeat;
  background-size: contain;
  margin-right: 0.2em;
  position: absolute;
  bottom: 0;
  right: 0;
}

.entry_form_header h2 {
  text-align: left;
  font-weight: 710;
  font-size: 2.4em;
}
.entry_form_header p {
  padding: 0;
  font-size: 1.2em;
}
.entry_form_header .text {
}
.entry_form_header h2 {
  text-align: center;
  line-height: 4em;
}
/*（株）オーダーセキュリティとは*/

.miroku_main_img {
  position: relative;
}
.miroku_main_img p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  font-size: 3em;
  text-align: center;
  width: 100%;
  font-weight: 700;
}
.miroku_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.miroku_box.box02 {
  flex-direction: row-reverse;
}
.miroku_img {
  width: 328px;
}
.miroku_txt {
  width: 676px;
}

/*会社概要*/
.greeting_img {
  text-align: center;
  width: 502px;
  margin: 0 auto;
}
/*お問い合わせ*/
main.under.contact input {
  padding: 15px;
}
/*プライバシー*/
.privacy h5 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 10px;
  font-weight: 700;
}
.privacy h6 {
  font-weight: 700;
  margin-bottom: 6px;
}
.privacy article {
  margin-bottom: 20px;
}
.privacy article.privacy_box {
  border: 1px solid #ddd;
  padding: 16px;
}
/*会社概要*/
.access iframe {
  width: 100%;
  height: 360px;
}
/*お客様の声*/
p.customer_name {
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
  font-size: var(--size_1l);
  border-top: 1px solid var(--gray);
  padding-top: 10px;
}
/*お仕事情報詳細*/
.entry_nav_item {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.entry_nav_item h5 {
  font-size: var(--size_1l);
  font-weight: 700;
  margin-bottom: 1rem;
  background: var(--gray);
  padding: 10px;
}
.entry_nav_item .items {
  width: calc(50% - 10px);
}