/* ====================
 リセットCSS
==================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: sans-serif; /* 任意でデフォルトのフォントを設定 */
}

body {
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 見出しのサイズ調整 */
    font-weight: normal; /* 見出しの太さをリセット */
}

ul, ol {
    list-style: none; /* デフォルトのリストマーカーを削除 */
}

a {
    text-decoration: none; /* リンクの下線を削除 */
    color: inherit; /* リンクの色を親要素から継承 */
}

img {
    max-width: 100%; /* 画像が親要素をはみ出さないように */
    height: auto; /* アスペクト比を保ったまま画像をリサイズ */
}

table {
    border-collapse: collapse; /* テーブルのセル間のスペースを削除 */
    border-spacing: 0; /* テーブルセルの間隔をゼロに */
}

button, input, select, textarea {
    background: transparent; /* ボタンなどの背景を透明に */
    border: none; /* デフォルトの境界線を削除 */
    font: inherit; /* フォントを親要素から継承 */
    cursor: pointer; /* ボタンなどのカーソルを指の形に */
}

/* フォーカスが当たったときのスタイル */
:focus {
    outline: none; /* デフォルトのフォーカススタイル（アウトライン）を削除 */
}

/* フォーム要素の修正 */
input, textarea {
    background-color: transparent; /* 背景色を透明に */
    border: 1px solid #ccc; /* 1pxのボーダーを設定（必要に応じて変更） */
}

/* フォームのプレースホルダーのスタイル */
::placeholder {
    color: #999;
}

/* エレメントの整列（オプション） */
html {
    scroll-behavior: smooth; /* ページ内リンクのスクロールをスムーズに */
}

/* ====================
 コンテンツ
==================== */
.wrapper {
    width: 100%;
    margin: auto;
    max-width: 750px;
}
header {
    padding: 10px;
	display: flex;
	justify-content: space-between;
}
header h1 {
	display: inline-block;
}
header .btn_head {
	display: inline-block;
}
main {
    width: 100%;
}
main img {
    width: 100%;
	margin-bottom: 10px;
}

.yuryo {
	padding-bottom: 100px;
	width: fit-content;
	margin: 0 auto 50px;
}

footer {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
}
footer a {
    width: 100%;
    display: block;
	position: absolute;
	bottom: 0;
}
footer a img {
    width: 100%;
	position: absolute;
	bottom: 0;
}