@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/* ====================================================

    ┏───────────────────────┓
    │   Table Of Contents   │
    ┗───────────────────────┛

    1. Visual
    1-1. Reset
    2. Professional
    3. Service
    4. News
    5. Recruit
    6. Loading

==================================================== */
/* ====================================

  0. Common

==================================== */
/*
  0-1. Hero
==================================== */
.hero {
  background-image: url(/wp/wp-content/themes/royal_new_theme/assets/images/pages/company/hero-ph_1.jpg);
}

/*
  0-2. Container
==================================== */
.page-head {
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 4px solid #d02e2c;
}

@media screen and (max-width: 959px) {
  .page-head {
    font-size: 18px;
    font-size: 1.8rem;
    border-width: 3px;
  }
}

.page-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.page-anchor .child {
  position: relative;
  width: calc(33.3333% - 1px);
  margin-top: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 42px;
  background-color: #f6f6f6;
  -webkit-transition: background-color .3s, color .3s;
          transition: background-color .3s, color .3s;
}

.page-anchor .child:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-bottom: 1px solid #d02e2c;
  border-left: 1px solid #d02e2c;
  -webkit-transition: border-color .3s;
          transition: border-color .3s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.page-anchor .child:hover {
  background-color: #fcebeb;
}

@media screen and (max-width: 959px) {
  .page-anchor {
    display: block;
    margin-top: 4vw;
  }
  .page-anchor .child {
    display: block;
    width: 100%;
    padding-left: 4vw;
    text-align: left;
    line-height: 12vw;
  }
}

.heading-secondary {
  margin: 30px 0;
}

.heading-secondary.-slim {
  margin-bottom: 30px;
}

@media screen and (max-width: 959px) {
  .heading-secondary {
    margin: 8vw 0;
  }
  .heading-secondary.-slim {
    margin-bottom: 4vw;
  }
}

.ceo-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.ceo-message .image {
  width: 206px;
}

.ceo-message .text {
  width: calc(100% - 206px);
  padding: 15px 0 0 30px;
}

.ceo-message .cat {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

.ceo-message .company-list {
  margin-top: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.ceo-message .name {
  margin-left: 10px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 24px;
  font-size: 2.4rem;
}

.ceo-message .lead {
  margin-top: 7px;
}

.ceo-message .lead + .lead {
  margin-top: 15px;
}

@media screen and (max-width: 959px) {
  .ceo-message {
    position: relative;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  .ceo-message .image {
    position: absolute;
    top: 29.33333vw;
    left: 0;
    display: block;
    width: 42.66667vw;
  }
  .ceo-message .image img {
    width: 100%;
  }
  .ceo-message .text {
    width: 100%;
    padding: 0 0 0 46.4vw;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .ceo-message .cat {
    margin-left: -46.4vw;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ceo-message .company-list {
    margin-top: 13.33333vw;
    margin-bottom: 2vw;
  }
  .ceo-message .name {
    font-size: 20px;
    font-size: 2rem;
  }
  .ceo-message .lead {
    margin-top: 2.66667vw;
    line-height: 1.5;
  }
}

.company-image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.company-image-box .image {
  padding-left: 15px;
}

.company-image-box .text {
  line-height: 1.5;
}

@media screen and (max-width: 959px) {
  .company-image-box {
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  .company-image-box .image {
    padding-left: 0;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .company-image-box .image img {
    width: 100%;
  }
  .company-image-box .text {
    margin-top: 2.66667vw;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.company-profile {
  margin-top: 20px;
}

.company-profile .access iframe {
  display: block;
  width: 100%;
  height: 320px;
}

@media screen and (max-width: 959px) {
  .company-profile {
    margin-top: 2.66667vw;
  }
  .company-profile .access {
    margin: 0 -2.66667vw;
  }
  .company-profile .access iframe {
    height: 45.33333vw;
  }
}

.company.-table .wrap {
  display: table;
  width: 100%;
}

.company.-table .wrap .head, .company.-table .wrap .detail {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
  border-top: 2px solid #fff;
}

.company.-table .wrap .head {
  width: 94px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  background-color: #e0e0e0;
}

.company.-table .wrap .detail {
  width: calc(100% - 94px);
  padding: 12px 15px;
  line-height: 1.5;
  border-left: 2px solid #fff;
  background-color: #f6f6f6;
}

@media screen and (max-width: 959px) {
  .company.-table {
    margin: 0 -2.66667vw;
  }
  .company.-table .wrap {
    display: block;
  }
  .company.-table .wrap .head, .company.-table .wrap .detail {
    display: block;
    width: 100%;
  }
  .company.-table .wrap .head {
    padding-left: 4vw;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
  }
  .company.-table .wrap .detail {
    border-top: none;
    border-left: none;
  }
}

.company.-list {
  margin-top: 2px;
  padding: 25px;
  line-height: 1.5;
  border: 1px solid #e0e0e0;
  background: url(/wp/wp-content/themes/royal_new_theme/assets/images/common/bg-lattice.png) repeat;
}

.company.-list .head {
  color: #d02e2c;
  font-weight: bold;
}

.company.-list .head ~ .head {
  margin-top: 15px;
}

.company.-list .head:before {
  content: "●";
  margin-right: 5px;
}

@media screen and (max-width: 959px) {
  .company.-list {
    margin: 0 -2.66667vw;
    padding: 2.66667vw 4vw;
  }
}

table.ur_table {
border:1px solid #ccc;
background:#fff;
width:100%;
border-collapse: collapse;
}

table.ur_table th {
border:1px solid #ccc;
background:#e5ebee;
padding:5px;
text-align:center;
	vertical-align: middle;
}

table.ur_table td {
border:1px solid #ccc;
padding:5px;
	vertical-align: middle;
}