/**
 * profile.html 専用のスタイル指定
 *
 * 注意:
 * 「PCファースト」の方針で記述しています。
 * はじめにPC、モバイル共通のスタイルを記述し、モバイル専用は後から上書きする形で記述しています。
 * 原則として、PC専用のメディアクエリは設けないようにしてください。
 */
/*******************************
 * PC、モバイル共通
 *******************************/
/**
 * ヒーロー
 */
.hero2-inner {
  background-color: #dfebff;
  color: #7999b8;
  background-image: url(../img/profile/hero2-profile.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
/**
 * 見出し
 */
.section-title {
  background: #0476b3;
}
/**
 * テーブル
 */
.table-profile,
.table-profile th,
.table-profile td {
  border-collapse: collapse;
}
.table-profile th,
.table-profile td {
  padding: 10px;
  word-break: break-all;
}
.table-profile {
  margin-bottom: 30px;
  width: calc(100% - 2px);
}
.table-profile tr:nth-child(2n) {
  background: #e8f3ff;
}
.table-profile tr:nth-child(2n+1) {
  background: #d0e8ff;
}
/**
 * Googleマップ
 */
.gmap {
  height: 600px;
  margin: 1em 0;
  width: 100%;
}
/**
 * dl
 */
.profile-address {
  font-size: 20px;
}
.profile-address dt {
  background: #0476b3;
  border-radius: 8px;
  color: #fff;
  float: left;
  padding: 15px 20px;
}
.profile-address dd {
  float: left;
  padding: 15px;
}
/*******************************
 * モバイル専用
 *******************************/
@media (max-width: 767px) {
  .hero2-inner {
    background-image: none;
  }
  .table-profile .list-normal ul,
  .table-profile .list-normal ol {
    margin-left: 0.5em;
  }
  .profile-address {
    font-size: 16px;
  }
  .profile-address dt {
    border-radius: 6px;
    padding: 12px 16px;
  }
  .profile-address dd {
    padding: 12px;
  }
}