/* 円形メニューボタンのスタイル */
.menu-button-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
}

.menu-circle-button {
	width: 51px;
	height: 51px;
	background: linear-gradient(135deg, #0066FF, #0099FF);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 16.5px;
	font-weight: bold;
	box-shadow: 0 4px 12px rgba(0, 102, 255, 0.4);
	cursor: pointer;
	transition: all 0.3s ease;
	writing-mode: horizontal-tb;
	text-align: center;
	line-height: 1.2;
}

.menu-circle-button:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 102, 255, 0.6);
}

.dropdown-menu {
	position: absolute;
	top: 60px;
	right: 0;
	background-color: transparent;
	border: 2px solid #0066FF;
	border-radius: 15px;
	padding: 10px;
	width: 400px;
	box-shadow: 0 8px 24px rgba(0, 102, 255, 0.3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
}

.menu-button-container:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	background-color: rgba(0, 0, 0, 0.7);
}

.dropdown-menu a {
	display: block;
	padding: 8px 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13.52px;
	line-height: 1.2;
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
	text-align: center;
}

.dropdown-menu a:hover {
	background-color: #0066FF;
	border-left: 3px solid #00CCFF;
}

.dropdown-divider {
	height: 1px;
	background-color: #0066FF;
	margin: 4px 0;
}


/* === フォーム記入欄 幅調整（実質2倍） === */
.form-input {
  width: 480px;
  box-sizing: border-box;
}
.form-textarea {
  width: 480px;
  box-sizing: border-box;
}
