body{
margin:0;
font-family:'Inter', sans-serif;
background:#e9e3df;
color:#1c2b33;
text-align:center;
}

/* ナビ */
nav{
margin-top:30px;
}

nav a{
margin:0 15px;
font-size:12px;
letter-spacing:2px;
text-decoration:none;
color:#c48a2c;
}

/* アイコン */
.icon img{
margin-top:30px;
width:80px;
border-radius:50%;
}

/* タイトル */
.title{
margin-top:20px;
letter-spacing:6px;
font-size:18px;
}

/* メイン */
.main-card{
margin:50px auto;
width:80%;
max-width:900px;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.main-card img{
width:100%;
}

/* 下部 */
.bottom{
display:flex;
justify-content:center;
gap:100px;
padding:50px 10%;
text-align:left;
}

.left, .right{
width:300px;
}

h2{
font-size:12px;
letter-spacing:2px;
}

.notice{
color:#c48a2c;
font-size:11px;
}

/* ボタン */
button{
display:block;
width:100%;
margin-top:15px;
padding:14px;
border:none;
border-radius:30px;
background:#c48a2c;
color:white;
font-size:12px;
cursor:pointer;
}

.main-btn{
background:#1c2b33;
}

/* ===== フッター ===== */
footer{
background:#0f2a35;
color:white;
padding:60px 20px;
margin-top:80px;
}

.footer-links{
display:flex;
justify-content:center;
gap:60px;
font-size:11px;
letter-spacing:2px;
margin-bottom:30px;
}

.footer-links a{
color:#c48a2c;
text-decoration:none;
}

/* SNS */
.sns{
display:flex;
justify-content:center;
gap:25px;
font-size:20px;
margin-bottom:30px;
}

/* コピー */
.copyright{
font-size:11px;
opacity:0.8;
}

.sub{
font-size:10px;
opacity:0.5;
}