@charset "UTF-8";
/* font-family */
/* フォントサイズ */
/* 右回転 */
@-webkit-keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 左回転 */
@-webkit-keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* X軸回転 */
@-webkit-keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
/* Y軸回転 */
@-webkit-keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
/* 上に上がりながら消える */
@-webkit-keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
/* 下に下がりながら表示 */
@-webkit-keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.theme-bg {
  background-color: #F6F7EB !important;
}

.theme-text {
  color: #333 !important;
}

.theme-border {
  border: 1px solid #357886 !important;
}

#header {
  background-color: #FFF;
  color: #333;
}

.main {
  background-color: #FFF;
  color: #333;
}

.theme-tokyo .theme-bg {
  background-color: #333;
  color: #F6F7EB !important;
}

.theme-tokyo .theme-text {
  color: #CCC !important;
}

.theme-tokyo .theme-border {
  border: 1px solid #666 !important;
}

.theme-tokyo #header {
  background-color: #000 !important;
  color: #CCC !important;
}

.theme-tokyo .main {
  background-color: #333 !important;
  color: #FFF !important;
}

/* 基本文字色 */
html {
  color: #333;
}

/* フォント */
body {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-noto {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-meiryo {
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.font-mono {
  font-family: Consolas, "Courier New", Courier, Monaco, "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

.font-msgo {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", Consolas, "Courier New", Courier, Monaco, monospace;
}

.font-btn {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*
================= 目次 =================

// 【共通】企業系ページ
// 【企業トップ】レイアウト
// 【企業トップ】一覧系
// 【企業トップ】パーツ別
// 【企業イベント一覧】

========================================
*/
/*-------------------------------------
// 【共通】企業系ページ
-------------------------------------*/
/* 大見出し */
.h2-kigyo {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5em;
  position: relative;
  margin-top: 100px;
}
@media print, (min-width: 768px) {
  .h2-kigyo {
    font-size: 3rem;
  }
}
.h2-kigyo .gyosyu {
  position: absolute;
  left: 0;
  top: -1.6em;
  color: #238ad0;
  font-size: 0.65em !important;
}
.h2-kigyo .gyosyu .icon {
  font-size: 1.5em;
}
.h2-kigyo .title-back {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: -180px;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  color: #238ad0;
  font-size: 0.8em !important;
  text-align: center;
}
.h2-kigyo .title-back__icon {
  font-size: 9em !important;
  width: 100%;
}
.h2-kigyo .title-back__text {
  width: 100%;
  position: relative;
  top: -85px;
  font-style: italic;
  font-size: 1.1em;
}
@media screen and (max-width: 767px) {
  .h2-kigyo {
    margin-top: 100px;
  }
  .h2-kigyo .title-back {
    top: -145px;
  }
  .h2-kigyo .title-back__text {
    top: -64px;
  }
}
@media screen and (max-width: 767px) and (max-width: 428px) {
  .h2-kigyo .title-back {
    top: -136px;
  }
  .h2-kigyo .title-back__text {
    top: -58px;
  }
}

/* 企業メニュー */
.tab-area {
  margin-top: 1em;
}

/*-------------------------------------
// 【企業トップ】レイアウト
-------------------------------------*/
.kigyo-contents {
  position: relative;
  top: -2em;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* レスポンシブ */
}
.kigyo-contents__left {
  width: 40%;
  padding-left: 1%;
}
.kigyo-contents__right {
  width: 55%;
  padding-right: 1%;
}
@media screen and (max-width: 767px) {
  .kigyo-contents__left {
    width: 100%;
    padding-left: 0;
  }
  .kigyo-contents__right {
    width: 100%;
    padding-right: 0;
  }
}

/*-------------------------------------
// 【企業トップ】一覧系
-------------------------------------*/
.kigyo-contents .list-item {
  border-width: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: #585858;
}
.kigyo-contents .list-item__head__date {
  font-weight: 500 !important;
  font-size: 0.9em !important;
}
.kigyo-contents .list-item__title {
  font-size: 1.1em;
  margin-top: 0.5em;
}
.kigyo-contents .list-item__title a {
  font-weight: 600;
}
.kigyo-contents .list-item__title a.new {
  font-weight: 700;
}
.kigyo-contents .list-item__info {
  padding: 0;
  line-height: 1.4;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/*-------------------------------------
// 【企業トップ】パーツ別
-------------------------------------*/
.kigyo-parts {
  margin-bottom: 2em;
  /* パーツ別：ビジュアル */
  /* パーツ別：動画（共通） */
  /* パーツ別：企業紹介スライドショー */
  /* パーツ別：地図 */
  /* パーツ別：お知らせ */
  /* パーツ別：イベント */
  /* パーツ別：KEYNOTE（会社概要） */
  /* パーツ別：MESSAGE（代表者メッセージ） */
  /* パーツ別：About Us */
  /* パーツ別：先輩社員 */
  /* レスポンシブ（まとめ） */
}
.kigyo-parts.visual .panel {
  padding-left: 0;
  padding-right: 0;
}
.kigyo-parts.visual .visual-image__main {
  text-align: center;
  margin-bottom: 2em;
}
.kigyo-parts.visual .visual-image__main img {
  max-width: 100%;
}
.kigyo-parts.visual .visual-image__sub {
  text-align: center;
}
.kigyo-parts.visual .visual-image__sub img {
  max-width: 100%;
}
.kigyo-parts.news .comimg {
  max-width: 90%;
  max-height: 150px;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.news .comimg {
    max-height: 120px;
  }
  .kigyo-parts.news .title {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 428px) {
  .kigyo-parts.news .comimg {
    max-height: 100px;
  }
}
.kigyo-parts.event {
  /* レスポンシブ */
}
.kigyo-parts.event .event-box .event-list {
  /* レイアウト */
  /* 項目別 */
}
.kigyo-parts.event .event-box .event-list__item:first-child td {
  border-top: none;
}
.kigyo-parts.event .event-box .event-list .attr-date {
  font-weight: 500;
  padding-left: 0.5em;
  width: 145px;
}
.kigyo-parts.event .event-box .event-list .attr-date__main {
  font-size: 1.1em;
  word-break: keep-all;
}
.kigyo-parts.event .event-box .event-list .attr-date__sub {
  font-size: 0.9em;
  font-weight: 300;
  word-break: keep-all;
}
.kigyo-parts.event .event-box .event-list .attr-title__name {
  font-size: 1.1em;
  padding-right: 30px;
  position: relative;
  color: #BF000E;
  padding-left: 0;
}
.kigyo-parts.event .event-box .event-list .attr-title__name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: unset;
  right: 15px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  border-top: 2px solid #BF000E;
  border-right: 2px solid #BF000E;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.kigyo-parts.event .event-box .event-list .attr-title__name:hover {
  color: #dc4e37;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.event .title {
    margin-bottom: 2.3em;
  }
}
.kigyo-parts.message .message-image {
  margin: 5px;
  text-align: right;
}
.kigyo-parts.message .message-image img {
  max-width: 240px;
  max-height: 200px;
}
.kigyo-parts.message .message-name {
  margin: 5px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.message .message-image img {
    max-width: 50vw;
    max-height: 50vw;
  }
}
.kigyo-parts.aboutus .base-table th,
.kigyo-parts.aboutus .base-table td {
  word-break: break-all;
}
.kigyo-parts.senior .list-item {
  /* 先輩基本情報 */
}
.kigyo-parts.senior .list-item__left .profile .comimg {
  max-height: 180px;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.senior .list-item__left .profile .comimg {
    max-height: 150px;
  }
}
@media screen and (max-width: 428px) {
  .kigyo-parts.senior .list-item__left .profile .comimg {
    max-height: 120px;
  }
}
.kigyo-parts.senior .list-item__title {
  font-size: 1.2em;
}
.kigyo-parts.senior .list-item .senior_data {
  /* 氏名 */
  /* レスポンシブ */
}
.kigyo-parts.senior .list-item .senior_data .name .join_year {
  position: absolute;
  right: 0;
  bottom: -1.6em;
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.senior .list-item .senior_data .name .name_kanji {
    font-size: 1.15em;
  }
  .kigyo-parts.senior .list-item .senior_data .name .join_year {
    left: 2px;
    bottom: -3.3em;
  }
}
@media screen and (max-width: 428px) {
  .kigyo-parts.senior .list-item .senior_data .join_year {
    display: none;
  }
}
.kigyo-parts.senior .list-item .senior_to {
  text-align: right;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .kigyo-parts.visual .panel, .kigyo-parts.movie .panel, .kigyo-parts.slide .panel, .kigyo-parts.map .panel {
    padding: 0 3rem;
  }
  .kigyo-parts.aboutus .panel {
    padding: 0 1.5rem;
  }
}

/*-------------------------------------
// 【企業イベント一覧】
-------------------------------------*/
.event_kigyo .nitei_title a {
  color: #238ad0;
  text-decoration: none;
}/*# sourceMappingURL=kigyo.css.map */