@charset "UTF-8";
/*
 * fx/point.php（MT5 / フィリップMT5）
 */

/* 先頭：ロゴ */
.fx-point .fx-point__logo {
  display: block;
  width: 100%;
  max-width: 36rem;
  height: auto;
}

/* MT4からの乗り換え：バナー 2 枚を縦に */
.fx-point .fx-point__banners img {
  display: block;
  width: 100%;
  height: auto;
}

/* 電話サポート */
.fx-point .fx-point__tel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8) var(--space-16);
}

.fx-point .fx-point__tel-label {
  padding: var(--space-4) var(--space-16);
  background-color: var(--dark-blue);
  font-size: var(--font-size-14);
  font-weight: 700;
  color: var(--white);
}

.fx-point .fx-point__tel-number {
  font-size: var(--font-size-28);
  font-weight: 700;
  line-height: 1.2;
  color: var(--dark-blue);
  text-decoration: none;
}

/* 各種コラムおよびレポート：カード（題名 / 執筆者 / 肩書き ＋ 更新頻度） */
.fx-point .fx-point__report-group {
  margin-bottom: var(--space-16);
  font-size: var(--font-size-16);
  font-weight: 700;
  color: var(--dark-blue);
}

.fx-point .fx-point__report {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--solid-gray-200);
  background-color: var(--white);
  color: var(--base-text-color);
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.fx-point a.fx-point__report:hover {
  border-color: var(--dark-blue);
  box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
}

.fx-point .fx-point__report-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 9.6rem;
  padding: var(--space-16) var(--space-24);
  background-color: var(--dark-blue);
  font-size: var(--font-size-16);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: var(--white);
}

.fx-point .fx-point__report-person {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-16);
  text-align: center;
}

.fx-point .fx-point__report-person small {
  font-size: var(--font-size-12);
  color: var(--solid-gray-800);
}

.fx-point .fx-point__report-label {
  align-self: center;
  margin: auto 0 var(--space-16);
}

/* MT5関連コラム */
.fx-point .fx-point__column {
  height: 100%;
  padding: var(--space-24);
  background-color: var(--light-gray);
}

.fx-point .fx-point__column-title {
  font-size: var(--font-size-16);
  font-weight: 700;
  line-height: 1.5;
  color: var(--dark-blue);
}

@media screen and (min-width: 768px) {
  .fx-point .fx-point__report-title {
    font-size: var(--font-size-18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fx-point .fx-point__report {
    transition: none;
  }
}