/* UTF-8の文字コードを読む */
@charset "utf-8";

/* リセット */
* {
    /*width や height に「padding と border を含めて」計算するようになる。*/
    box-sizing: border-box;

    /* ブラウザ標準の余白（内側・外側）をゼロにする */
    padding: 0;
    margin: 0;
}

/* リスト数字・を削除 */
ul,
ol,
li {
    list-style-type: none;
}

/* リンクの下線を消す */
a {
    text-decoration: none;
}

table {
    /* セル同士の隙間をなくす */
    border-spacing: 0;
    /* 隣り合う枠線を重ねて表示する */
    border-collapse: collapse;
}

/* 画像の設定 */
img {
    /* 画像の下に発生する謎の文字余白を削除する */
    vertical-align: bottom;

    /* vertical-align完全じゃないようなので、画像を「ブロック要素」にすることで、下の隙間を完全に消す */
    /* display: block; */

    /* 親要素（sectionやdivなど）の幅より画像が大きい場合、親の幅に合わせて自動縮小させる */
    max-width: 100%;

    /* 横幅が縮小された際、画像の縦横比（じゅうおうひ）が崩れないように高さを自動調整する */
    height: auto;
}

/* 送信ボタンデフォルトのデザインリセット */
button {
    appearance: none; /* ブラウザ標準のスタイルを無効化 */
    background: transparent; /* 背景色を透明にする（親の背景色を活かす場合） */
    border: none; /* デフォルトの枠線を消す */
    cursor: pointer; /* マウスを乗せた時に指マークにする */
}