#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	border-radius: 5px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border-radius: 5px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	vertical-align: middle;
}
input {
	font-size:20px;
}
input[type="text"] {
	width:80%;
}
input[type="number"] {
	width:50%;
}

input[name="年"] {/* 年 */
	text-align:center;
	width:40%;
	border:#CCC 1px solid;
	margin:5px 0 0 0;
	ime-mode:disabled;
}

select {/* プルダウン表示 */
	text-align:center;
	width:40%;
	font-size:20px;
	border:#CCC 1px solid;
	margin:5px 0 0 0;
}

.mark {
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	color:red;
}

textarea {
	resize: none; /* これでサイズ変更不可になります */
}

/* ▼▼▼ 追加：アコーディオン・装飾用スタイル ▼▼▼ */

/* エリアごとのタイトル（青帯や青文字） */
.area-title {
    font-weight: bold;
    color: #0033cc;
    border-bottom: 1px solid #0033cc;
    margin-bottom: 10px;
    padding-bottom: 3px;
    margin-top: 15px;
}

/* 質問のラベル */
.q-label {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 3px;
}

/* 親エリア（最初は隠す） */
.main-area {
    display: none;
    background-color: #fbfbfb;
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

/* 子エリア（最初は隠す） */
.sub-area {
    display: none;
    margin-left: 20px;
    padding: 10px;
    background-color: #fff;
    border: 1px dashed #ccc;
    margin-top: 5px;
    margin-bottom: 10px;
}


/* ラベル内の要素（ボタンと文字）を垂直中央揃えにする */
label {
    display: inline-flex; /* フレックスボックス化 */
    align-items: center;  /* 上下の真ん中に揃える */
    vertical-align: middle;
    margin-bottom: 6px;   /* 行間を少し空ける */
    cursor: pointer;
    line-height: 1.2;     /* 行高さを調整 */
}

/* ボタン自体の位置調整 */
input[type="checkbox"], input[type="radio"] {
    margin: 0 6px 0 0;    /* 右側に少し余白 */
    padding: 0;
    vertical-align: middle;
}

/* 表の中の文章（質問文など）の下に余白を入れる */
table.formTable td p {
    margin-bottom: 10px; /* ここで間隔を調整（10px?15pxくらいが目安） */
    margin-top: 0;       /* 上の余白は詰めないようにリセット（必要に応じて） */
    line-height: 1.4;    /* 行間を少し読みやすく */
}