/************
* 応募要項
*************/
/* 共通クラス */
.u-txt-indent0 {
	text-indent: 0;
}

.u-guideline-margin-top {
	margin-top: 25px;
}

@media (max-width: 1163px) {
	.u-guideline-margin-top {
		margin-top: calc(25 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.u-guideline-margin-top {
		margin-top: calc(40 / var(--spWidth) * 100vw);
	}
}

/* 全体レイアウト */
.guideline {
	background-color: #fff9dd;
	padding-top: 160px;
	padding-bottom: 120px;
}

@media (max-width: 1163px) {
	.guideline {
		padding-top: calc(160 / var(--pcWidth) * 100vw);
		padding-bottom: calc(120 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline {
		background-color: #fff9dd;
		padding-block: calc(120 / var(--spWidth) * 100vw);
	}
}

/* 見出しレイアウト */
.guideline .guideline__heading {
	background-color: #c71528;
	max-width: 890px;
	width: 100%;
	height: 30px;
	padding-block: 15px;
	text-align: center;
}

@media (max-width: 1163px) {
	.guideline .guideline__heading {
		max-width: calc(890 / var(--pcWidth) * 100vw);
		height: calc(30 / var(--pcWidth) * 100vw);
		padding-block: calc(15 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__heading {
		max-width: calc(670 / var(--spWidth) * 100vw);
		height: calc(30 / var(--spWidth) * 100vw);
		padding-block: calc(15 / var(--spWidth) * 100vw);
	}
}

/* 見出しテキスト画像 */
.guideline .guideline__heading .guideline__heading-image {
	max-width: 127px;
	max-height: 30px;
}

@media (max-width: 1163px) {
	.guideline .guideline__heading .guideline__heading-image {
		max-width: calc(127 / var(--pcWidth) * 100vw);
		max-height: calc(30 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__heading .guideline__heading-image {
		max-width: calc(127 / var(--spWidth) * 100vw);
		max-height: calc(30 / var(--spWidth) * 100vw);
	}
}

/* 応募要項のスクロールバー */
.guideline .guideline__content .guideline__content-text-wrapper::-webkit-scrollbar {
	/* スクロールバーの幅 */
	width: 14px;
	/* つまみの高さ */
	height: 133px;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper::-webkit-scrollbar {
		width: calc(14 / var(--pcWidth) * 100vw);
		height: calc(133 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper::-webkit-scrollbar {
		width: calc(14 / var(--spWidth) * 100vw);
		height: calc(133 / var(--spWidth) * 100vw);
	}
}

/* スクロールバーの背景 */
.guideline .guideline__content .guideline__content-text-wrapper::-webkit-scrollbar-track {
	background-color: #d9d9d9;
}

/* スクロールバーのつまみ（ドラッグできる部分） */
.guideline .guideline__content .guideline__content-text-wrapper::-webkit-scrollbar-thumb {
	background-color: #8c8c8c;
}

/* 応募要項の内容レイアウト */
.guideline .guideline__content {
	display: flex;
	justify-content: center;
	background-color: #fff;
	overflow-y: hidden;
	max-width: 874px;
	width: 100%;
	max-height: 680px;
	border-right: 8px solid #c71528;
	border-left: 8px solid #c71528;
	border-bottom: 8px solid #c71528;
	padding-top: 25px;
	padding-bottom: 30px;
}

@media (max-width: 1163px) {
	.guideline .guideline__content {
		max-width: calc(874 / var(--pcWidth) * 100vw);
		max-height: calc(680 / var(--pcWidth) * 100vw);
		border-right: calc(8 / var(--pcWidth) * 100vw) solid #c71528;
		border-left: calc(8 / var(--pcWidth) * 100vw) solid #c71528;
		border-bottom: calc(8 / var(--pcWidth) * 100vw) solid #c71528;
		padding-top: calc(25 / var(--pcWidth) * 100vw);
		padding-bottom: calc(30 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content {
		max-width: calc(654 / var(--spWidth) * 100vw);
		max-height: calc(645 / var(--spWidth) * 100vw);
		border-right: calc(8 / var(--spWidth) * 100vw) solid #c71528;
		border-left: calc(8 / var(--spWidth) * 100vw) solid #c71528;
		border-bottom: calc(8 / var(--spWidth) * 100vw) solid #c71528;
		padding-top: calc(25 / var(--spWidth) * 100vw);
		padding-bottom: calc(15 / var(--spWidth) * 100vw);
	}
}


/* 応募要項のテキストレイアウト */
.guideline .guideline__content .guideline__content-text-wrapper {
	max-width: 830px;
	max-height: 300px;
	overflow-y: auto;
	width: 100%;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper {
		max-width: calc(805 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper {
		max-width: calc(610 / var(--spWidth) * 100vw);
	}
}

/* 応募要項：セクション */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section {
	margin-right: 30px;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section {
		margin-right: calc(35 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section {
		/* SP時にスクロールバーが表示されないため、 */
		margin-right: 0;
	}
}

/* 応募要項：セクション間余白 */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section:not(:first-child) {
	margin-top: 30px;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section:not(:first-child) {
		margin-top: calc(30 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section:not(:first-child) {
		margin-top: calc(30 / var(--spWidth) * 100vw);
	}
}

/* 応募要項：見出し */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-heading {
	font-size: 2rem;
	line-height: calc(35 / 20);
	letter-spacing: 0.04em;
	font-weight: bold;
	border-bottom: 2px #000000 solid;
	margin-bottom: 15px;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-heading {
		font-size: calc(20 / var(--pcWidth) * 100vw);
		border-bottom: calc(2 / var(--pcWidth) * 100vw) #000000 solid;
		margin-bottom: calc(15 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-heading {
		font-size: calc(28 / var(--spWidth) * 100vw);
		line-height: calc(35 / 28);
		border-bottom: calc(2 / var(--spWidth) * 100vw) #000000 solid;
		padding-bottom: calc(5 / var(--spWidth) * 100vw);
		margin-bottom: calc(15 / var(--spWidth) * 100vw);
	}
}

/* 応募要項：見出し */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-text {
	font-size: 1.6rem;
	line-height: calc(26 / 16);
	letter-spacing: 0;
	font-weight: normal;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-text {
		font-size: calc(16 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-text {
		font-size: calc(24 / var(--spWidth) * 100vw);
		line-height: calc(38 / 24);
	}
}

/* 応募要項：各要素 */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item {
	font-size: 1.6rem;
	line-height: calc(26 / 16);
	letter-spacing: 0;
	text-indent: -1em;
	padding-left: 1em;
	font-weight: normal;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item {
		font-size: calc(16 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item {
		font-size: calc(24 / var(--spWidth) * 100vw);
		line-height: calc(38 / 24);
	}
}

/* 応募要項：ニューヨークのみSP時にインデント処理 */
.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item--newyork {
	font-size: 1.6rem;
	line-height: calc(26 / 16);
	letter-spacing: 0;
	text-indent: -1em;
	padding-left: 1em;
	font-weight: normal;
}

@media (max-width: 1163px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item--newyork {
		font-size: calc(16 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__content .guideline__content-text-wrapper .guideline__content-section .guideline__content-list-item--newyork {
		font-size: calc(24 / var(--spWidth) * 100vw);
		line-height: calc(38 / 24);
		text-indent: -2em;
		padding-left: 2em;
	}
}

/* リンクレイアウト(応募はこちらから) */
.guideline .guideline__link {
	margin-top: 100px;
}

@media (max-width: 1163px) {
	.guideline .guideline__link {
		margin-top: calc(100 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__link {
		margin-top: calc(120 / var(--spWidth) * 100vw);
	}
}

.guideline .guideline__link .guideline__link-item {
	background-color: #c71528;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 460px;
	height: 90px;
	padding-left: 20px;
}

@media (max-width: 1163px) {
	.guideline .guideline__link .guideline__link-item {
		border-radius: calc(20 / var(--pcWidth) * 100vw);
		width: calc(460 / var(--pcWidth) * 100vw);
		height: calc(90 / var(--pcWidth) * 100vw);
		padding-left: calc(20 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__link .guideline__link-item {
		border-radius: calc(20 / var(--spWidth) * 100vw);
		width: calc(460 / var(--spWidth) * 100vw);
		height: calc(90 / var(--spWidth) * 100vw);
		padding-left: calc(20 / var(--spWidth) * 100vw);
	}
}

/* リンク装飾(応募はこちらから) */
.guideline .guideline__link .guideline__link-item::after {
	content: "";
	background-image: url("../img/pc/entry_link-icon.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: block;
	width: 37px;
	height: 38px;
	margin-left: 20px;
}

@media (max-width: 1163px) {
	.guideline .guideline__link .guideline__link-item::after {
		width: calc(37 / var(--pcWidth) * 100vw);
		height: calc(38 / var(--pcWidth) * 100vw);
		margin-left: calc(20 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__link .guideline__link-item::after {
		width: calc(37 / var(--spWidth) * 100vw);
		height: calc(38 / var(--spWidth) * 100vw);
		margin-left: calc(30 / var(--spWidth) * 100vw);
	}
}

/* リンク画像(応募はこちらから) */
.guideline .guideline__link .guideline__link-item .guideline__link-image {
	max-width: 314px;
}

@media (max-width: 1163px) {
	.guideline .guideline__link .guideline__link-item .guideline__link-image {
		max-width: calc(314 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__link .guideline__link-item .guideline__link-image {
		max-width: calc(328 / var(--spWidth) * 100vw);
	}
}

/* リンクレイアウト(世界のTEA) */
.guideline .guideline__tea-link {
	margin-top: 100px;
}

@media (max-width: 1163px) {
	.guideline .guideline__tea-link {
		margin-top: calc(100 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__tea-link {
		margin-top: calc(100 / var(--spWidth) * 100vw);
	}
}

.guideline .guideline__tea-link .guideline__tea-link-item {
	background-color: #309ec0;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 560px;
	height: 120px;
	padding-left: 40px;
}

@media (max-width: 1163px) {
	.guideline .guideline__tea-link .guideline__tea-link-item {
		border-radius: calc(20 / var(--pcWidth) * 100vw);
		width: calc(560 / var(--pcWidth) * 100vw);
		height: calc(120 / var(--pcWidth) * 100vw);
		padding-left: calc(40 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__tea-link .guideline__tea-link-item {
		border-radius: calc(20 / var(--spWidth) * 100vw);
		width: calc(560 / var(--spWidth) * 100vw);
		height: calc(120 / var(--spWidth) * 100vw);
		padding-left: calc(40 / var(--spWidth) * 100vw);
	}
}

/* リンク装飾(世界のTEA) */
.guideline .guideline__tea-link .guideline__tea-link-item::after {
	content: "";
	background-image: url("../img/pc/guideline_tea-icon.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: block;
	width: 40px;
	height: 50px;
	margin-left: 40px;
}

@media (max-width: 1163px) {
	.guideline .guideline__tea-link .guideline__tea-link-item::after {
		width: calc(40 / var(--pcWidth) * 100vw);
		height: calc(50 / var(--pcWidth) * 100vw);
		margin-left: calc(40 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__tea-link .guideline__tea-link-item::after {
		width: calc(40 / var(--spWidth) * 100vw);
		height: calc(50 / var(--spWidth) * 100vw);
		margin-left: calc(40 / var(--spWidth) * 100vw);
	}
}

/* リンク画像(世界のTEA) */
.guideline .guideline__tea-link .guideline__tea-link-item .guideline__tea-link-image {
	max-width: 258px;
}

@media (max-width: 1163px) {
	.guideline .guideline__tea-link .guideline__tea-link-item .guideline__tea-link-image {
		max-width: calc(258 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.guideline .guideline__tea-link .guideline__tea-link-item .guideline__tea-link-image {
		max-width: calc(258 / var(--spWidth) * 100vw);
	}
}