@charset "UTF-8";

h1 {
       text-align : right;
       font-size: 14px;
}

body {
  font-size: 18px; /* 基準となるフォントサイズ */
}

.image-container img {
    display: block;
    margin-bottom: 10px; /* 画像の間の隙間 */
  }

img {
  max-width: 100%; /* 親要素の幅に合わせて縮小 */
  height: auto;    /* 縦横比を維持 */
}

/** スマホ(デフォルト) **/
h1 {
       text-align : right;
       font-size: 12px;
}


/** タブレット **/
@media screen and (min-width: 480px) {
h1 {
       text-align : right;
       font-size: 14px;
}

/** パソコン **/
@media screen and (min-width: 1024px) {
h1 {
       text-align : right;
       font-size: 14px;
}