@charset "utf-8";

:root {
	--subColor: #32ba8a;
	--lineColor: #62c8ca;
}

body {
	background: url(grp/happa.png), var(--subColor);
}

#faq_list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
	gap: 2rem;

	section {
		background: white;
		border-radius: .5rem;
		padding: 1.5rem;
		container-type: inline-size;
		h3 {
			text-align: left;
			font-weight: 500;
			font-size: 1.1em;
		}

		>div {
			margin: 1rem auto 0 auto;
			display: grid;
			grid-template-columns: 140px 1fr;
			gap: 1rem;

			>*+* {
				text-align: left;

				strong {
					font-weight: 400;
				}
			}

			figure {
				align-self: center;
			}

		}

		@container (max-width: 430px) {
			> div {
				grid-template-columns: 1fr;
			}

		}
	}

	@media print {
		section {
			border: 2px solid silver;
		}
	}
}

.addtoany_content {
	margin-top: 5rem !important;
}