@charset "UTF-8";

/* ===== Minimal Reset CSS (2026版) ===== */

/* 1. すべての要素の余白とパディングをリセット */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2. HTML5要素の表示をブロックに統一 */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

main{
	margin-top: 80px;
}

/* 3. デフォルトのフォント設定を統一 */
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: serif;
  background-color: #000;
  color: #FFF;
}

/* 4. 画像・メディアのサイズ調整 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 5. フォーム要素のリセット */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* 6. リンクの装飾を初期化 */
a {
  color: inherit;
}

/* 7. リストのスタイルを削除 */
ul,
ol {
  list-style: none;
}

/* common */
.bg-black {
    background-color: #000;
    color: #FFF;
}

.bg-white {
    background-color: #FFF;
    color: #000;
}

.header-nav {
    border-bottom: 1px solid #FFF;
    color: #FFF;
    z-index: 9999;
}

.footer-border {
    border-top: 1px solid #FFF;
}

.main {
    height: auto;
    margin: 150px auto;
}

.text-border {
    color: #FFF;
    text-shadow:
        1px 1px 0px #000, -1px -1px 0px #000,
        -1px 1px 0px #000, 1px -1px 0px #000,
        1px 0px 0px #000, -1px 0px 0px #000,
        0px 1px 0px #000, 0px -1px 0px #000;
}

.text-black {
    color: #000;
}

.text-white {
    color: #FFF;
}

.m-auto {
	width: auto;
	margin: 0 auto;
}

.div-center {
    display: flex;
    /* Flexboxを有効化 */
    justify-content: center;
    /* 水平方向の中央揃え */
    align-items: center;
    /* 垂直方向の中央揃え */
    height: 100vh;
    /* コンテナ全体の高さを画面いっぱいに設定 */
    margin-top: -100px;
}

input {
	background-color: #000;
	color: #FFF;
	border: 1px solid #FFF;
}

button {
	color: #000;
}

table,
th,
td {
	text-align: left;
	border: 1px solid #FFF;
	padding: 2px 6px;
}

.error-message {
	color: red;
}




h1 {
    color: red;
}

p {
    color: #0000ff;
    font-size: 24px;
}

.box {
    background-color: lightblue;
}

.fs1 {
    font-size: 24px;
}

.fs2 {
    font-size: 36px;
}

.m1 {
    background-color: green;
    display: inline-block;
}

.m2 {
    background-color: lightblue;
    margin: 20px 40px 60px 80px;
}

.m3 {
    background-color: lightblue;
    margin: 20px;
}

.p1 {
    background-color: lightblue;
    padding: 20px 40px 60px 80px;
    display: inline-block;
}

.p2 {
    background-color: lightblue;
    padding: 20px;
    display: inline-block;
}

.b1 {
    width: 200px;
    height: auto;
    border: 10px dotted red;
}

.wh1 {
    width: 300px;
    height: 60px;
    background-color: coral;
}

.wh2 {
    background-color: coral;
}

.disp-block {
    display: block;
    background-color: lightblue;
    margin: 10px 0;
    padding: 10px;
}

.inline-box {
    display: inline;
    background-color: lightgreen;
    padding: 5px;
    margin-right: 10px;
}

.item {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: lightcoral;
    margin: 5px;
    text-align: center;
    line-height: 60px;
    color: white;
    font-weight: bold;
}

.fl1 {
    display: flex;
    flex-wrap: wrap;
}

.fl2 {
    width: 300px;
    height: 300px;
    background: skyblue;
    margin: 5px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}

/*戻るボタン*/
a.btn_1{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    margin: 0 auto 0 50px; 
    padding: 1rem 2rem 1rem 3rem; 
    font-weight: bold;
    background: #eee;
    color: #324b6e;
    border-radius: 100vh;
    position: relative;
    transition: 0.5s;
    box-sizing: border-box;
}
a.btn_1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1.5em;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #324b6e;
    border-left: 1px solid #324b6e;
    transform: translateY(-50%) rotate(45deg);
}
a.btn_1::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 1.5em;
    width: 20px;
    height: 1px;
    background-color: #324b6e;
    transform: translateY(-50%);
}
a.btn_1:hover {
    background: rgb(209, 220, 235);
    color: #324b6e;
}