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

/* ------------------------------ PC ------------------------------ */
#contents {
	position: relative;
}

/* -------------------- ヘッダ -------------------- */
header {
	position: relative;
	width: 100%;
	min-width: 1280px;
}
	header .wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
	}

/* -------------------- メイン -------------------- */
.main {
	padding-top: 0;
}

/* メインタイトル mainTitle */
.mainTitle {
	position: relative;
	background-image: url(../images/mainTitle__title-mainTitle-bg.webp);
	background-position: center;
	background-size: 1650px 1320px;
	animation: bgscroll 20s linear infinite;

	.wrapper {
		position: relative;
		width: 100%;

		.mainTitle__titleGroup {
			height: 870px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;

			.mainTitle__titleGroup-outer {
				width: 1280px;
				padding: 30px 40px 0;

				.mainTitle__titleGroup-logo {
					width: 180px;
				}
				.mainTitle__titleGroup-inner {
					margin-top: 27px;
					display: flex;
					flex-direction: column;
					align-items: center;

					.mainTitle__title-shoulderCopy {
						width: 322.5px;
						rotate: 7.5deg;
					}
					.mainTitle__title-logo {
						margin-top: 24px;
						width: 510px;
					}
					.mainTitle__title-mainCopy {
						margin-top: 48px;
						width: 1080px;
					}
				}
			}
			.mainTitle__titleGroup-tabGroup {
				margin-top: 52.5px;
				width: 100%;
				height: 144px;
				display: flex;
				justify-content: center;
				gap: 0 30px;

				a {
					width: 100%;
					height: 144px;

					li {
						height: 100%;
						box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.15);
						display: flex;
						align-items: center;

						.box {
							width: 440px;
							display: flex;
							flex-direction: column;
							align-items: center;

							.shoulderText {
								font-size: calc(22rem / 16);
								line-height: calc(24 / 22);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.015em;
								text-align: center;
								color: #fff;
							}
							.mainText {
								margin-top: 6px;
								font-size: calc(37rem / 16);
								line-height: calc(39 / 37);
								font-weight: 700; /* Bold */
								letter-spacing: 0.015em;
								text-align: center;
								color: #fff700;
							}
							.subText {
								margin-top: 9px;
								width: 380px;
								padding-left: 0.350em; /* センターに見えるように */
								font-size: calc(22rem / 16);
								line-height: calc(30 / 22);
								font-weight: 700; /* Bold */
								letter-spacing: 0.015em;
								text-align: center;
								background-color: #fff;
								border-radius: 15px;
							}
						}
					}
					&:hover {
						transform: translate(0, -24px);
						opacity: 1 !important;
					}
				}
				.mainTitle__titleGroup-tab-left {
					border-radius: 0 72px 72px 0;
					background-color: #63dcce;

					.box {
						margin: 0 85px 0 auto;
					}
				}
				.mainTitle__titleGroup-tab-right {
					border-radius: 72px 0 0 72px;
					background-color: #3edf61;

					.box {
						margin: 0 auto 0 85px;

						.mainText {
							letter-spacing: -0.010em;
						}
					}
				}
			}
			.mainTitle__titleGroup-tab-note {
				margin-top: 9px;
				width: 1080px;
				padding-bottom: 30px;
				font-size: calc(16rem / 16);
				line-height: calc(24 / 16);
				font-weight: 400; /* Regular */
				letter-spacing: 0.040em;
				text-align: right;
			}
		}
	}
}
/*背景アニメーション（0 0を基準にした位置指定） */
@keyframes bgscroll {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 -1320px;
	}
}
/* 吹き出しアニメーション */
.scaling {
	animation: scaling 1s infinite ease-in-out;
}
@keyframes scaling {
	0%, 100% {
		transform: scale(1.0);
	}
	50% {
		transform: scale(1.15);
	}
}

/* 応募ボタン */
.Sec-entryBtn a {
	margin: 30px auto 0;
	width: 580px;
	padding: 18px 0 15px;
	background-image: linear-gradient(180deg,rgba(234, 244, 255, 1) 0%, rgba(191, 221, 255, 1) 75%, rgba(234, 244, 255, 1) 100%);
	border: 3px solid #70b3ff;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;

	.shoulderText {
		width: 400px;
		font-size: calc(25rem / 16);
		line-height: calc(36 / 25);
		font-weight: 700; /* Bold */
		letter-spacing: 0.040em;
		text-align: center;
		color: #fff;
		background-color: #70b3ff;
		border-radius: 18px;
	}
	.mainText {
		margin-top: 15px;
		font-size: calc(40rem / 16);
		line-height: calc(45 / 40);
		font-weight: 700; /* Bold */
		letter-spacing: 0.040em;
		text-align: center;
	}
	.box {
		margin-top: 12px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

		.title {
			padding: 0 7.5px;
			font-size: calc(19rem / 16);
			line-height: calc(33 / 19);
			font-weight: 700; /* Bold */
			letter-spacing: 0.015em;
			text-align: center;
			color: #fff;
			background-color: #ffb23a;
		}
		.subText {
			margin-left: 12.5px;
			font-size: calc(31rem / 16);
			line-height: calc(33 / 31);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
		}
	}
}

/* -------------------- エピソード大賞 episode_GP -------------------- */
/* 応募 entry */
.mainContents__Sec-entry {
	position: relative;
	margin-top: -60px; /* アンカー位置調整 */
	padding-top: 60px; /* アンカー位置調整 */

	.wrapper {
		position: relative;
		width: 100%;
		padding-bottom: 84px;

		.Sec-entry-headArea {
			position: relative;
			padding-bottom: 30px;
			background-color: #ffb23a;
			display: flex;
			flex-direction: column;
			align-items: center;

			.Sec-entry-head-number {
				margin-top: -28.5px;
				padding: 0 30px;
				font-size: calc(35.5rem / 16);
				line-height: calc(51 / 35.5);
				font-weight: 600; /* SemiBold */
				letter-spacing: 0.040em;
				background-color: #fff;
				border: 3px solid #ffb23a;
				border-radius: 28.5px;
			}
			.Sec-entry-head-subTitle-top {
				margin-top: 18px;
				font-size: calc(43rem / 16);
				line-height: calc(45 / 43);
				font-weight: 600; /* SemiBold */
				letter-spacing: 0.040em;
				color: #fff;
			}
			.box {
				margin-top: 9px;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
			}
			.Sec-entry-head-mainTitle {
				width: 675px;
			}
			.Sec-entry-head-subTitle-bottom {
				margin-left: 10px;
				font-size: calc(52rem / 16);
				line-height: calc(87 / 52);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				color: #fff;
			}
		}
		.Sec-entry-lead {
			margin: 57px auto 0;
			width: 980px;
			font-size: calc(25rem / 16);
			line-height: calc(42 / 25);
			font-weight: 600; /* SemiBold */
			letter-spacing: 0.040em;
		}
		.Sec-entry-prizeArea {
			margin: 48px auto 72px;
			width: 1080px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.Sec-entry-prize-grand,
			.Sec-entry-prize-winning {
				width: 525px;
			}
		}
	}
}

/* 部門 category */
.mainContents__Sec-category {
	position: relative;
	background-image: url(../images/Sec-category-bg.webp);
	background-repeat: repeat;
	background-position: center;
	background-size: 320px;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 72px 100px 75px;

		.Sec-category-head {
			font-size: calc(37rem / 16);
			line-height: calc(48 / 37);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
		}
		.Sec-category-categoryGroup {
			margin-top: 27px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.Sec-category-categoryList {
				width: 345px;
				padding: 21px 20px 12px;
				background-color: #fff;
				border: 3px solid #f77d7e;
				border-radius: 12px;
				display: flex;
				flex-direction: column;
				align-items: center;

				.Sec-category-number {
					padding: 0 35px;
					font-size: calc(30rem / 16);
					line-height: calc(36 / 30);
					font-weight: 600; /* SemiBold */
					border-radius: 18px;
					color: #fff;
					background-color: #f89091;
				}
				.Sec-category-name {
					margin-top: 12px;
					font-size: calc(31rem / 16);
					line-height: calc(39 / 31);
					font-weight: 700; /* Bold */
					letter-spacing: 0.040em;
					text-align: center;

					.light {
						font-weight: 400; /* Regular */
					}
					.color {
						color: #f77d7e;
					}
					.small {
						padding-right: 10px;
						font-size: calc(28rem / 16);
						line-height: calc(39 / 28);
					}
				}
				.Sec-category-judge {
					margin-top: 12px;
					padding: 13.5px 0;
					font-size: calc(18rem / 16);
					line-height: calc(27 / 18);
					font-weight: 600; /* SemiBold */
					letter-spacing: 0.040em;
					text-align: center;

					.light {
						font-weight: 400; /* Regular */
					}
				}
				&:first-child .Sec-category-judge {
					padding: 0;
				}
			}
		}
	}
}

/* エピソード応募例 episode */
.mainContents__Sec-episode {
	position: relative;
	background-color: #ebf58c;

	.wrapper {
		position: relative;
		width: 100%;
		padding: 72px 0 57px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-episode-headArea {
			position: relative;
			width: 1080px;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			z-index: 1; /* ボーダーを後ろにするために指定 */

			.Sec-episode-head {
				position: relative;
				padding: 0 calc(25px - 0.040em) 0 25px;
				font-size: calc(37rem / 16);
				line-height: calc(39 / 37);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				background-color: #ebf58c;

				&::after {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%); /* 中央寄せ */
					width: 1080px;
					height: 2px;
					content: "";
					background-color: #171717;
					z-index: -1; /* ボーダーを後ろに */
				}
			}
			.Sec-episode-note {
				margin-top: 27px;
				width: 1080px;
				font-size: calc(20rem / 16);
				line-height: calc(21 / 20);
				font-weight: 400; /* Regular */
				letter-spacing: 0.015em;
				text-align: center;
			}
		}
		/* スライダー */
		.swiper-area {
			position: relative;
			width: 100%;
			padding: 48px 0 54px;
			overflow: hidden;
		}
	}
}

/* グッとくるエピソードの書き方 hint */
.mainContents__Sec-hint {
	position: relative;
	background-image: url(../images/Sec-hint-bg.webp);
	background-repeat: repeat;
	background-position: center;
	background-size: 320px;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 60px 200px 84px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.box {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;

			.Sec-hint-shoulderHead-icon {
				width: 65px;
			}
			.Sec-hint-shoulderHead {
				margin-left: 15px;
				font-size: calc(28rem / 16);
				line-height: calc(36 / 28);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				text-align: center;
			}
		}
		.Sec-hint-head {
			margin-top: 12px;
			font-size: calc(40rem / 16);
			line-height: calc(48 / 40);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
		}
		.Sec-hint-listGroup {
			margin-top: 60px;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 42px 0;

			.Sec-hint-list {
				padding: 0 40px 30px;
				border: 3px solid #393939;
				background-color: #fff;
				border-radius: 12px;
				display: flex;
				flex-direction: column;
				align-items: center;

				.Sec-hint-list-number {
					margin-top: -21px;
					width: 70px;
					font-size: calc(34rem / 16);
					line-height: calc(42 / 34);
					font-weight: 600; /* SemiBold */
					text-align: center;
					border-radius: 21px;
					color: #fff;
					background-color: #575757;
				}
				.Sec-hint-list-head {
					margin-top: 18px;
					width: 100%;
					padding-bottom: 15px;
					font-size: calc(34rem / 16);
					line-height: calc(42 / 34);
					font-weight: 700; /* Bold */
					letter-spacing: 0.040em;
					text-align: center;
					border-bottom: 1px dashed #171717;

					.light {
						font-weight: 400; /* Regular */
					}
				}
				.Sec-hint-list-lead {
					margin-top: 30px;
					font-size: calc(22rem / 16);
					line-height: calc(33 / 22);
					font-weight: 500; /* Medium */
					letter-spacing: 0.015em;
				}
				.Sec-hint-list-sample-good {
					margin-top: 15px;
					width: 145px;
					font-size: calc(20rem / 16);
					line-height: calc(33 / 20);
					font-weight: 600; /* SemiBold */
					letter-spacing: 0.015em;
					text-align: center;
					border-radius: 16.5px;
					color: #fff;
					background-color: #4cd85f;
				}
				.Sec-hint-list-sample-text {
					margin-top: 15px;
					font-size: calc(22rem / 16);
					line-height: calc(33 / 22);
					font-weight: 400; /* Regular */
					letter-spacing: 0.015em;

					.bold {
						font-weight: 500; /* Medium */
					}
				}
			}
		}
	}
}

/* 流れ process */
.mainContents__Sec-process {
	position: relative;
	background-color: #fff3e1;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 84px 250px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-process-head {
			padding: 0 30px;
			font-size: calc(34rem / 16);
			line-height: calc(54 / 34);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			color: #fff;
			background-color: #ffb23a;
			border-radius: 27px;
		}
		.Sec-process-outer {
			margin-top: 42px;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 63px 0;

			.Sec-process-box {
				position: relative;
				width: 100%;
				padding: 30px 50px 36px;
				background-color: #ffcd7f;
				border-radius: 6px;
				display: flex;
				flex-direction: column;
				align-items: center;

				&:nth-of-type(2),
				&:nth-of-type(3) {
					padding-bottom: 30px;
				}
				&::after {
					position: absolute;	/* 親要素にrelativeが必要 */
					bottom: -45px; /* 三角形の高さ＋αをマイナスに */
					left: 50%;/* 中央寄せ */
					transform: translateX(-50%); /* 中央寄せ */
					border-top: 27px solid #ffb23a; /* 三角形の高さ */
					border-left: 35px solid transparent; /* 三角形の左幅 */
					border-right: 35px solid transparent; /* 三角形の右幅 */
					content: "";
				}
				&:nth-of-type(4)::after {
					border: none; /* 最後のボックスだけ三角形を表示しない */
				}
				.Sec-process-box-head {
					font-size: calc(34rem / 16);
					line-height: calc(36 / 34);
					font-weight: 600; /* Semibold */
					letter-spacing: 0.040em;
					text-align: center;
				}
				.Sec-process-box-lead {
					margin-top: 18px;
					width: 680px;
					padding: 15px 0px;
					font-size: calc(22rem / 16);
					line-height: calc(30 / 22);
					font-weight: 400; /* Regular */
					letter-spacing: 0.040em;
					text-align: center;
					background-color: #fff;
					border-radius: 9px;
				}
				.Sec-process-box-note {
					margin-top: 18px;
					width: 680px;
					font-size: calc(18rem / 16);
					line-height: calc(27 / 18);
					font-weight: 400; /* Regular */
					letter-spacing: 0.015em;
					text-align: center;
				}
			}
		}
	}
}

/* 受賞エピソード episodeaward */
.mainContents__Sec-episodeaward {
	position: relative;
	background-color: #ebf58c;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 84px 75px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-episodeaward-shoulderHead {
			font-size: calc(28rem / 16);
			line-height: calc(30 / 28);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
		}
		.Sec-episodeaward-head {
			position: relative;
			margin-top: 12px;
			padding: 0 50px 15px;
			font-size: calc(40rem / 16);
			line-height: calc(48 / 40);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-bottom: #515151 1.5px solid;

			i {
				margin: 0;
				padding: 0;
				letter-spacing: 0.240em;
				color: #4cd85f;
			}
		}
		.Sec-episodeaward-awardGroup {
			margin-top: 48px;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 45px 0;

			.Sec-episodeaward-awardList {
				width: 100%;
				padding: 3px;
				border-radius: 12px;
				background-image: linear-gradient(90deg,rgba(193, 167, 74, 1) 0%, rgba(193, 167, 74, 1) 15%, rgba(224, 211, 164, 1) 85%, rgba(193, 167, 74, 1) 100%);
				box-shadow: 0 9px 18px rgba(0, 0, 0, 0.15);

				.Sec-episodeaward-award-headArea {
					width: 100%;
					height: 84px;
					padding: 0 35px;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;

					.Sec-episodeaward-award-headTheme {
						font-size: calc(37rem / 16);
						line-height: calc(48 / 37);
						font-weight: 700; /* Bold */
						letter-spacing: 0.040em;
						text-align: center;
						color: #fff;

						.light {
							font-weight: 400; /* Regular */
						}
					}
				}
				/* 作品情報 */
				.Sec-episodeaward-award-worksinformation {
					position: relative;
					width: 100%;
					padding: 45px 45px 48px;
					background-color: #fff;
					border-radius: 0 0 9px 9px;

					/* 作品タイトル */
					.Sec-episodeaward-award-title {
						width: 620px;
						font-size: calc(43rem / 16);
						line-height: calc(60 / 43);
						font-weight: 700; /* Bold */
						letter-spacing: 0.040em;

						.light {
							font-weight: 400; /* Regular */
						}
					}
					/* テキスト */
					.Sec-episodeaward-award-text {
						margin-top: 12px;
						width: 620px;
						font-size: calc(22rem / 16);
						line-height: calc(33 / 22);
						font-weight: 500; /* Medium */
						letter-spacing: 0.040em;
					}
					/* 作者 */
					.Sec-episodeaward-award-creator-box {
						margin-top: 27px;
						width: 620px;
						display: flex;
						justify-content: flex-start;

						.Sec-episodeaward-award-creator-list {
							display: flex;
							justify-content: flex-start;

							.Sec-episodeaward-award-creator-title {
								padding: 0 12.5px;
								font-size: calc(16rem / 16);
								line-height: calc(27 / 16);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
								border-radius: 13.5px;
								color: #fff;
								background-color: #67c9f1;
							}
							.Sec-episodeaward-award-creator-name {
								margin-left: 15px;
								font-size: calc(22rem / 16);
								line-height: calc(27 / 22);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
							}
						}
					}
					/* エピソードテキストエリア */
					.Sec-episodeaward-award-textArea {
						position: relative;
						margin-top: 45px;
						width: 620px;
						height: 198px;
						overflow-y: hidden;

						.Sec-episodeaward-award-textArea-text {
							font-size: calc(20.5rem / 16);
							line-height: calc(33 / 20.5);
							font-weight: 400; /* Regular */
							letter-spacing: 0.040em;
						}
						.Sec-episodeaward-award-textArea-text-cover {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1) 70%);
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: flex-end;

							.Sec-episodeaward-award-textArea-text-cover-btn {
								margin-bottom: 27px;
								padding: 0 120px;
								font-size: calc(16rem / 16);
								line-height: calc(30 / 16);
								font-weight: 600; /* Semibold */
								letter-spacing: 0.040em;
								text-align: center;
								color: #fff;
								background-color: #f399bf;
								border-radius: 15px;

								i {
									margin: 0;
									padding: 0;
									letter-spacing: 0.390em;
									color: #fff;
								}
							}
						}
					}
					/* サムネイルグループ */
					.Sec-episodeaward-award-thumbnailGroup {
						position: absolute;
						top: 48px;
						right: 45px;
						width: 375px;
						display: flex;
						flex-direction: column;
						align-items: center;

						/* サムネイル */
						.Sec-episodeaward-award-thumbnail {
							width: 100%;
							box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25);
						}
						/* リンクボタン */
						.Sec-episodeaward-award-btn a {
							margin-top: 39px;
							padding: 0 25px 0 27.5px;
							font-size: calc(25rem / 16);
							line-height: calc(63 / 25);
							font-weight: 700; /* Bold */
							letter-spacing: 0.040em;
							text-align: center;
							color: #fff;
							background-color: #ffc300;
							border-radius: 31.5px;
							box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
							display: block;
						}
					}
					/* 審査員コメントエリア */
					.Sec-episodeaward-award-commentArea {
						position: relative;
						margin-top: 39px;
						width: 620px;
						padding-top: 18px;

						.Sec-episodeaward-award-comment-photoArea {
							position: absolute;
							top: 0;
							left: 20px;
							width: 125px;
							display: flex;
							flex-direction: column;
							align-items: center;
							z-index: 9;

							.Sec-episodeaward-award-comment-photo {
								width: 105px;

								img {
									border-radius: 50%;
								}
							}
							.Sec-episodeaward-award-comment-title {
								margin-top: 15px;
								width: 100%;
								font-size: calc(16rem / 16);
								line-height: calc(19.5 / 16);
								font-weight: 500; /* Medium */
								letter-spacing: 0.040em;
								text-align: center;
							}
							.Sec-episodeaward-award-comment-name {
								margin-top: 6px;
								width: 100%;
								font-size: calc(25rem / 16);
								line-height: calc(27 / 25);
								font-weight: 700; /* Bold */
								letter-spacing: 0.040em;
								text-align: center;
							}
						}
						.Sec-episodeaward-award-comment-box {
							position: relative;
							width: 620px;
							height: 210px;
							padding: 27px 30px 27px 165px;
							background-color: #e4eaf9;
							border-radius: 18px;
							overflow-y: hidden;

							.Sec-episodeaward-award-comment-text {
								font-size: calc(17rem / 16);
								line-height: calc(27 / 17);
								font-weight: 400; /* Regular */
								letter-spacing: 0.040em;
							}
							.Sec-episodeaward-award-comment-cover {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								padding-left: 125px;
								background-image: linear-gradient(180deg,rgba(228, 234, 249, 0) 15%, rgba(228, 234, 249, 1) 70%);
								display: flex;
								flex-direction: column;
								align-items: center;
								justify-content: flex-end;

								.Sec-episodeaward-award-comment-cover-btn {
									margin-bottom: 27px;
									padding: 0 90px;
									font-size: calc(16rem / 16);
									line-height: calc(30 / 16);
									font-weight: 600; /* Semibold */
									letter-spacing: 0.040em;
									text-align: center;
									color: #fff;
									background-color: #92ace6;
									border-radius: 15px;

									i {
										margin: 0;
										padding: 0;
										letter-spacing: 0.390em;
										color: #fff;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

/* -------------------- 漫画大賞 manga_GP -------------------- */
/* ノミネート作品公開 release */
.mainContents__Sec-release {
	position: relative;
	margin-top: -60px; /* アンカー位置調整 */
	padding-top: 60px; /* アンカー位置調整 */

	.wrapper {
		position: relative;
		width: 100%;
		padding-bottom: 84px;

		.Sec-release-headArea {
			position: relative;
			padding-bottom: 30px;
			background-color: #c58add;
			display: flex;
			flex-direction: column;
			align-items: center;

			.Sec-release-head-number {
				margin-top: -28.5px;
				padding: 0 30px;
				font-size: calc(35.5rem / 16);
				line-height: calc(51 / 35.5);
				font-weight: 600; /* SemiBold */
				letter-spacing: 0.040em;
				background-color: #fff;
				border: 3px solid #c58add;
				border-radius: 28.5px;
			}
			.Sec-release-head-subTitle-top {
				margin-top: 18px;
				font-size: calc(43rem / 16);
				line-height: calc(45 / 43);
				font-weight: 600; /* SemiBold */
				letter-spacing: 0.040em;
				color: #fff;
			}
			.Sec-release-head-mainTitle {
				margin-top: 9px;
				width: 785px;
			}
		}
		.Sec-release-lead {
			margin: 57px auto 0;
			width: 980px;
			font-size: calc(25rem / 16);
			line-height: calc(42 / 25);
			font-weight: 600; /* SemiBold */
			letter-spacing: 0.040em;

			.color {
				color: #f59500;
			}
		}
		.Sec-release-periodArea {
			margin: 30px auto 0;
			width: 550px;
			padding: 15px 25px 12px;
			background-color: #f9f3fc;
			border: 3px solid #c58add;
			border-radius: 6px;

			.Sec-release-period-head {
				font-size: calc(25rem / 16);
				line-height: calc(30 / 25);
				font-weight: 600; /* SemiBold */
				letter-spacing: 0.015em;
				text-align: center;
			}
			.Sec-release-period-date {
				margin-top: 9px;
				font-size: calc(28rem / 16);
				line-height: calc(30 / 28);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				text-align: center;
			}
		}
	}
}

/* ノミネート作品 nominate */
.mainContents__Sec-nominate {
	position: relative;
	background-image: url(../images/Sec-nominate-bg.webp);
	background-repeat: repeat;
	background-position: center;
	background-size: 320px;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 54px 100px 84px;

		.Sec-nominate-subHead {
			position: relative;
			font-size: calc(31rem / 16);
			line-height: calc(42 / 31);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;

			&::before {
				position: absolute;
				top: -90px;
				left: 50%;
				width: 110px;
				height: 75px;
				transform: translateX(-50%); /* 中央寄せ */
				content: "";
				background-image: url(../images/Sec-nominate-head-bg.webp);
				background-repeat: no-repeat;
				background-position: center top;
				background-size: 100px;
			}
		}
		.Sec-nominate-head {
			position: relative;
			margin-top: 18px;
			font-size: calc(49rem / 16);
			line-height: calc(42 / 40);
			font-weight: 800; /* ExtraBold */
			letter-spacing: 0.040em;
			text-align: center;

			.small {
				margin-top: 6px;
				font-size: calc(31rem / 16);
				line-height: calc(33 / 31);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				text-align: center;
				display: block;
			}
		}
		.Sec-nominate-nominateGroup {
			margin-top: 36px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 30px 0;

			.Sec-nominate-nominateList {
				width: 525px;
				background-color: #86bfff;
				border: 3px solid #86bfff;
				border-radius: 12px;
				box-shadow: 0 9px 18px rgba(0, 0, 0, 0.05);
				display: flex;
				flex-direction: column;
				align-items: center;

				.Sec-nominate-numberArea {
					padding-bottom: 3px;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;

					.Sec-nominate-number-head {
						padding-right: 7.5px;
						font-size: calc(25rem / 16);
						line-height: 1;
						font-weight: 700; /* Bold */
					}
					.Sec-nominate-number-title {
						font-size: calc(31rem / 16);
						line-height: 1;
						font-weight: 600; /* SemiBold */
					}
					.Sec-nominate-number-number {
						font-size: calc(43rem / 16);
						line-height: 1;
						font-weight: 600; /* SemiBold */
					}
				}
				.Sec-nominate-worksinformation {
					width: 100%;
					padding: 45px 52.5px;
					background-color: #fff;
					border-radius: 0 0 9px 9px;
					display: flex;
					flex-direction: column;
					align-items: center;

					.Sec-nominate-title {
						font-size: calc(37rem / 16);
						line-height: calc(90 / 37);
						font-weight: 600; /* Bold */
						letter-spacing: 0.040em;
						text-align: center;

						&.double {
							line-height: calc(45 / 37);
						}
						.light {
							font-weight: 400; /* Regular */
						}
						.small {
							font-size: calc(25rem / 16);
						}
					}
					.Sec-nominate-creator-box {
						margin-top: 27px;
						display: flex;
						flex-direction: column;
						align-items: stretch;

						.Sec-nominate-creator-list {
							margin-top: 12px;
							display: flex;
							justify-content: flex-start;

							&:first-child {
								margin-top: 0;
							}
							.Sec-nominate-creator-title {
								padding: 0 10px;
								font-size: calc(16rem / 16);
								line-height: calc(27 / 16);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
								text-align: center;
								border-radius: 13.5px;
								color: #fff;
								background-color: #67c9f1;

								&.episode {
									width: 150px;
								}
								&.drawing {
									margin-left: 90px;
									width: 60px;
								}
							}
							.Sec-nominate-creator-name {
								margin-left: 15px;
								font-size: calc(22rem / 16);
								line-height: calc(27 / 22);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
								text-align: center;
							}
						}
					}
					.Sec-nominate-thumbnail {
						margin-top: 30px;
						width: 420px;
						box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25);
					}
					.Sec-nominate-text {
						margin-top: 27px;
						width: 420px;
						font-size: calc(22rem / 16);
						line-height: calc(33 / 22);
						font-weight: 400; /* Regular */
						letter-spacing: 0.040em;

						&.line1 {
							padding-bottom: 33px;
						}
					}
					.Sec-nominate-btn a {
						margin-top: 36px;
						padding: 0 25px 0 27.5px;
						font-size: calc(25rem / 16);
						line-height: calc(63 / 25);
						font-weight: 700; /* Bold */
						letter-spacing: 0.040em;
						text-align: center;
						color: #fff;
						background-color: #ffc300;
						border-radius: 31.5px;
						box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
						display: block;
					}
					.Sec-nominate-btn-note {
						margin-top: 18px;
						font-size: calc(16rem / 16);
						line-height: calc(18 / 16);
						font-weight: 400; /* Regular */
						letter-spacing: 0.040em;
						text-align: center;
					}
				}
			}
		}
	}
}

/* 大賞の構成 composition */
.mainContents__Sec-composition {
	position: relative;
	background-image: url(../images/Sec-composition-bg.webp);
	background-repeat: repeat;
	background-position: center;
	background-size: 320px;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 72px 100px 84px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-composition-head {
			padding: 0 30px 9px;
			font-size: calc(34rem / 16);
			line-height: calc(36 / 34);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-bottom: 2px solid #171717;
		}
		.Sec-composition-grandprize-outer {
			position: relative;
			margin-top: 87px;
			width: 780px;
			padding: 33px 80px;
			background-color: #ff79ab;
			border-radius: 12px;
			display: flex;
			flex-direction: column;
			align-items: center;

			.Sec-composition-grandprize-head {
				position: relative;
				font-size: calc(37rem / 16);
				line-height: calc(39 / 37);
				font-weight: 600; /* Semibold */
				letter-spacing: 0.040em;
				text-align: center;
				color: #fff;

				&::before {
					position: absolute;
					top: -78px;
					left: 50%;
					width: 85px;
					height: 63px;
					transform: translateX(-50%); /* 中央寄せ */
					content: "";
					background-image: url(../images/Sec-composition-grandprize-head-bg.webp);
					background-repeat: no-repeat;
					background-position: center top;
					background-size: 85px;
				}
			}
			.Sec-composition-grandprize-box {
				margin-top: 18px;
				width: 100%;
				padding: 18px 25px;
				background-color: #fff;
				border-radius: 9px;

				.Sec-composition-grandprize-lead {
					font-size: calc(22rem / 16);
					line-height: calc(33 / 22);
					font-weight: 500; /* Medium */
					letter-spacing: 0.015em;

					.color {
						font-weight: 700; /* Bold */
						color: #f59500;
					}
				}
			}
		}
		.Sec-composition-categoryaward-outer {
			position: relative;
			margin-top: 72px;
			width: 780px;
			padding: 33px 80px;
			background-color: #ffd7e6;
			border-radius: 12px;
			display: flex;
			flex-direction: column;
			align-items: center;

			.Sec-composition-categoryaward-head {
				position: relative;
				font-size: calc(34rem / 16);
				line-height: calc(36 / 34);
				font-weight: 600; /* Semibold */
				letter-spacing: 0.040em;
				text-align: center;
				color: #ff79ab;

				&::before {
					position: absolute;
					top: -75px;
					left: 50%;
					width: 76.5px;
					height: 57px;
					transform: translateX(-50%); /* 中央寄せ */
					content: "";
					background-image: url(../images/Sec-composition-categoryaward-head-bg.webp);
					background-repeat: no-repeat;
					background-position: center top;
					background-size: 76.5px;
				}
			}
			.Sec-composition-categoryaward-box {
				margin-top: 18px;
				width: 100%;
				padding: 18px 25px;
				background-color: #fff;
				border-radius: 9px;

				.Sec-composition-categoryaward-lead {
					font-size: calc(22rem / 16);
					line-height: calc(33 / 22);
					font-weight: 500; /* Medium */
					letter-spacing: 0.015em;
				}
				.Sec-composition-categoryaward-listGroup {
					margin-top: 15px;

					.Sec-composition-categoryaward-list {
						margin-top: 9px;
						padding-left: 1em;
						font-size: calc(23.5rem / 16);
						line-height: calc(33 / 23.5);
						font-weight: 700; /* Bold */
						letter-spacing: 0.015em;
						text-indent: -1em;

						&::before {
							padding-right: 5px;
							font-family: sans-serif;
							content: "●";
							color: #ffc800;
						}
						.light {
							font-weight: 400; /* Regular */
						}
						.kerning {
							margin-left: 0.25em;
						}
					}
				}
			}
			.Sec-composition-categoryaward-btn a {
				margin-top: 27px;
				padding: 0 27.5px 0 30px;
				font-size: calc(25rem / 16);
				line-height: calc(63 / 25);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				text-align: center;
				color: #fff;
				background-color: #ffc300;
				border-radius: 31.5px;
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
				display: block;
			}
		}
	}
}

/* 歴代大賞作品 generations */
.mainContents__Sec-generations {
	position: relative;
	background-color: #e0c57b;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 84px 100px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-generations-shoulderHead {
			width: 530px;
			padding-bottom: 9px;
			font-size: calc(28rem / 16);
			line-height: calc(30 / 28);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-bottom: 2px solid #a47200;
		}
		.Sec-generations-head {
			margin-top: 7.5px;
			width: 480px;
			padding-top: 18px;
			font-size: calc(40rem / 16);
			line-height: calc(48 / 40);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-top: 2.25px solid #a47200;

			i {
				margin: 0;
				padding: 0;
				letter-spacing: 0.240em;
				color: #f1ead9;
			}
		}
		.Sec-generations-awardGroup {
			margin-top: 42px;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 45px 0;

			.Sec-generations-awardList {
				width: 100%;
				border-radius: 12px;
				background-image: linear-gradient(90deg,rgba(193, 167, 74, 1) 0%, rgba(193, 167, 74, 1) 15%, rgba(224, 211, 164, 1) 85%, rgba(193, 167, 74, 1) 100%);
				box-shadow: 0 9px 18px rgba(0, 0, 0, 0.15);

				.Sec-generations-award-headArea {
					width: 100%;
					height: 66px;
					padding: 0 35px;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;

					.Sec-generations-award-head {
						font-size: calc(40rem / 16);
						line-height: calc(48 / 40);
						font-weight: 700; /* Bold */
						letter-spacing: 0.040em;
						text-align: center;
						color: #fff;

						.light {
							font-weight: 400; /* Regular */
						}
					}
				}
				/* 作品情報 */
				.Sec-generations-award-worksinformation {
					position: relative;
					width: 100%;
					padding: 36px 45px 48px;
					background-color: #fff;
					border-radius: 0 0 9px 9px;

					/* 作品タイトル */
					.Sec-generations-award-title {
						width: 585px;
						font-size: calc(43rem / 16);
						line-height: calc(54 / 43);
						font-weight: 700; /* Bold */
						letter-spacing: 0.040em;

						.light {
							font-weight: 400; /* Regular */
						}
					}
					/* テキスト */
					.Sec-generations-award-text {
						margin-top: 12px;
						width: 585px;
						font-size: calc(22rem / 16);
						line-height: calc(33 / 22);
						font-weight: 400; /* Regular */
						letter-spacing: 0.040em;
					}
					/* 作者 */
					.Sec-generations-award-creator-box {
						margin-top: 24px;
						width: 585px;
						display: flex;
						justify-content: flex-start;
						gap: 0 20px;

						.Sec-generations-award-creator-list {
							display: flex;
							justify-content: flex-start;

							.Sec-generations-award-creator-title {
								padding: 0 12.5px;
								font-size: calc(16rem / 16);
								line-height: calc(27 / 16);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
								border-radius: 13.5px;
								color: #fff;
								background-color: #67c9f1;
							}
							.Sec-generations-award-creator-name {
								margin-left: 15px;
								font-size: calc(22rem / 16);
								line-height: calc(27 / 22);
								font-weight: 600; /* SemiBold */
								letter-spacing: 0.040em;
							}
						}
					}
					/* リンクボタン */
					.Sec-generations-award-btnArea {
						margin-top: 39px;
						width: 585px;
						display: flex;
						justify-content: center;

						.Sec-generations-award-btn a {
							padding: 0 25px 0 27.5px;
							font-size: calc(25rem / 16);
							line-height: calc(63 / 25);
							font-weight: 700; /* Bold */
							letter-spacing: 0.040em;
							text-align: center;
							color: #fff;
							background-color: #ffc300;
							border-radius: 31.5px;
							box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
							display: block;
						}
					}
					/* サムネイル */
					.Sec-generations-award-thumbnail {
						position: absolute;
						top: 36px;
						right: 45px;
						width: 345px;
						box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25);
					}
				}
			}
		}
	}
}

/* 審査員 judge */
.mainContents__Sec-judge {
	position: relative;
	background-color: #d0f1f8;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 72px 100px 78px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

		.Sec-judge-head {
			padding: 0 30px 9px;
			font-size: calc(34rem / 16);
			line-height: calc(36 / 34);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-bottom: 2px solid #171717;
		}
		.Sec-judge-outer {
			margin-top: 87px;
			width: 1080px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.Sec-judge-box {
				width: 350px;
				padding: 0 25px 36px;
				background-color: #fff;
				border-radius: 12px;
				display: flex;
				flex-direction: column;
				align-items: center;

				.Sec-judge-photo {
					margin-top: -45px;
					width: 135px;
					border: 4px solid #b7e9f4;
					border-radius: 50%;

					img {
						border-radius: 50%;
					}
				}
				.Sec-judge-category {
					margin-top: 18px;
					font-size: calc(24rem / 16);
					line-height: calc(27 / 24);
					font-weight: 700; /* Bold */
					letter-spacing: 0.040em;
					text-align: center;

					.light {
						font-weight: 400; /* Regular */
					}
				}
				.Sec-judge-name {
					margin-top: 21px;
					font-size: calc(28rem / 16);
					line-height: calc(30 / 28);
					font-weight: 700; /* Bold */
					letter-spacing: 0.040em;
					text-align: center;
					
					a {
						text-decoration: underline;
					}
				}
				.Sec-judge-en {
					margin-top: 6px;
					font-size: calc(16rem / 16);
					line-height: calc(18 / 16);
					font-weight: 400; /* Regular */
					letter-spacing: 0.040em;
					text-align: center;
				}
				.Sec-judge-title {
					margin-top: 21px;
					font-size: calc(18rem / 16);
					line-height: calc(48 / 18);
					font-weight: 600; /* Semibold */
					letter-spacing: 0.040em;
					text-align: center;

					&.double {
						line-height: calc(24 / 18);
					}
					a {
						text-decoration: underline;
					}
				}
				.Sec-judge-profile {
					margin-top: 21px;
					font-size: calc(18rem / 16);
					line-height: calc(28.5 / 18);
					font-weight: 400; /* Regular */
					letter-spacing: 0.015em;
				}
			}
		}
	}
}

/* 漫画家 cartoonist */
.mainContents__Sec-cartoonist {
	position: relative;
	background-color: #fff;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 72px 100px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-cartoonist-head {
			padding: 0 50px;
			font-size: calc(34rem / 16);
			line-height: calc(42 / 34);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			color: #fff;
			background-color: #70b3ff;
			border-radius: 6px;
		}
		.Sec-cartoonist-outer {
			margin-top: 48px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.Sec-cartoonist-box {
				width: 540px;
				padding: 27px 30px 21px 0;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				border-right: 1px dashed #a5a5a5;
				border-bottom: 1px dashed #a5a5a5;

				&:nth-of-type(even) {
					padding: 27px 0 21px 30px;
					border-right: none;
				}
				&:last-of-type {
					border-bottom: none;
				}
				.Sec-cartoonist-photo {
					width: 120px;

					img {
						border-radius: 50%;
					}
				}
				.Sec-cartoonist-inner {
					width: 370px;
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;

					.Sec-cartoonist-name {
						font-size: calc(25rem / 16);
						line-height: calc(27 / 25);
						font-weight: 600; /* Semibold */
						letter-spacing: 0.040em;
					}
					.Sec-cartoonist-sns a {
						margin-left: 15px;
						padding: 1.5px 12.5px;
						font-size: calc(17rem / 16);
						line-height: calc(21 / 17);
						font-weight: 500; /* Medium */
						letter-spacing: 0.015em;
						text-align: center;
						color: #70b3ff;
						background-color: #fff;
						border: 1.5px solid #70b3ff;
						border-radius: 13.5px;
						display: block;
					}
					.Sec-cartoonist-text {
						margin-top: 12px;
						font-size: calc(18rem / 16);
						line-height: calc(27 / 18);
						font-weight: 400; /* Regular */
						letter-spacing: 0.035em;
					}
				}
			}
		}
	}
}

/* ナース漫画大賞2026とは？ about */
.mainContents__Sec-about {
	position: relative;
	background-image: url(../images/Sec-about-bg.webp);
	background-repeat: repeat;
	background-position: center;
	background-size: 320px;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 96px 100px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

		.Sec-about-headArea {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;

			.Sec-about-head {
				padding: 0 calc(22.5px - 0.040em) 0 22.5px;
				font-size: calc(31rem / 16);
				line-height: calc(33 / 31);
				font-weight: 700; /* Bold */
				letter-spacing: 0.040em;
				text-align: center;
				border-right: 7.5px solid #f77d7e;
				border-left: 7.5px solid #f77d7e;
			}
			.Sec-about-lead {
				margin-top: 36px;
				width: 1080px;
				font-size: calc(21rem / 16);
				line-height: calc(33 / 21);
				font-weight: 500; /* Medium */
				letter-spacing: 0.040em;
				text-align: center;
			}
		}
		.Sec-about-outer {
			margin-top: 48px;
			width: 1080px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.Sec-about-box {
				width: 510px;

				.Sec-about-title {
					font-size: calc(21rem / 16);
					line-height: calc(24 / 21);
					font-weight: 700; /* Bold */
					letter-spacing: 0.040em;

					.color {
						letter-spacing: 0.190em;
						color: #f77d7e;
					}
				}
				.Sec-about-inner {
					margin-top: 9px;
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;

					.Sec-about-photo {
						margin-top: 6px;
						width: 180px;
					}
					.Sec-about-text {
						width: 305px;
						font-size: calc(18rem / 16);
						line-height: calc(27 / 18);
						font-weight: 400; /* Regular */
						letter-spacing: 0.040em;
					}
				}
			}
		}
	}
}

/* バナーリンク links */
.mainContents__Sec-links {
	position: relative;
	background-color: #fff;

	.wrapper {
		position: relative;
		margin: 0 auto;
		width: 1280px;
		padding: 72px 320px 150px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.Sec-links-head {
			padding: 0 30px 9px;
			font-size: calc(34rem / 16);
			line-height: calc(36 / 34);
			font-weight: 700; /* Bold */
			letter-spacing: 0.040em;
			text-align: center;
			border-bottom: 2px solid #171717;
		}
		.Sec-links-bannerGroup {
			margin-top: 87px;
			width: 640px;

			.Sec-links-banner {
				margin-top: 24px;

				&:first-child {
					margin-top: 0;
				}
				img {
					width: 100%;
				}
			}
		}
	}
}

/* スクロール固定タブ */
.fixedtab {
	position: fixed;
	bottom: -15px;
	width: 100%;
	z-index: 999;
	display: none;

	.fixedtab-tabGroup {
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 0 30px;
		z-index: 99;

		a {
			width: 100%;
			height: 120px;

			li {
				height: 100%;
				padding-top: 18px;
				box-shadow: 0 -6px 9px 0 rgba(0, 0, 0, 0.15);
				transition: all 0.35s ease;

				.box {
					width: 510px;
					display: flex;
					flex-direction: column;
					align-items: center;

					.shoulderText {
						font-size: calc(22rem / 16);
						line-height: calc(24 / 22);
						font-weight: 600; /* SemiBold */
						letter-spacing: 0.015em;
						text-align: center;
						color: #fff;
					}
					.mainText {
						margin-top: 6px;
						font-size: calc(37rem / 16);
						line-height: calc(39 / 37);
						font-weight: 700; /* Bold */
						letter-spacing: 0.015em;
						text-align: center;
						color: #fff700;

						.light {
							font-weight: 400; /* Regular */
						}
					}
				}
			}
			&:hover {
				transform: translate(0, -15px);
				opacity: 1 !important;

				li {
					padding-top: 25.5px;
				}
			}
			.fixedtab-tabGroup-tab-left {
				border-radius: 0 15px 0 0;
				background-color: #63dcce;

				.box {
					margin: 0 62.5px 0 auto;
				}
			}
			.fixedtab-tabGroup-tab-right {
				border-radius: 15px 0 0 0;
				background-color: #3edf61;

				.box {
					margin: 0 auto 0 62.5px;
				}
			}
		}
	}
}

/* -------------------- フッタ -------------------- */
footer {
	padding: 30px 0 141px;
	border-top: 1px solid #171717;

	.footer__logo {
		margin: 0 auto;
		width: 130px;
	}
	.footer__credit {
		margin: 15px auto 0;
		width: 1080px;
		font-family: 'Roboto',sans-serif;
		font-size: calc(14rem / 16);
		line-height: calc(15 / 14);
		font-weight: 300; /* Light */
		letter-spacing: 0.015em;
		text-align: center;
		color: #171717;
		display: block;
	}
}