@charset "UTF-8";

@import url("normalize.css"); /* ------- Reset all CSS Styles */

/********************
共通
******************************/
* {
  box-sizing: border-box;
}
/* https://developer.mozilla.org/ja/docs/Web/CSS/box-sizing */

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
  background-image: url(../images/top.jpg);
  /* 天地左右の中央に配置 */
  background-position: center center;
  /* タイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #171a0f;
}

/* 共通　大枠 */
.wrapper{
  padding: 120px;/* 余白指定 */
  background-color:  rgba(255, 255, 255, 0.829);    /* 背景色指定 */
  height: 800px;
  width: 1200px;
  margin:30px auto;
  display:flex;
  justify-content: space-between;
}
.wrapper-text{              
  height:60%;
  width:60%;
  margin: auto;
  margin-right:20px;
}
.wrapper-text h2{
  font-family: "arial black";
  font-size:28px;
  margin: auto;
}
.content-image h2{
  font-size:18px;
  text-align: center;
}