a {
	color: #444;
	text-decoration: none;
}
a:visited,
a:link {
	color: #444;
}
main * {
	font-family: 'LINE Seed JP', sans-serif !important;
	color: #444;
}

/* ========== Root variables ========== */
:root {
	--text-red: #EA513A;
	--text-blue: #004EA2;
	--text-green: #0A983E;
	--text-gray: #5A6A7C;
	--text-pink: #E84974;
	--text-yellow: #F18D00;
	--bg-white: #fff;
}

/* ========== Reset / Base ========== */
html {
	margin: 0;
	padding: 0;
	height: 100%;
	height: -webkit-fill-available;
	font-size: 62.5%;
	word-break: break-word;
	overflow-wrap: break-word;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.8;
	font-size: 1.6rem;
	color: #444;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	max-height: 100000000px;
}
dfn {
	font-style: normal;
}
ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul[class],
ol[class] {
	list-style: none;
}
a {
	text-decoration: none;
	word-break: break-all;
}
a:not([class]) {
	text-decoration-skip-ink: auto;
}
a:focus-visible {
	outline: var(--accent-color1) auto 1px;
}
img {
	max-width: 100%;
	height: auto;
}
article>*+* {
	margin-top: 1em;
}
sub {
	vertical-align: bottom;
	position: relative;
	top: 0.1rem;
}
input,
button,
textarea,
select {
	font-family: inherit;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type="text"],
input[type="search"] {
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	appearance: none;
	-webkit-appearance: none;
}
select,
textarea,
button,
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
}
textarea {
	resize: none;
	padding: 0;
}
button {
	padding: 0;
	cursor: pointer;
}
iframe {
	width: 100%;
	border: none;
	overflow-y: hidden;
}
[tabindex="-1"]:focus {
	outline: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ========== Common Utility ========== */
/* SP styles */
@media screen and (width < 768px) {
	.display-pcOnly {
		display: none !important;
	}
}
/* PC styles */
@media screen and (width >= 768px) {
	.display-spOnly {
		display: none !important;
	}
}
/* 青色リンク */
.text-link {
	color: #1A66AC !important;
	font-family: 'Noto Sans JP', sans-serif !important;
	text-decoration: underline;
}
/* 鉛筆アイコン付きタイトル */
.study-title {
	display: inline-block;
	position: relative;
	font-size: clamp(20px, calc(28 / 1000 * 100vw), 28px);
	padding-bottom: clamp(10.7px, calc(15 / 1000 * 100vw), 15px);
	padding-right: clamp(25.7px, calc(36 / 1000 * 100vw), 36px);
	justify-self: center;
	/* width: max-content; */
	text-align: center;
}
.study-title::before {
	content: "";
	position: absolute;
	left: -2px;
	bottom: 0;
	width: calc(100% - clamp(25.7px, calc(36 / 1000 * 100vw), 36px));
	height: clamp(7.85px, calc(11 / 1000 * 100vw), 11px);
}
.study-title::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: clamp(10.7px, calc(15 / 1000 * 100vw), 15px);
	width: clamp(17.1px, calc(24 / 1000 * 100vw), 24px);
	height: clamp(28.6px, calc(40 / 1000 * 100vw), 40px);
}
.study-title.red::before { background: url(../img/underline_red.svg) no-repeat; background-size: cover; }
.study-title.red::after { background: url(../img/icon_pen_red.svg) no-repeat; background-size: contain; }
.study-title.blue::before { background: url(../img/underline_blue.svg) no-repeat; background-size: cover; }
.study-title.blue::after { background: url(../img/icon_pen_blue.svg) no-repeat; background-size: contain; }
.study-title.green::before { background: url(../img/underline_green.svg) no-repeat; background-size: cover; }
.study-title.green::after { background: url(../img/icon_pen_green.svg) no-repeat; background-size: contain; }
.study-title.pink::before { background: url(../img/underline_pink.svg) no-repeat; background-size: cover; }
.study-title.pink::after { background: url(../img/icon_pen_pink.svg) no-repeat; background-size: contain; }
.study-title.yellow::before { background: url(../img/underline_yellow.svg) no-repeat; background-size: cover; }
.study-title.yellow::after { background: url(../img/icon_pen_yellow.svg) no-repeat; background-size: contain; }
/* チェックアイコン付きテキスト */
.text-check {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 18px;
	line-height: 32px;
	padding-left: 26px;
	position: relative;
}
.text-check::before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 18px;
	height: 21px;
	background: url(../img/icon_check.svg) no-repeat;
	background-size: contain;
}
@media screen and (width < 768px) {
	.text-check {
		font-size: 12px;
		line-height: 20px;
		padding-left: 18px;
	}
	.text-check::before {
		width: 12px;
		height: 14px;
	}
}
/* 1200px以下の左右余白14px用 */
.area-wrap {
	padding: 0 14px;
}
/* 注釈番号 */
.note-number {
	font-size: 0.6em;
	vertical-align: super;
	line-height: 1;
	transform: translateY(0.1em);
	display: inline-block;
}
/* 縦マージン調整用 */
.mb-8 {
	margin-bottom: 8px;
}
.mb-16 {
	margin-bottom: 16px;
}
/* 中央配置 */
.center-flex {
	display: flex;
	justify-content: center;
}
/* 別窓アイコン付きリンク */
.ref-link::after {
	content: "";
	display: inline-block;
	background: url(../img/icon_newWindow.svg) no-repeat;
	background-size: contain;
	width: 1.2em;
	height: 1.2em;
	margin-left: 7px;
	vertical-align: -2px;
}


/* ========== allergy header ========== */
.allergy-header {
	position: relative;
}
/* スクロール時固定 */
.is-fixed-header {
	position: fixed;
	top: 75.8px;
	left: 0;
	width: 100%;
	z-index: 100;
}
.header-content {
	display: flex;
	justify-content: space-between;
	padding: 13.5px 9px 13.5px 12px;
	background-color: #91D4F1;
	height: 69px;
}
.header-logo img {
	width: 181px;
	display: block;
}
.menu-btn img {
	width: 42px;
	display: block;
}
.drawer-wrap {
	position: absolute;
	top: 69px;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
	transform: translateY(-200%);
	overflow-y: auto;
	height: calc(100dvh - 227px);;
}
.drawer-list {
	padding: 18px 14px;
	background-color: #FFC3BF;
	display: grid;
	gap: 8px;
	grid-template-rows: auto;
}
.drawer-item {
	background: var(--bg-white);
	border-radius: 15px;
	padding: 8px 12px;
}
.drawer-link {
	display: flex;
	align-items: center;
	color: #444 !important;
}
.drawer-link:has(+ .drawer-subLink) {
	padding-bottom: 5px;
}
.drawer-subLink {
	display: flex;
	align-items: center;
	border-top: 1px solid #FA5A50;
	padding: 5px 0;
	color: #444 !important;
}
.item-icon { 
	width: 35px;
	height: auto;
}
.item-text {
	flex: 1;
	margin: 0 10px 0 8px; 
	font-size: 16px;
	font-weight: 700;
	line-height: 100%;
	font-family: 'Noto Sans JP', sans-serif !important;
}
.drawer-subLink .item-text {
	margin: 0 10px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
}
.item-arrow {
	width: 30px;
	height: auto; 
}
/* 表示状態の制御 */
.is-open.drawer-wrap {
	transform: translateY(0);
}
body.is-fixed {
	overflow: hidden;
}
@media screen and (width >= 768px) {
	body.is-fixed {
		overflow: auto;
	}
}

/* ========== globalNav ========== */
.globalNav-wrap {
	width: 100%;
}
.globalNav-list {
	display: flex;
	background-color: var(--bg-white);
	max-width: 1200px;
	margin: 0 auto;
}
.globalNav-item {
	flex: 1;
	position: relative;
	transition: background-color 0.3s;
	margin-right: -6px;
}
.globalNav-item:first-child {
	flex: 0.8;
}
.globalNav-item:last-child {
	margin-right: 0;
}
.globalNav-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 13px;
	bottom: 13px;
	right: 0;
	border-right: 6px dotted #F05A50;
}
/* ホバー時の挙動 */
.globalNav-item.menu1:hover {
	background-color: #FAAAAE;
}
.globalNav-item.menu2:hover {
	background-color: #C3DCFF;
}
.globalNav-item.menu3:hover {
	background-color: #CAE2CA;
}
.globalNav-item.menu4:hover {
	background-color: #FDE7EF;
}
.globalNav-item.menu5:hover,
.globalNav-item.menu6:hover {
	background-color: #F9E9BB;
}
.globalNav-item:hover::after {
	opacity: 0;
	cursor: pointer;
}
.globalNav-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 13px 0;
	position: relative;/* 吹き出し用で追加 */
}
.globalNav-link img {
	width: 60px;
	height: auto;
}
.globalNav-text {
	line-height: calc(20 / 1200 * 100vw);
	font-size: calc(14 / 1200 * 100vw);
}
@media screen and (width > 1200px) {
	.globalNav-text {
		font-size: 14px;
		line-height: 20px;
	}
}
/* スクロール時画面上部の固定 */
.is-fixed-gloNav {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	background-color: var(--bg-white);
}
@media screen and (width < 1228px) {
	.pageTop .is-fixed-gloNav {
		padding: 0 14px;
	}
}
@media screen and (width < 1023px) {
	.is-fixed-gloNav {
		top: 76.6px;
	}
}

/* ========== pageTop Area ========== */
.pageTop {
	background-color: #F6F4EE ;
	padding: 12px 14px 32px;
	display: grid;
	gap: 12px;
}
.pageTop-logo {
	margin: 0 auto;
}
.pageTop-logo img {
	width: 373px;
}
.pageTop .globalNav-list {
	border-radius: 60px;
}
.pageTop .globalNav-item:first-child {
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
}
.pageTop .globalNav-item:last-child {
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}

/* ========== mainTitleArea ========== */
.mainTitleArea {
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0 80px;
	text-align: center;
	display: grid;
	gap: 32px;
}
.mainTitleArea h1 {
	font-size: clamp(0px, calc(60 / 1200 * 100vw), 60px);
	line-height: clamp(0px, calc(89 / 1200 * 100vw), 89px);
	font-weight: 900;
}
.topic-list-2columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	align-items: center;
}
.topic-list-3columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	align-items: center;
}
.mainTitleArea li {
	border-radius: 24px;
	padding: 20px 16px 20px 24px;
	height: 100%;
}
.mainTitleArea.red li {
	background-color: rgba(250, 170, 174, 0.25);
}
.mainTitleArea.blue li {
	background-color: rgba(88, 143, 195, 0.25);
}
.mainTitleArea.green li {
	background-color: rgba(82, 156, 79, 0.25);
}
.mainTitleArea.pink li {
	background-color: #FCDEDC; 
}
.mainTitleArea.yellow li {
	background-color: rgba(249, 192, 89, 0.25);
}
.topic-link {
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	padding-right: 44px;
	min-height: 72px;
	height: 100%;
}
.mainTitleArea.red h1,
.mainTitleArea.red .topic-link {
	color: var(--text-red) !important;
}
.mainTitleArea.red .topic-link {
	background: url('../img/icon_arrow_red_down.svg') no-repeat right center;
	background-size: 36px auto;
}
.mainTitleArea.blue h1,
.mainTitleArea.blue .topic-link {
	color: var(--text-blue) !important;
}
.mainTitleArea.blue .topic-link {
	background: url('../img/icon_arrow_blue_down.svg') no-repeat right center;
	background-size: 36px auto;
}
.mainTitleArea.green h1,
.mainTitleArea.green .topic-link {
	color: var(--text-green) !important;
}
.mainTitleArea.green .topic-link {
	background: url('../img/icon_arrow_green_down.svg') no-repeat right center;
	background-size: 36px auto;
}
.mainTitleArea.pink h1,
.mainTitleArea.pink .topic-link {
	color: var(--text-pink) !important;
}
.mainTitleArea.pink .topic-link {
	background: url('../img/icon_arrow_pink_down.svg') no-repeat right center;
	background-size: 36px auto;
}
.mainTitleArea.yellow h1,
.mainTitleArea.yellow .topic-link {
	color: var(--text-yellow) !important;
}
.mainTitleArea.yellow .topic-link {
	background: url('../img/icon_arrow_yellow_down.svg') no-repeat right center;
	background-size: 36px auto;
}
/* SP styles */
@media screen and (width < 768px) {
	.mainTitleArea {
		padding: 36px 0;
		gap: 12px;
	}
	.mainTitleArea h1 {
		font-size: clamp(28px, calc(28 / 375 * 100vw), 0px);
		line-height: clamp(34px, calc(34 / 375 * 100vw), 0px);
	}
	.topic-list-2columns {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.topic-list-3columns {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.topic-link {
		font-size: 12px;
		line-height: 14px;
		background-size: 16px auto !important;
		padding-right: 40px;
		min-height: 16px;
	}
}

/* ========== balloon Section ========== */
.topic-section {
	margin-bottom: 64px;
	display: grid;
	gap: 24px;
}
.section-main {
	padding: 0 14px;
}
.conversation-wrap {
	max-width: 1200px;
	margin: 0 auto;
	border-radius: 25px;
	padding: 48px 48px;
	display: grid;
	gap: 24px;
}
.balloon-question {
	display: flex;
	align-items: center;
	gap: 12px;
}
.balloon-question h2 {
	font-size: 32px;
	line-height: 46px ;
	font-weight: 800;
}
.balloon-answer {
	display: flex;
	align-items: center;
	justify-content: end;
}
.balloon-question .balloon-content {
	background-color: var(--bg-white);
	border-radius: 20px;
	padding: 32px;
	position: relative;
	margin-left: 24px;
}
.balloon-answer .balloon-content {
	background-color: var(--bg-white);
	border-radius: 20px;
	padding: 24px 36px;
	position: relative;
	margin-right: 24px;
}
/* 左側三角吹き出し */
.balloon-question .balloon-content::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 16px 24px 16px 0;
	border-color: transparent var(--bg-white) transparent transparent;
}
/* 右側三角吹き出し */
.balloon-answer .balloon-content::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 16px 0 16px 24px;	
	border-color: transparent transparent transparent var(--bg-white);
}
.balloon-text {
	font-size: 18px;
	line-height: 1.8;
}
.balloon-character-left {
	flex: 0 0 83px;
}
.balloon-character-right {
	flex: 0 0 102px;
}
/* ディスクリプション */
.section-description {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	gap: 16px;
}
/* gapバリエーション */
.section-description.space-8 {
	gap: 8px;
}
.section-description.space-24 {
	gap: 24px;
}

.description-text {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 18px;
	line-height: 32px;
}
.description-note {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	padding-left: 1em;
}
.description-note::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
/* SP styles */
@media screen and (width < 768px) {
	.topic-section {
		gap: 12px;
	}
	.conversation-wrap {
		padding: 18px 12px;
		gap: 12px;
	}
	.balloon-question {
		gap: 8px;
	}
	.balloon-question h2 {
		font-size: 16px;
		line-height: 24px;
	}
	.balloon-question .balloon-content {
		padding: 12px 18px;
		margin-left: 9px;
	}
	.balloon-answer .balloon-content {
		padding: 12px;
		margin-right: 9px;
	}
	/* 左側三角吹き出し */
	.balloon-question .balloon-content::before {
		left: -9px;
		border-width: 6px 9px 6px 0;
	}
	/* 右側三角吹き出し */
	.balloon-answer .balloon-content::after {
		right: -9px;
		border-width: 6px 0 6px 9px;
	}
	.balloon-text {
		font-size: 12px;
	}
	.balloon-character-left {
		flex: 0 0 45px;
	}
	.balloon-character-right {
		flex: 0 0 67px;
	}
	/* ディスクリプション */
	.description-text {
		font-size: 12px;
		line-height: 20px;
	}
	.description-note {
		font-size: 12px;
		padding-left: 12px;
	}
	.description-text-check {
		font-size: 12px;
		line-height: 20px;
		padding-left: 20px;
	}
	.description-text-check::before {
		width: 12px;
		height: 14px;
	}
}

/* ========== bgColor Section ========== */
.section-bgColor {
	padding: 64px 14px;
}
.section-bgColor.red { background-color: #FAAAAE; }
.section-bgColor.blue { background-color: #C3DCFF; }
.section-bgColor.green { background-color: #D4E3D4; }
.section-bgColor.pink { background-color: #FDE7EF; }
.section-bgColor.yellow { background-color: #FFE4B4; }
.section-bgColor-container {
	background-color: var(--bg-white);
	padding: 64px 32px;
	border-radius: 25px;
	box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.15);
	max-width: 1000px;
	margin: 0 auto;
}
/* SP styles */
@media screen and (width < 768px) {
	.section-bgColor-container {
		padding: 32px 16px;
	}
}

/* ========== 用語解説 ========== */
.term-content {
	margin: 0 auto;
}
.term-box {
	position: relative;
	max-width: 1025px;
	margin: 32px 14px 0 60px;
	border-radius: 20px;
	padding: 18px 30px 18px 48px;
}
.term-box.red {
	border: 6px solid #EA513A;
}
.term-box.blue {
	border: 6px solid #4774B9;
}
.term-box.yellow {
	border: 6px solid var(--text-yellow);
}
.term-box.pink {
	border: 6px solid var(--text-pink);
}
/* 左上の丸いアイコン */
.term-icon {
	position: absolute;
	top: -40px;
	left: -50px;
	width: 92px;
	height: 92px;
	background-color: var(--bg-white);
	border-radius: 50%;
	overflow: hidden;
}
.term-box.red .term-icon {
	border: 6px solid #EA513A;
}
.term-box.blue .term-icon {
	border: 6px solid #4774B9;
}
.term-box.yellow .term-icon {
	border: 6px solid var(--text-yellow);
}
.term-box.pink .term-icon {
	border: 6px solid var(--text-pink);
}
.term-icon img {
	transform: scale(1.2) translate(5px, 5px);
}
.term-title,
.term-description {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 14px;
	line-height: 22px;
}
.term-title {
	font-weight: 700;
}
@media screen and (width < 768px) {
	.term-box {
		padding: 18px 18px 18px 48px;
	}
}

/* ========== quiz Area ========== */
.quiz-section {
	background-color: #F6F4EE;
	margin-top: 67px;
	position: relative;
	padding: 80px 14px;
}
.quiz-section.lifted {
	margin-top: -67px;
}
/* section上のギザギザ */
.quiz-section::before {
	content: "";
	position: absolute;
	top: -66px;
	left: 0;
	width: 100%;
	height: 67px;
	background: url(../img/icoon_triangle_gray.svg) repeat-x left bottom;
	background-size: 162px 67px;
}
/* SP styles */
@media screen and (width < 768px) {
	.quiz-section {
		margin-top: 30px;
		padding: 36px 14px;
	}
	.quiz-section::before {
		top: -29px;
		height: 30px;
		background: url(../img/icoon_triangle_gray.svg) repeat-x left bottom;
		background-size: 76px 30px;
	}
}
.quiz-contentWrap {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.quiz-caution {
	margin-bottom: 18px;
}
.quiz-caution img {
	width: 540px;
}
.quiz-dangerImg {
	margin: 0 -14px 62px;
}
.quiz-dangerImg img {
	max-width: 1200px;
}
.quiz-message {
	margin-bottom: 48px;
}
.quiz-message img {
	max-width: 842px;
}
.quiz-mainContent {
	background: url(../../common/img/quiz_bg.jpg) no-repeat;
	background-size: cover;
	border-radius: 20px;
	padding: 80px 64px;
	margin-bottom: 40px;
}
.quiz-mainContent-head {
	position: relative;
	margin-bottom: 56px;
}
.quiz-mainContent-head .character {
	position: absolute;
	top: clamp(-120px, calc(120 / 1200 * 100vw * -1), 0px);
	left: clamp(0px, calc(45 / 1200 * 100vw), 45px);
}
.quiz-mainContent-head .character img {
	width: clamp(0px, calc(200 / 1200 * 100vw), 200px);
	transform: rotate(-12deg);
}
.quiz-mainContent-head .title img {
	width: clamp(0px, calc(900 / 1200 * 100vw), 900px);
}
.quiz-mainContent-body {
	background-color: var(--bg-white);
	background-image: 
		linear-gradient(to right, #e0e0e0 1.5px, transparent 1.5px),
		linear-gradient(to bottom, #e0e0e0 1.5px, transparent 1.5px);
	background-size: 57px 57px;
	padding: 64px;
	display: grid;
	gap: 32px;
}
.quiz-question {
	font-size: clamp(0px, calc(28 / 1200 * 100vw), 28px);
	font-weight: 800;
}
.answer-box {
	border: 16px solid #FA5A50;
	border-top: none;
	padding: 48px 64px;
	background-color: var(--bg-white);
	display: none;
}
.answer-text {
	font-size: clamp(14px, calc(18 / 1200 * 100vw), 18px);
	text-align: left;
	line-height: 1.5;
}
.answer-term-description {
	font-size: clamp(12px, calc(16 / 1200 * 100vw), 16px);
	text-align: left;
	line-height: 1.5;
	margin-top: 24px;
}
/* 正解用レイアウト */
.result-correct {
	display: grid;
	gap: 38px;
	grid-auto-flow: column;
	align-items: center;
	margin: 0 auto 24px;
	justify-content: center;
}
.result-correct .img-character-left img {
	width: 188px;
}
.result-correct .img-character-right img {
	width: 152px;
}
.result-correct .img-text img {
	width: 220px;
}
/* 不正解用レイアウト */
.result-incorrect {
	display: grid;
	gap: 8px;
	text-align: center;
	margin-bottom: 24px;
}
.result-incorrect .img-character img {
	width: 158px;
}
.result-incorrect .img-text img {
	width: 460px;
}
/* 回答ボタン */
.quiz-btn {
	padding: 12px 24px 12px 34px;
	border-radius: 48px;
	min-height: 69px;
	background-color: #EA513A;
	width: 100%;
	box-shadow: 0 6px 0 4px #A43930;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.quiz-btn img {
	transition: transform 0.3s;
	width: 45px;
}
.quiz-btn.is-active img {
	transform: rotate(180deg);
}
.btn-alpha {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
}
.btn-text {
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	width: 100%;
	text-align: left;
	margin: 0 12px 0 20px;
}
.btn-text-emphasis {
	color: #fff;
	font-weight: 700;
}
/* SP styles */
@media screen and (width < 768px) {
	.quiz-mainContent {
		padding: 24px 14px;
	}
	.quiz-mainContent-head {
		margin-bottom: 24px;
	}
	.quiz-mainContent-body {
		padding: 24px 14px;
		gap: 18px;
		background-image: 
			linear-gradient(to right, #e0e0e0 1px, transparent 1px),
			linear-gradient(to bottom, #e0e0e0 1px, transparent 1px);
		background-size: 30px 30px;
	}
	.quiz-question {
		font-size: clamp(0px, calc(14 / 375 * 100vw), 14px);
	}
	.answer-box {
		border: 8px solid #FA5A50;
		border-top: none;
		padding: 24px 16px;
	}
	.answer-text {
		font-size: 12px;
	}
	.result-incorrect .img-character img {
		width: 94px;
	}
	.result-incorrect .img-text img {
		width: 243px;
	}
	.quiz-btn {
		padding: 6px 12px 6px 17px;
	}
	.quiz-btn img {
		width: 25px;
	}
	.btn-alpha {
		font-size: 14px;
	}
	.btn-text {
		font-size: 12px;
		margin: 0 6px 0 10px;
	}
	.result-correct {
		gap: 0;
	}
	.result-correct .img-character-left img {
		width: 60px;
	}
	.result-correct .img-character-right img {
		width: 60px;
	}
	.result-correct .img-text img {
		width: 100px;
	}
	.result-incorrect .img-character img {
		width: 94px;
	}
	.result-incorrect .img-text img {
		width: 239px;
	}
}

/* ========== ドロップダウンメニュー ========== */
.dropdown-menu {
	position: absolute;
	top: 75px;
	/*transform: translateX(-50%);*/
	width: 544px;
	z-index: 2;
	/* 初期状態は非表示 */
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
/* 各メニューの位置調整 */
.menu1 .dropdown-menu {
	left: 20%;
}
.menu2 .dropdown-menu {
	left: 0%;
}
.menu3 .dropdown-menu {
	left: -110%;
}
.menu4 .dropdown-menu {
	right: -25%;
}
.menu5 .dropdown-menu {
	right: 0%;
}
.menu6 .dropdown-menu {
	right: 10%;
}
/* ホバーで表示 */
.globalNav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}
/* キャラクター配置 */
.dropdown-character-left {
	position: absolute;
	left: -13%; 
	bottom: 5%;
	width: 100px;
	pointer-events: none;
}
.dropdown-inner {
	background: var(--bg-white);
	box-shadow: 0 6px 6px 2px rgba(0, 0, 0, 0.25);
	padding: 33px 28px 36px 28px;
	position: relative;
}
/* 各メニューの枠線 */
.menu1 .dropdown-inner {
	border: 4px solid var(--text-red);
}
.menu2 .dropdown-inner {
	border: 4px solid var(--text-blue);
}
.menu3 .dropdown-inner {
	border: 4px solid var(--text-green);
}
.menu4 .dropdown-inner {
	border: 4px solid var(--text-pink);
}
.menu5 .dropdown-inner,
.menu6 .dropdown-inner {
	border: 4px solid var(--text-yellow);
}
/* 三角吹き出し */
.globalNav-item:hover button.globalNav-link::before {
	content: "";
	position: absolute;
	top: 54px;
	left: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 0 16px 24px 16px;
	border-radius: 1px;
}
.menu1 button.globalNav-link::before {
	border-color: transparent transparent var(--text-red) transparent;
}
.menu2 button.globalNav-link::before {
	border-color: transparent transparent var(--text-blue) transparent;
}
.menu3 button.globalNav-link::before {
	border-color: transparent transparent var(--text-green) transparent;
}
.menu4 button.globalNav-link::before {
	border-color: transparent transparent var(--text-pink) transparent;
}
.menu5 button.globalNav-link::before,
.menu6 button.globalNav-link::before {
	border-color: transparent transparent var(--text-yellow) transparent;
}
.globalNav-item:hover button.globalNav-link::after {
	content: "";
	position: absolute;
	top: 62px;
	left: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 0 12px 19px 12px;
	border-color: transparent transparent #fff transparent;
	z-index: 3;
}
.dropdown-list {
	display: grid;
	gap: 18px;
}
.category-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 7px;
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 10px;	
}
.menu1 .category-link {
	border-bottom: 2px solid var(--text-red);
	color: var(--text-red) !important;
	background: url('../img/icon_arrow_red.svg') no-repeat;
	background-size: 16px auto;
	background-position: right 6px bottom 11.5px;	
}
.menu2 .category-link {
	border-bottom: 2px solid var(--text-blue);
	color: var(--text-blue) !important;
	background: url('../img/icon_arrow_blue.svg') no-repeat;
	background-size: 16px auto;
	background-position: right 6px bottom 11.5px;	
}
.menu3 .category-link {
	border-bottom: 2px solid var(--text-green);
	color: var(--text-green) !important;
	background: url('../img/icon_arrow_green.svg') no-repeat;
	background-size: 16px auto;
	background-position: right 6px bottom 11.5px;	
}
.menu4 .category-link {
	border-bottom: 2px solid var(--text-pink);
	color: var(--text-pink) !important;
	background: url('../img/icon_arrow_pink.svg') no-repeat;
	background-size: 16px auto;
	background-position: right 6px bottom 11.5px;	
}
.menu5 .category-link,
.menu6 .category-link {
	border-bottom: 2px solid var(--text-yellow);
	color: var(--text-yellow) !important;
	background: url('../img/icon_arrow_yellow.svg') no-repeat;
	background-size: 16px auto;
	background-position: right 6px bottom 11.5px;	
}
/* リンクホバー時 */
.category-link:hover {
	background-position: right 0 bottom 4px;
	background-size: 28px auto;
}
.menu1 .category-link:hover {
	color: rgba(234, 81, 58, 0.7) !important;
}
.menu2 .category-link:hover {
	color: rgba(0, 78, 162, 0.7) !important;
}
.menu3 .category-link:hover {
	color: rgba(10, 152, 62, 0.7) !important;
}
.menu4 .category-link:hover {
	color: rgba(232, 73, 116, 0.7) !important;
}
.menu5 .category-link:hover,
.menu6 .category-link:hover {
	color: rgba(241, 141, 0, 0.7) !important;
}
.sub-link {
	display: block;
	padding: 6px 30px 6px 12px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	background: url('../img/icon_arrow_gray.svg') no-repeat center;
	background-position-x: right 6px;
	background-size: 16px auto;
	transition: color 0.3s ease;
}
/* リンクホバー時 */
.sub-link:hover {
	color: rgba(68, 68, 68, 0.7) !important;
	background-position-x: right 0;
	background-size: 28px auto;
}

/* ========== パンくずリスト ========== */
.breadcrumb {
	max-width: 1200px;
	margin: 8px auto 0;
	width: 100%;
	padding: 0 8px;
}
.breadcrumb-list {
	display: flex;
	align-items: center;
}
.breadcrumb-item {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Noto Sans JP', sans-serif !important;
}
.breadcrumb-item a {
	color: #1A66AC !important;
	text-decoration: underline;
}
.breadcrumb-item.current::before {
	content: "＞";
	margin: 0 8px;
	display: inline-block;
	transform: translateY(1px);
}

/* ========== 参考資料 ========== */
.references {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 8px;
}
.references-head {
	font-family: 'Noto Sans JP', sans-serif !important;
}
.references-list {
	counter-reset: ref-counter;
}
.references-item {
	counter-increment: ref-counter;
	position: relative;
	padding-left: 1.2em;
	font-family: 'Noto Sans JP', sans-serif !important;
}
.references-item::before {
	content: counter(ref-counter) ")";
	position: absolute;
	left: 0;
	top: 0;
}
.references-item a {
	color: #1A66AC !important;
	font-family: 'Noto Sans JP', sans-serif !important;
	text-decoration: underline;
}
/* 公開日付 */
.publishDate {
	font-size: 14px;
	line-height: 22px;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif !important;
}


/* 　　　　　　　 */
/* アニメーション */
/* 　　　　　　　 */
/* リンクホバー */
a:hover,
.group-list button:hover,
.slider-container button:hover {
	opacity: .6 !important;
	transition: .4s;
}

/* ドロワー */
.drawer-wrap {
	transform-origin: top;
	transform: scaleY(0);
	opacity: 0;
	transition: transform 0.4s ease , opacity 0.6s ease;
}

.drawer-wrap.is-open {
	transform: scaleY(1);
	opacity: 1;
}

/* 免責事項 */
.disclaimer-wrap {
	max-width: 1240px;
	margin: 0 auto;
	background: #fff;
	color: #444;
	padding: 30px 20px;
}

.disclaimer-text a {
    color: #1A66AC !important;
    text-decoration: underline;
}

.disclaimer-text a::after {
	background-image: url(/patients/common/images/icon_window_gray.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 13px;
    margin-left: 3px;
    margin-right: 3px;
    width: 16px;
	color: #444;
}

@media screen and (width < 768px) {
	.site-disclaimer {
		font-size: 14px;
		padding: 25px 16px;
	}
}

/* 製品ページ遷移前モーダルを非表示 */
.prodModalContent {
	display: none;
}