@charset "UTF-8";
@font-face {
  font-family: 'en';
  src: url('/font/en.eot?') format('oldIE'), url('/font/en.woff') format('woff'), url('/font/en.ttf') format('truetype');
}

.en {
  font-family: 'en';
}


/* **********************************
 *  会社概要
 * ********************************* */

.pg_header {
  padding: 84px 0;
}

.pg_header .white_box {
  width: 500px;
  padding: 36px 10px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  margin: 0 auto;
  color: ##393f4c;
}

.pg_header .white_box h2 {
  font-size: 24px;
}

.pg_header .white_box .en {
  font-size: 16px;
  padding: 10px 0;
  position: relative;
  font-weight: bold;
}

.pg_header .white_box .en:after {
  content: '';
  display: block;
  width: 43px;
  height: 2px;
  background: #42210b;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.pg_header .white_box .main_txt {
  font-size: 16px;
  line-height: 25px;
  margin: 15px 0 0 0;
}

footer .ftr1 {
  background: #fff;
}

.common h3.ttl {
  font-size: 24px;
  padding-right: 54px;
  margin-bottom: 50px;
  text-align: center;
  color: #393f4c;
}

.common h3.ttl:before {
  content: url(../../../img/top/icon4.png);
  padding-right: 10px;
  display: inline-block;
}

.common h3.ttl span {
  font-size: 16px;
  padding: 5px 0 5px 54px;
  display: block;
  font-weight: normal;
}

.pg_company .greeting {
  padding: 100px 0;
}

.pg_company .greeting .box_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pg_company .greeting .box_area .catch {
  font-size: 30px;
  line-height: 61px;
  color: #1980b0;
  width: 50%;
}

.pg_company .greeting .box_area .img {
  width: 50%;
}

.pg_company .greeting .txt {
  margin: 25px 0 0 0;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.5px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.pg_company .greeting .txt span {
  display: block;
  text-align: right;
  margin: 15px 0 0 0;
  font-size: 16px;
  color: #bbd659;
  font-weight: bold;
}

.pg_company .middle {
  /* background: url(../../../img/company/bg.jpg) no-repeat center; */
  /* background-size: cover; */
  padding: 58px 0 67px 0;
  background: #bbd6593d;
}

.pg_company .middle table, .pg_rec .yoko table {
  width: 100%;
  font-size: 16px;
  border-left: 1px solid #d7edfe;
  border-top: 1px solid #d7edfe;
}

.pg_company .middle table th, .pg_rec .yoko table th {
  width: 24%;
  font-weight: normal;
  text-align: left;
  background: #f4f5f6;
  padding: 16px 30px;
}

.pg_company .middle table td, .pg_rec .yoko table td {
  width: 76%;
  background: #fff;
  padding: 16px 30px;
}

.pg_company .middle table th, .pg_company .middle table td, .pg_rec .yoko table th, .pg_rec .yoko table td {
  border-bottom: 1px solid #d7edfe;
  border-right: 1px solid #d7edfe;
}

.pg_company .maps {
  padding: 100px 0;
}

.pg_company .maps .box_area {
  display: flex;
  justify-content: space-between;
}

.pg_company .maps .box_area .sub {
  width: 50%;
}

.pg_company .maps .box_area .sub iframe {
  width: 100%;
  height: 300px;
}

.pg_company .maps .box_area .infos {
  width: 47%;
}

.pg_company .maps .box_area .infos .ttls {
  width: 100%;
  line-height: 38px;
  background: #f4f5f6;
  padding: 0 20px;
  color: #bbd659;
  font-weight: bold;
}

.pg_company .maps .box_area .infos .logo {
  margin: 20px 0;
}

.pg_company .maps .box_area .infos dl dt {
  font-weight: bold;
  line-height: 30px;
}

.pg_company .maps .box_area .infos dl dd {
  font-size: 16px;
  line-height: 30px;
}


/* **********************************
 *  採用情報
 * ********************************* */

.pg_rec .panel {
  margin: 82px 0 42px 0;
  background: #bbd6593d;
  background-size: cover;
  padding: 60px 0;
}

.pg_rec .panel .box_area {
  display: flex;
  justify-content: space-between;
}

.pg_rec .panel .box_area .sub {
  width: 50%;
  color: #393f4c;
}

.pg_rec .panel .box_area .img {
  width: 45%;
}

.pg_rec .panel .box_area .sub .sml_ttl {
  font-weight: bold;
}

.pg_rec .panel .box_area .sub h3 {
  font-size: 30px;
  margin: 5px 0 15px 0;
}

.pg_rec .panel .box_area .sub .txt {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 17px;
  line-height: 30px;
}

.common .deco_ttl {
  border-bottom: 2px solid #bbd659;
  background: url(../../../img/recruit/icon.png) no-repeat 0 0;
  color: #393f4c;
  font-size: 23px;
  padding: 5px 0 9px 52px;
  margin: 0 0 15px 0;
}

.pg_rec .flows {
  margin-bottom: 50px;
}

.pg_rec .flows .txt {
  color: #bbd659;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 30px 0;
}

.pg_rec .yoko {
  background: #bbd6593d;
  background-size: cover;
  padding: 57px 0 100px 0;
}

.pg_slug_recruit .pg_section {
  margin-bottom: 0;
}

.pg_slug_recruit .main {
  padding: 0;
}

.pg_rec .btm_contact {
  background: url(../../../img/recruit/contact_bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 50px 0;
  color: #bbd659;
}

.pg_rec .btm_contact h3 {
  text-align: center;
  font-size: 24px;
  margin: 0 0 28px 0;
}

.pg_rec .btm_contact .box_area {
  display: flex;
  justify-content: space-between;
}

.pg_rec .btm_contact .box_area .boxes {
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  padding: 40px 10px;
  width: 46%;
}

.pg_rec .btm_contact .box_area .boxes .ttls {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 22px 0;
}

.pg_rec .btm_contact .box_area .boxes .time {
  font-size: 16px;
  margin: 22px 0 0 0;
}

.pg_rec .btm_contact .box_area .boxes .more {
  width: 350px;
  line-height: 62px;
  text-align: center;
  margin: 0 auto;
  background: #bbd659;
}

.pg_rec .btm_contact .box_area .boxes .more a {
  display: block;
  color: #fff;
}

.pg_rec .btm_contact .box_area .boxes .more a i {
  margin: 0 10px 0 0;
}

.pc_hidden {
  display: none;
}


/* **********************************
 *  お問い合わせ
 * ********************************* */

.pg_contact .box {
  margin: 100px 0 0 0;
}

.pg_contact .box .txt {
  padding: 0 40px;
  margin: 30px 0 0 0;
}

.pg_contact .box .txt a {
  color: #14a3c2;
  text-decoration: underline;
}

.pg_contact .box table {
  width: 920px;
  margin: 15px auto 0 auto;
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
}

.pg_contact .box table th, .pg_contact .box table td {
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
}

.pg_contact .box table th {
  background: #f4fcfe;
  text-align: left;
  width: 33%;
  padding: 30px 0 30px 100px;
  vertical-align: top;
  position: relative;
  z-index: -1;
}

.pg_contact .box table th span {
  position: absolute;
  color: #fff;
  background: #d01313;
  display: block;
  text-align: center;
  font-size: 12px;
  left: 40px;
  width: 42px;
  line-height: 22px;
  top: 30px;
}

.pg_contact .box table th span.navy {
  background: #001c58;
}

.pg_contact .box table td {
  width: 67%;
  padding: 20px 15px;
}

.pg_contact .your_name input, .pg_contact .your_name_2 input, .pg_contact .your_add input, .pg_contact .your_tel input, .pg_contact .your_mail input {
  width: 100%;
  padding: 5px;
  border: 1px solid #9e9e9e;
  height: 42px;
}

.pg_contact .your_message textArea {
  width: 100%;
  padding: 5px;
  border: 1px solid #9e9e9e;
  height: 268px;
}

.pg_contact .policy_box {
  text-align: center;
  padding: 50px 0;
}

.pg_contact .policy_box a {
  color: #14a3c2;
  border-bottom: 1px solid #383838;
  padding: 0 0 5px 0;
}

.pg_contact .btn_area {
  text-align: center;
}

.pg_contact .btn_area .btn_conf, .pg_contact .btn_area .btn_submit {
  width: 377px;
  height: 61px;
  color: #fff;
  border: 0;
  background: #14a3c2;
}

.pg_contact .btn_area .btn_edit {
  width: 200px;
  background: #9e9e9e;
  color: #fff;
  border: 0;
  height: 61px;
  margin: 0 2% 0 0;
}


/* **********************************
 *  プライバシーポリシー
 * ********************************* */

.pg_policy {
  margin: 100px 0 0 0;
  color: #bbd659;
}

.pg_policy .txt, .pg_policy dl dd {
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.pg_policy dl {
  margin: 40px 0 0 0;
}

.pg_policy dl dt {
  font-weight: bold;
  border-bottom: 2px solid #bbd659;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}


/* **********************************
 *  404
 * ********************************* */

.pg_404 {
  text-align: left;
}

.pg_404 {
  margin: 100px 0 0 0;
}

.pg_404 .more {
  width: 377px;
  line-height: 61px;
  color: #fff;
  border: 0;
  text-align: center;
  background: #14a3c2;
  margin: 20px 0 0 0;
}

.pg_404 .more a {
  color: #fff;
  display: block;
}


/* **********************************
 *  お知らせ
 * ********************************* */

.pg_news {
  margin: 100px 0 0 0;
}

.pg_news .box_area .item {
  display: flex;
  justify-content: space-between;
  background: #f4fcfe;
  border-bottom: 1px solid #fff;
  padding: 20px 25px;
  position: relative;
}

.pg_news .box_area a.kiji {
  display: block;
}

.pg_news .box_area .item:after {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../../../img/news/arrow.png) no-repeat center top;
  display: block;
  position: absolute;
  right: 25px;
}

.pg_news .box_area .item .date {
  width: 20%;
  font-size: 16px;
}

.pg_news .box_area .item .title {
  font-size: 16px;
  font-weight: normal;
  width: 80%;
  padding-right: 30px;
  color: #bbd659;
}

.pagination {
  margin: 50px 0;
  font-size: 16px;
}

.pagination .page-numbers {
  font-size: 16px;
}

.pagination .page-numbers.current, .pagination .page-numbers:hover {
  background: #bbd659;
  color: #fff;
}

.pagination .page-numbers {
  border: 1px solid #bbd659;
  color: #bbd659;
}

.news_detail {
  margin: 100px 0 0 0;
  color: #1d4f86;
}

.news_detail .date {
  margin: -5px 0 50px 0;
  font-size: 16px;
}

.news_detail .txt {
  font-size: 16px;
  line-height: 30px;
}

.news_link {
  margin: 70px 0 100px 0;
  display: flex;
  justify-content: space-between;
}

.news_link li {
  width: 28%;
}

.news_link li:first-of-type, .news_link li:last-of-type {
  width: 20%;
}

.news_link li:first-of-type a, .news_link li:last-of-type a {
  color: #fff;
  background: #bbd659;
}

.news_link li a {
  border: 1px solid #bbd659;
  display: block;
  line-height: 50px;
  text-align: center;
  color: #bbd659;
  font-size: 16px;
}

.news_link li:last-of-type i {
  margin: 0 0 0 5px;
}

.news_link li:first-of-type i {
  margin: 0 5px 0 0;
}