@charset "UTF-8";

/*ヘッターフッター*/
header{background: #889B97;
text-align: center;
}
footer{background:#889B97;
}
.footer{
  text-align: center;
}
/*ヘッターフッター文字白*/
.white{
  color:#fff;
}

/*文字中央ぞろえ、色*/
.text{
  text-align: center;
}

/*画像要素横並び*/
.container{
  display:flex;
}

/*画像サイズ*/
.img1{
  width:450px;
}

/*ｽﾏﾎ設定*/
@media (max-width:767px){
.container{
  display:flex;
  flex-direction: column;
}
.img1{
  width:300px;
}

}