@charset "utf-8";
/* CSS Document */

.contents h1 {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin:0 0 1em !important;
  padding: 1em 0 !important;
  line-height: 1.5em;
	width: 100%;
	border-bottom: 3px solid #ed1556;
}
.contents h2 {
	font-size: 32px;
  font-weight: bold;
	line-height: 1.3em;
	margin: 1em 0;
	color: #ed1556;
	clear: both;
}
.content-box2 {
	width: 980px;
  max-width: 94%;
  margin: 40px auto 60px;
	
}

        .qa-container {
            max-width: 980px;
            margin: 20px auto;			
        }

        .qa-item {
            border-bottom: 1px solid #ddd;
            background-color: #fff;
        }

        /* 共通のラベル（QとA）のスタイル */
        .q-label, .a-label {
            font-weight: bold;
            font-size: ;
            flex-shrink: 0;
            width: 1.5rem; /* 幅を固定して縦のラインを揃える */
        }

        .q-label { color: #ed1556;font-size: 1.2em; } /* Qの色 */
        .a-label { color: #19c311;font-size: 1.2em; } /* Aの色（お好みで） */

        /* 質問部分のスタイル */
        summary {
            display: block;
            list-style: none;
            cursor: pointer;
            padding: 30px 15px;
            position: relative;
			line-height: 1.5;
        }
        summary::-webkit-details-marker { display: none; }

        .summary-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
        }

        .q-text {
            flex-grow: 1;
            font-weight: bold;
        }

        .arrow {
            transition: transform 0.3s ease;
            font-size: 0.8rem;
            color: #666;
            flex-shrink: 0;
        }

        details[open] .arrow {
            transform: rotate(180deg);
        }

        /* 回答部分のレイアウト（ここを修正） */
        .answer {
            display: flex; /* 横並びにする */
            gap: 15px;      /* Aと文章の間隔 */
            padding: 0 15px 20px 15px; /* 上の余白を詰め、左右と下の余白を調整 */
            color: #333;
            line-height: 1.6;
        }

        .a-text {
            flex: 1;
        }
		.a-text p {
			margin: 0 0 0.5em;
		}