/* 001 */ .button001 a { background: #eee; border-radius: 3px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 280px; padding: 10px 25px; color: #313131; transition: 0.3s ease-in-out; font-weight: 500; } .button001 a:hover { background: #313131; color: #FFF; } .button001 a:after { content: ''; width: 5px; height: 5px; border-top: 3px solid #313131; border-right: 3px solid #313131; transform: rotate(45deg) translateY(-50%);

.btn-wrapper { text-align: center; margin: 2em 0; } .btn-contact { display: inline-block; padding: 1.2em 2.4em; font-size: 1.5rem; font-weight: bold; color: #fff; background-color: #0077C8; /* メインブルー */ border: none; border-radius: 6px; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease, color 0.2s ease; } .btn-contact:hover, .btn-contact:focus { background-color: #3399FF; /* ホバー時は明るい青 */ color: #fff; /* 明示的に白を維持 */ transform: scale(1.03); } .btn-contact:active { background-color: #005b9f; color: #fff; }