@charset "UTF-8";
/*
 *
 * profile.scss
 *
 */
@import url("reset.css");
/*
 *
 * _media_query.scss
 *
 */
/* ------------------------------------------------------------
 ブレイクポイント
------------------------------------------------------------ */
/* ------------------------------------------------------------
 スマートフォン
------------------------------------------------------------ */
/* ------------------------------------------------------------
 ホバーエフェクト
------------------------------------------------------------ */
/*
 *
 * _variables.scss
 *
 */
/* ------------------------------------------------------------
 変数設定
------------------------------------------------------------ */
/* ------------------------------------------------------------
 テーマカラー
------------------------------------------------------------ */
/* ------------------------------------------------------------
 背景色
------------------------------------------------------------ */
/* ------------------------------------------------------------
 テキスト
------------------------------------------------------------ */
/* ------------------------------------------------------------
 ボタン
------------------------------------------------------------ */
/* ------------------------------------------------------------
 ボーダー
------------------------------------------------------------ */
/* ------------------------------------------------------------
 ヘッダー
------------------------------------------------------------ */
/* ------------------------------------------------------------
 フッター
------------------------------------------------------------ */
/* ------------------------------------------------------------
 セクション
------------------------------------------------------------ */
/* ------------------------------------------------------------
 カード
------------------------------------------------------------ */
/* ------------------------------------------------------------
 テーブル
------------------------------------------------------------ */
/* ------------------------------------------------------------
 メインビジュアル
------------------------------------------------------------ */
/* ------------------------------------------------------------
 CTAバナー
------------------------------------------------------------ */
.main {
  background-color: #FDFBF8;
}

/* ------------------------------------------------------------
profile
------------------------------------------------------------ */
.profile-image {
  position: relative;
}

.profile-image-inner {
  position: absolute;
  top: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1000px;
}

@media (max-width: 750px) {
  .profile-image-inner {
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    padding: 64px 24px 0;
  }
}

.profile-title {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.5;
  color: #242424;
}

@media (max-width: 750px) {
  .profile-title {
    font-size: 24px;
    text-align: center;
  }
}

.profile-greeting {
  width: 400px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 24px;
  margin-top: 56px;
}

@media (max-width: 750px) {
  .profile-greeting {
    width: 100%;
    margin-top: 24px;
  }
}

.profile-greeting .profile-name + p {
  margin-top: 32px;
}

@media (max-width: 750px) {
  .profile-greeting .profile-name + p {
    margin-top: 16px;
  }
}

.profile-greeting p {
  font-size: 16px;
  line-height: 1.8;
  color: #242424;
}

.profile-name {
  width: 285px;
}

.profile-name img {
  width: 100%;
  height: auto;
}

@media (max-width: 750px) {
  .profile-name {
    width: 100%;
    padding: 8px;
  }
}

/* ------------------------------------------------------------
history
------------------------------------------------------------ */
.history-inner {
  width: 1000px;
  margin: auto;
  padding: 56px 0 0;
}

@media (max-width: 750px) {
  .history-inner {
    width: 100%;
    padding: 56px 24px 0;
  }
}

.history-item {
  padding: 16px 24px;
  text-align: left;
  color: #242424;
  border-radius: 8px;
  background: #fff;
  border: 2px solid #E9E3DB;
}

.history-item + .history-item {
  margin-top: 80px;
  position: relative;
}

.history-item + .history-item::before {
  content: "";
  display: block;
  width: 2px;
  height: 80px;
  background: #E9E3DB;
  position: absolute;
  top: -82px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 750px) {
  .history-item + .history-item {
    margin-top: 40px;
  }
  .history-item + .history-item::before {
    height: 40px;
    top: -42px;
  }
}

.history-item__title {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .history-item__title {
    font-size: 28px;
  }
}

.history-item__text {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

/* ------------------------------------------------------------
career
------------------------------------------------------------ */
section.career {
  width: 100%;
  display: block;
  padding: 56px 0;
}

@media (max-width: 750px) {
  section.career {
    padding: 56px 24px 104px;
    position: relative;
  }
}

.career-inner {
  width: 1000px;
  margin: auto;
}

@media (max-width: 750px) {
  .career-inner {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
/*# sourceMappingURL=profile.css.map */