@charset "utf-8";

/* ----- ページトップの画像  ----- */
.top_image_area {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  padding: 15px 25px;
  background-image: url(../images/toppage/slidepix/main/image_1000px/seminar.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
}

/* トップ画像内の見出し */
.top_image_title {
  font-size: 2.5em;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 6px #333, 1px 1px 6px #333;
  /* text-shadow: 0 0 3px #333, 1px 1px 4px #333, 2px 2px 5px #333, */
  /* -1px -1px 4px #333, */
  /* -2px -2px 5px #333; */
  line-height: 1.6;
  letter-spacing: 0.07em;
  font-feature-settings: "palt";
}

/* トップ画像内の小文字 */
.top_image_text {
  color: #fff;
  margin-top: 5px;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  text-shadow: 0 0 6px #333, 1px 1px 6px #333;
  /* text-shadow: 0 0 3px #fff, 1px 1px 4px #fff, 2px 2px 5px #fff, */
  /* -1px -1px 4px #fff, */
  /* -2px -2px 5px #fff; */
}

/* トップ4ボタン基本パーツはnext.cssのもの使用 */
/* 「未来設計投資クラブ」背景画像指定 */
.club_btn {
  background-image: url(../images/seminar_images/4_btn/club.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 「GTCセミナー」背景画像指定 */
.gtc_btn {
  background-image: url(../images/seminar_images/4_btn/gtc.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 「写真集」背景画像指定 */
.photo_btn {
  background-image: url(../images/seminar_images/4_btn/photo.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 「これまでのセミナー開催」背景画像指定 */
.past_btn {
  background-image: url(../images/seminar_images/4_btn/past.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 過去のセミナー実績 */


.unit {
  padding: 20px 0;
}

.left {
  width: 120px;
  background-color: #E7E0D7;
  padding: 20px 0 20px 15px;
  margin-top: 5px;
  float: left;
  display: inline;
  border-radius: 10px;
}

.right {
  width: 570px;
  padding-left: 10px;
  text-align: justify;
  line-height: 1.8;
  letter-spacing: 0.07em;
  font-feature-settings: "palt";
  float: right;
  display: inline;
}

.unit:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* ◆  ----------  ◆ SP表示設定（768px以下） ◆  ----------  ◆ */
/*###############################################################*/
/*####################### 768px or less #########################*/
/*###############################################################*/
/* ＝＝＝＝＝＝＝＝＝＝ SP表示用設定 ＝＝＝＝＝＝＝＝＝＝ */
/* ----- 769px以上はPC表示 ----- */
@media (max-width: 768px) {

  /* ----- ページトップの画像  ----- */
  .top_image_area {
    padding: 10px 20px;
  }

  /* 画像内の見出し */
  .top_image_title {
    font-size: 2.0em;
  }

  /* 画像内の小文字 */
  .top_image_text {
    margin-top: 5px;
  }

  /* 過去のセミナー実績 */
  .left {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 10px;
  }

  .right {
    width: 100%;
    float: none;
    padding-left: 0;
  }

  /* .unit:after {} */


}