@charset "UTF-8";
body { 
    background-color: #ffffff;
    font-family:"MS Pゴシック",sans-serif;        
}

footer{
    background-color: #000000;
    text-align: center;
}

footer small{
    color: #fff;
}

/*人物紹介ブロック*/
.block_1{
    background: #e9e2c5 ;
    margin: 0 40px;
}

/*戻るボタン*/
.back {
  margin: 0 40px;
}

/* 横並び */
.flex {
  display: flex; /*横並び*/
  padding: 1%;
}
.flex .image {
  width: 225px; /*画像サイズ指定*/
  width: 20%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .right {
  margin: 0 0 0 20px;
  padding: 0;
  width: 70%;
}
.flex .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.flex .text {
  margin: 10px 0 0;
  padding: 0;
}

@media (max-width:520px) {/*スマホサイズ　モバイルファースト*/
    .flex {
        flex-direction: column;
    } 
    .flex .image {
      width: 225px; /*画像サイズ指定*/
      margin: auto;
      max-width:100%;
    }

    .flex .right{
      margin: auto;
    }
    
    .block_1 {
      margin: auto;
    }

    .title {
      text-align: center;
    }
  }

  img {/*画像レスポンシブ拡大縮小と画像下空白埋め*/
    width:100%;
    height:auto;
    vertical-align: bottom;
}