/************
* 世界のTEA旅行の紹介
*************/
/* 見出しレイアウト */
.introduce .introduce__heading {
	text-align: center;
	padding-block: 25px;
}

@media (max-width: 1163px) {
	.introduce .introduce__heading {
		padding-block: calc(25 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__heading {
		padding-top: calc(30 / var(--spWidth) * 100vw);
		padding-bottom: calc(20 / var(--spWidth) * 100vw);
	}
}

/* 見出し画像 */
.introduce .introduce__heading .introduce__heading-image {
	display: inline-block;
	max-width: 1164px;
}

@media (max-width: 1163px) {
	.introduce .introduce__heading .introduce__heading-image {
		max-width: calc(1164 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	@media (max-width: 1163px) {
		.introduce .introduce__heading .introduce__heading-image {
			max-width: calc(670 / var(--spWidth) * 100vw);
		}
	}
}

/* 各プラン背景（灰） */
.introduce .introduce__plan .introduce__plan-item--gray {
	background-color: #eae5e3;
	padding-block: 80px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-item--gray {
		padding-block: calc(80 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-item--gray {
		padding-block: calc(100 / var(--spWidth) * 100vw);
	}
}

/* 各プラン背景（黄） */
.introduce .introduce__plan .introduce__plan-item--yellow {
	background-color: #f5d74a;
	padding-block: 80px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-item--yellow {
		padding-block: calc(80 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-item--yellow {
		padding-block: calc(100 / var(--spWidth) * 100vw);
	}
}

/* 各プラン背景（赤） */
.introduce .introduce__plan .introduce__plan-item--red {
	background-color: #e54c5e;
	padding-block: 80px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-item--red {
		padding-block: calc(80 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-item--red {
		padding-block: calc(100 / var(--spWidth) * 100vw);
	}
}

/* 各プラン背景（青） */
.introduce .introduce__plan .introduce__plan-item--blue {
	background-color: #2e4a85;
	padding-block: 80px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-item--blue {
		padding-block: calc(80 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-item--blue {
		padding-block: calc(100 / var(--spWidth) * 100vw);
	}
}

/* 各プランのレイアウト */
.introduce .introduce__plan .introduce__plan-layout {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout {
		border-top-right-radius: calc(20 / var(--pcWidth) * 100vw);
		border-bottom-right-radius: calc(20 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout {
		flex-direction: column;
		background-color: inherit;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/* 各プランのレイアウト */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-image {
	max-width: 415px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-image {
		max-width: calc(415 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-image {
		max-width: calc(506 / var(--spWidth) * 100vw);
	}
}

/* 各プランの文字情報レイアウト */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail {
	flex: 1;
	padding-top: 15px;
	padding-left: 60px;
	padding-right: 35px;
	width: 749px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail {
		padding-top: calc(15 / var(--pcWidth) * 100vw);
		padding-left: calc(60 / var(--pcWidth) * 100vw);
		padding-right: calc(20 / var(--pcWidth) * 100vw);
		width: calc(749 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail {
		background-color: #fff;
		border-top-left-radius: calc(20 / var(--spWidth) * 100vw);
		border-bottom-right-radius: calc(20 / var(--spWidth) * 100vw);
		margin-top: calc(40 / var(--spWidth) * 100vw);
		padding-top: calc(30 / var(--spWidth) * 100vw);
		padding-inline: calc(38 / var(--spWidth) * 100vw);
		padding-bottom: calc(40 / var(--spWidth) * 100vw);
		width: inherit;
	}
}

/* 各プランのタイトルレイアウト */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title {
	text-align: center;
	padding-left: 20px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title {
		padding-left: calc(20 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title {
		padding-left: calc(60 / var(--spWidth) * 100vw);
	}
}

/* 各プランのタイトル画像（上海） */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--shanghai {
	max-width: 322px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--shanghai {
		max-width: calc(322 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--shanghai {
		max-width: calc(308 / var(--spWidth) * 100vw);
	}
}

/* 各プランのタイトル画像（ニューヨーク） */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--newyork {
	max-width: 474px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--newyork {
		max-width: calc(474 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--newyork {
		max-width: calc(453 / var(--spWidth) * 100vw);
	}
}

/* 各プランのタイトル画像（台北） */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--taipei {
	max-width: 322px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--taipei {
		max-width: calc(322 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--taipei {
		max-width: calc(308 / var(--spWidth) * 100vw);
	}
}

/* 各プランのタイトル画像（ロンドン） */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--london {
	max-width: 398px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--london {
		max-width: calc(398 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-title .introduce__plan-title-image--london {
		max-width: calc(417 / var(--spWidth) * 100vw);
	}
}

/* 各プランのテキストレイアウト */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-text-wrapper {
	margin-top: 20px;
}

@media (max-width: 1163px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-text-wrapper {
		margin-top: calc(20 / var(--pcWidth) * 100vw);
	}
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-text-wrapper {
		margin-top: calc(20 / var(--spWidth) * 100vw);
	}
}

/* 各プランのテキスト */
.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-text-wrapper .introduce__plan-text {
	letter-spacing: 0.02em;
}

@media (max-width: 767px) {
	.introduce .introduce__plan .introduce__plan-layout .introduce__plan-detail .introduce__plan-text-wrapper .introduce__plan-text {
		font-size: calc(26 / var(--spWidth) * 100vw);
		line-height: calc(46 / 26);
	}
}