:root {
	--color-black: #333;
	--color-gray-66: #aaa;
	--color-gray-80: #ccc;
	--color-orange: #ff9600;
	--color-teal: #00bebc;
	--color-white: #fff;
	--color-red: #f00;
}
/* common component */
.p-container {
	width: 100%;
	padding-left: 4.2667vw;
	padding-right: 4.2667vw;
}
.p-article + .p-article {
		margin-top: 42px;
	}
.p-article.-faq {
		margin-bottom: 60px;
	}
.p-article_header {
		font-size: 26px;
		line-height: 1.3;
		margin-bottom: 18px;
		font-weight: bold;
		position: relative;
		padding-right: 30px;
		padding-left: 30px;
	}
.p-article_header::before {
			content: '';
			display: block;
			width: 100vw;
			height: 4px;
			background-color: #13abeb;
			position: absolute;
			top: calc(50% - 2px);
			left: 0;
		}
.p-article_headerContainer {
		display: flex;
		flex-direction: column;
		gap: 6px;
		align-items: center;
		background-color: #fff;
		background-color: var(--color-white);
		position: relative;
	}
.p-article_subheading {
		font-size: 20px;
		color: #13abeb;
		display: inline-block;
		padding-left: 36px;
		position: relative;
	}
.p-article_subheading::before {
			content: "";
			display: block;
			width: 30px;
			height: 30px;
			background: no-repeat center / 30px url('/world_esim/img/icn_esim.svg');
			position: absolute;
			top: -4px;
			left: 0;
		}
.p-article_bodyWrapper {
		text-align: center;
		margin-bottom: 24px;
	}
.p-article_body {
		display: inline-flex;
		text-align: left;
	}
.p-section + .p-section {
		margin-top: 42px;
	}
.p-section_heading {
		text-align: center;
		font-weight: bold;
		font-size: 22px;
		padding-bottom: 12px;
		position: relative;
		line-height: 1.3;
		margin-bottom: 24px;
	}
.p-section_heading::before {
			content: '';
			display: block;
			width: 96px;
			height: 4px;
			background-color: #13abeb;
			position: absolute;
			bottom: 0;
			left: calc(50% - 48px);
		}
.p-section_heading.-region {
			padding-bottom: 0;
			margin-bottom: 12px;
		}
.p-section_heading.-region::before {
				display: none;
			}
.-region .p-section_subheading::before {
				content: '';
				display: inline-block;
				width: 33px;
				height: 22px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				margin-right: 6px;
			}
.-korea .p-section_subheading::before {
				background-image: url('/world_esim/img/flag_korea.jpg');
			}
.-hawaii .p-section_subheading::before {
				background-image: url('/world_esim/img/flag_hawaii.jpg');
			}
.-taiwan .p-section_subheading::before {
				background-image: url('/world_esim/img/flag_taiwan.jpg');
			}
.p-annotation {
	font-size: 12px;
	margin-top: 12px;
	color: #666;
}
.p-annotation_item {
		padding-left: 1em;
		position: relative;
	}
.p-annotation_item::before {
			content: '※';
			position: absolute;
			top: 0;
			left: 0;
		}
/* Hero Section */
.p-hero {
	margin-bottom: 18px;
}
.p-heading {
	font-weight: bold;
	font-size: 26px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6px;
	line-height: 1.3;
	margin-bottom: 18px;
}
.p-subheading {
	font-size: 18px;
	color: #13abeb;
}
.p-tagline {
	margin-bottom: 18px;
}
.p-tagline::before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		mask-image: url('/world_esim/img/icn_pr.svg');
		mask-repeat: no-repeat;
		mask-size: 24px;
		background-color: #697180;
		margin-bottom: -6px;
	}
.p-update {
	margin-bottom: 36px;
}
.p-menu {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
}
.p-menu_nav {
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 24px;
		position: relative;
		transition: all 0.3s;
	}
.p-menu_nav::after {
			content: '';
			display: block;
			width: 100%;
			height: 96px;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0%) 0%, rgba(255, 255, 255, 80%) 35%, rgb(255, 255, 255) 100%);
			position: absolute;
			bottom: 0;
			left: 0;
			transition: all 0.3s;
		}
.p-menu_nav.is-open::after {
				opacity: 0;
				height: 0;
			}
.p-menu_heading {
		font-size: 21px;
		font-weight: bold;
		line-height: 1.3;
	}
.p-menu_container {
		border: 1px solid #aaa;
		border: 1px solid var(--color-gray-66);
		padding-top: 12px;
		padding-right: 12px;
		padding-left: 12px;
		border-radius: 12px;
		text-align: center;
		max-height: 270px;
		overflow: hidden;
	}
.is-open .p-menu_container {
			max-height: 100%;
			overflow: auto;
			padding: 12px;
		}
.p-menu_itemLink {
		display: block;
		border-bottom: 1px dashed #aaa;
		border-bottom: 1px dashed var(--color-gray-66);
		padding-top: 12px;
		padding-bottom: 12px;
		padding-right: 24px;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		position: relative;
	}
.p-menu_itemLink::after {
			content: '';
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			background-color: #aaa;
			background-color: var(--color-gray-66);
			position: absolute;
			top: calc(50% - 9px);
			right: 0;
			transform: rotate(90deg);
		}
.p-menu_button {
		width: 100%;
		font-weight: bold;
		padding-top: 12px;
		padding-bottom: 12px;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		cursor: pointer;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
.is-open .p-menu_button {
			position: static;
			padding-bottom: 0;
		}
.p-menu_buttonInner {
		display: inline-block;
		position: relative;
		padding-right: 24px;
	}
.p-menu_buttonInner::after {
			content: '';
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			background-color: #aaa;
			background-color: var(--color-gray-66);
			transform: rotate(90deg);
			position: absolute;
			top: calc(50% - 9px);
			right: 0;
			transition: all 0.3s;
		}
.is-open .p-menu_buttonInner::after {
				transform: rotate(-90deg);
			}
.p-drawer {
	display: flex;
	flex-direction: column;
}
.p-drawer_nav {
		display: flex;
		position: fixed;
		top: min(54px, 18%);
		right: 42px;
		z-index: 10;
		transform: translateX(100%);
		transition: all 0.3s;
		opacity: 0;
		pointer-events: none;
	}
.p-drawer_nav.is-open {
			right: 0;
			transform: translateX(0%);
		}
.p-drawer_nav.is-show {
			opacity: 1;
			pointer-events: all;
		}
.p-drawer_heading {
		background-color: #13abeb;
		width: 42px;
		height: 42px;
		border-radius: 12px 0 0 12px;
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
	}
.p-drawer_heading::after {
			content: '';
			width: 24px;
			height: 24px;
			mask-image: url('/world_esim/img/icn_menu.svg');
			mask-repeat: no-repeat;
			mask-size: 24px;
			background-color: #fff;
			background-color: var(--color-white);
			position: absolute;
			top: 9px;
			left: 9px;
		}
.p-drawer_container {
		width: 234px;
		background-color: #fff;
		background-color: var(--color-white);
		border-width: 1px 0 1px 1px;
		border-style: solid;
		border-color: #ccc;
		border-color: var(--color-gray-80);
		padding: 6px 18px 18px;
	}
.p-drawer_itemLink {
		display: block;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		border-bottom: 1px dashed #aaa;
		border-bottom: 1px dashed var(--color-gray-66);
		padding-top: 12px;
		padding-bottom: 12px;
	}
/* Ranking Article */
.p-rankingArticle_headingWrapper {
		color: #13abeb;
		font-size: 28px;
		line-height: 1.3;
		font-weight: bold;
		text-align: center;
		margin-bottom: 18px;
	}
.p-rankingArticle_headingContainer {
		display: inline-flex;
		flex-direction: column;
		position: relative;
	}
.p-rankingArticle_headingContainer::before,
		.p-rankingArticle_headingContainer::after {
			content: '';
			display: block;
			width: 36px;
			height: 42px;
			mask-repeat: no-repeat;
			mask-size: 36px 42px;
			position: absolute;
			top: 0;
			background-color: #ffde00;
		}
.p-rankingArticle_headingContainer::before {
			mask-image: url('/world_esim/img/icn_twinkle_left.svg');
			left: -36px;
		}
.p-rankingArticle_headingContainer::after {
			mask-image: url('/world_esim/img/icn_twinkle_right.svg');
			right: -36px;
		}
.p-rankingArticle_subheading {
		font-size: 20px;
	}
.p-rankingArticle_heading::before {
			content: '';
			display: inline-block;
			width: 30px;
			height: 30px;
			mask-repeat: no-repeat;
			mask-size: 30px;
			mask-image: url('/world_esim/img/icn_crown.svg');
			background-color: #fdb900;
			margin-right: 6px;
		}
.p-rankingArticle_body {
		margin-bottom: 24px;
	}
.p-rankingList {
	counter-reset: ranking;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 12px;
	border-top: 1px dashed #aaa;
}
.p-rankingList_item {
		counter-increment: ranking;
		padding-bottom: 12px;
		border-bottom: 1px dashed #aaa;
	}
.p-rankingList_itemLink {
		display: flex;
		flex-direction: column;
		gap: 12px;
		position: relative;
		padding-right: 24px;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		transition: all 0.3s;
	}
.p-rankingList_itemLink::after {
			content: '';
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			background-color: #ff9600;
			background-color: var(--color-orange);
			position: absolute;
			top: calc(50% - 9px);
			right: 0;
		}
.p-rankingList_header {
		display: flex;
		flex-direction: column;
		gap: 6px;
		position: relative;
		padding-left: 48px;
	}
.p-rankingList_header::before {
			content: counter(ranking);
			width: 36px;
			height: 36px;
			background-color: #dae8e9;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			font-weight: bold;
			border-radius: 30px;
			position: absolute;
			top: calc(50% - 18px);
			left: 0;
		}
.p-rankingList_item:first-child .p-rankingList_header::before {
				background-color: #e8d44e;
				color: #fff;
				color: var(--color-white);
			}
.p-rankingList_item:nth-child(2) .p-rankingList_header::before {
				background-color: #666;
				color: #fff;
				color: var(--color-white);
			}
.p-rankingList_item:nth-child(3) .p-rankingList_header::before {
				background-color: #d5a691;
				color: #fff;
				color: var(--color-white);
			}
.p-rankingList_logo {
		width: 120px;
	}
.p-rankingList_heading {
		font-size: 18px;
		line-height: 1.3;
		font-weight: bold;
	}
.p-rankingList_container {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
.p-rankingList_tagline {
		font-weight: bold;
	}
/* About Article */
.p-categoryCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}
.p-categoryCard_item {
		border: 2px solid #ccc;
		border: 2px solid var(--color-gray-80);
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 12px;
		line-height: 1.3;
	}
.p-categoryCard_heading {
		background-color: #13abeb;
		border-radius: 12px;
		height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		line-height: 1.3;
		font-weight: bold;
		color: #fff;
		color: var(--color-white);
	}
.p-categoryCard_tagline {
		font-weight: bold;
		font-size: 18px;
		text-align: center;
	}
.p-categoryCard_feature {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding-left: 90px;
		background: no-repeat 0 50% / 78px url('/world_esim/img/icn_about_1.svg');
	}
.p-categoryCard_item:nth-child(2) .p-categoryCard_feature {
			background-image: url('/world_esim/img/icn_about_2.svg');
		}
.p-categoryCard_item:nth-child(3) .p-categoryCard_feature {
			background-image: url('/world_esim/img/icn_about_3.svg');
		}
.p-categoryCard_featureItem::before {
			content: '・';
		}
.p-meritCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}
.p-meritCard_item {
		padding: 12px;
		border: 2px solid #ff717e;
		border-radius: 12px;
	}
.p-meritCard_item.-demerit {
			border-color: #7496a5;
		}
.p-meritCard_heading {
		font-size: 22px;
		text-align: center;
		margin-bottom: 12px;
		font-weight: bold;
		line-height: 1.3;
	}
.p-meritCard_heading::before {
			content: '';
			display: inline-block;
			width: 30px;
			height: 30px;
			mask-repeat: no-repeat;
			mask-size: 30px;
			mask-image: url('/world_esim/img/icn_merit.svg');
			background-color: #ff717e;
			margin-right: 6px;
			margin-bottom: -0.15em;
		}
.-demerit .p-meritCard_heading::before {
				mask-image: url('/world_esim/img/icn_demerit.svg');
				background-color: #7496a5;
			}
.p-meritCard_feature {
		display: flex;
		flex-direction: column;
		gap: 18px;
		font-size: 16px;
	}
.p-meritCard_featureItem::before {
			content: '';
			display: inline-block;
			width: 24px;
			height: 24px;
			mask-repeat: no-repeat;
			mask-size: 24px;
			mask-image: url('/world_esim/img/icn_check.svg');
			background-color: #ff717e;
			margin-right: 6px;
			margin-bottom: -0.15em;
		}
.-demerit .p-meritCard_featureItem::before {
				background-color: #7496a5;
			}
.p-anchorButton {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-anchorButton_item {
		border: 2px solid #13abeb;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		text-decoration: none;
		font-weight: bold;
		color: #13abeb;
		font-size: 18px;
		position: relative;
		padding-right: 24px;
		padding-left: 12px;
		transition: all 0.3s;
	}
.p-anchorButton_item::after {
			content: '';
			display: block;
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			transform: rotate(90deg);
			background-color: #13abeb;
			position: absolute;
			top: calc(50% - 9px);
			right: 6px;
		}
/* List Article */
.p-stickyTable {
	font-size: 12px;
	width: 1200px;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	display: block;
	position: relative;
}
.p-stickyTable_outer {
		position: relative;
	}
.p-stickyTable_outer::before {
			content: '';
			display: block;
			width: 2px;
			height: 100%;
			position: absolute;
			left: 120px;
			top: 0;
			z-index: 1;
			background-color: #ccc;
			background-color: var(--color-gray-80);
		}
.p-stickyTable_shadow {
		position: relative;
	}
.p-stickyTable_shadow::after {
			content: '';
			width: 42px;
			height: 100%;
			background-image: linear-gradient(90deg, rgba(255, 255, 255, 0%) 50%, rgba(0, 0, 0, 10%) 100%);
			position: absolute;
			top: 0;
			right: 0;
		}
.p-stickyTable_wrapper {
		overflow-x: auto;
		border-color: #ccc;
		border-color: var(--color-gray-80);
		border-style: solid;
		border-width: 1px 0 0 1px;
	}
.p-stickyTable th,
	.p-stickyTable td {
		background-color: #fff;
		background-color: var(--color-white);
		border-width: 0 1px 1px 0;
		border-color: #ccc;
		border-color: var(--color-gray-80);
		border-style: solid;
		width: 180px;
	}
.p-stickyTable th.-heading, .p-stickyTable td.-heading {
			text-align: center;
			border-right: none;
			position: sticky;
			top: 0;
			left: 0;
			width: 120px;
		}
.p-stickyTable th.-heading.-agent, .p-stickyTable td.-heading.-agent {
				font-size: 16px;
				background-color: #13abeb;
				color: #fff;
				color: var(--color-white);
				font-weight: bold;
			}
.p-stickyTable th.-heading.-feature,
			.p-stickyTable th.-heading.-support,
			.p-stickyTable th.-heading.-plan,
			.p-stickyTable th.-heading.-app,
			.p-stickyTable td.-heading.-feature,
			.p-stickyTable td.-heading.-support,
			.p-stickyTable td.-heading.-plan,
			.p-stickyTable td.-heading.-app {
				background-color: #d9eff8;
			}
.p-stickyTable th {
		padding: 0;
	}
.p-stickyTable td {
		padding: 6px;
	}
.p-stickyTable td strong {
			display: inline;
			font-weight: inherit;
			background: linear-gradient(transparent 65%, #ffff98 0%);
			padding: 0.2px;
		}
.p-stickyTable_itemLink {
		color: #fff;
		color: var(--color-white);
		text-decoration: none;
	}
.p-stickyTable_agent {
		background-color: #13abeb;
		padding: 6px;
		font-size: 16px;
		font-weight: bold;
	}
.p-stickyTable_logo {
		padding: 6px;
		width: 132px;
		margin-right: auto;
		margin-left: auto;
	}
/* Type Article */
.p-typeCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-typeCard_subheading {
		font-size: 14px;
		color: #fff;
		color: var(--color-white);
	}
.p-typeCard_heading {
		background-color: #13abeb;
		border-radius: 12px 12px 0 0;
		color: #fff23e;
		font-size: 22px;
		display: flex;
		flex-direction: column;
		gap: 3px;
		align-items: center;
		font-weight: bold;
		padding: 12px;
		line-height: 1.3;
	}
.p-typeCard_container {
		border-radius: 0 0 12px 12px;
		border-width: 0 2px 2px;
		border-style: solid;
		border-color: #13abeb;
		padding: 12px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		height: 100%;
	}
.p-typeCard_featureWrapper {
		display: flex;
		gap: 12px;
		align-items: center;
	}
.p-typeCard_figure {
		width: 120px;
	}
.p-typeCard_feature {
		flex: 1;
		width: 100%;
		background-color: #dcf2fc;
		border-radius: 12px;
		padding: 12px;
		font-weight: bold;
		line-height: 1.3;
	}
.p-typeCard_featureItem {
		text-indent: -1em;
		padding-left: 1em;
	}
.p-typeCard_featureItem::before {
			content: '・';
		}
.p-typeCard_agentHeading {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		line-height: 1.3;
		padding-bottom: 18px;
		position: relative;
		background: no-repeat center bottom / contain url('/world_esim/img/line_1.png');
	}
.p-typeCard_agentButton {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}
.p-typeCard_agentButtonItem {
		width: calc(50% - 6px);
		display: block;
		border: 1px solid #ccc;
		border: 1px solid var(--color-gray-80);
		transition: all 0.3s;
	}
/* Plan Article */
.p-gridAnchor {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.p-gridAnchor_item {
		width: calc(33.333% - 4px);
	}
.p-gridAnchor_itemLink {
		color: #13abeb;
		text-decoration: none;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		border: 1px solid #13abeb;
		position: relative;
		transition: all 0.3s;
		padding-bottom: 12px;
	}
.p-gridAnchor_itemLink::after {
			content: '';
			display: block;
			width: 18px;
			height: 18px;
			background-color: #13abeb;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			transform: rotate(-90deg);
			position: absolute;
			bottom: 6px;
			left: calc(50% - 9px);
		}
.p-gridAnchor_itemLink.-current {
			background-color: #13abeb;
			color: #fff;
			color: var(--color-white);
		}
.p-gridAnchor_itemLink.-current::after {
				background-color: #fff;
				background-color: var(--color-white);
			}
.-korea .p-gridAnchor_itemLink.-korea::after {
					transform: rotate(90deg);
				}
.-korea .p-gridAnchor_itemLink.-hawaii::after,
				.-hawaii .p-gridAnchor_itemLink.-hawaii::after {
					transform: rotate(90deg);
				}
.-korea .p-gridAnchor_itemLink.-taiwan::after,
				.-hawaii .p-gridAnchor_itemLink.-taiwan::after,
				.-taiwan .p-gridAnchor_itemLink.-taiwan::after {
					transform: rotate(90deg);
				}
.p-planCard {
	line-height: 1.3;
}
.p-planCard_itemLink {
		border: 2px solid #ccc;
		border: 2px solid var(--color-gray-80);
		padding: 12px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		text-align: center;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		transition: all 0.3s;
		height: 100%;
		position: relative;
	}
.p-planCard_heading {
		font-weight: bold;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		height: 54px;
		padding-bottom: 12px;
		border-bottom: 1px solid #ccc;
		border-bottom: 1px solid var(--color-gray-80);
	}
.p-planCard_heading::after {
			content: '';
			display: block;
			width: 18px;
			height: 18px;
			background-color: #ff9600;
			background-color: var(--color-orange);
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			position: absolute;
			top: calc(50% - 15px);
			right: 0;
		}
.p-planCard_subheading {
		font-size: 14px;
	}
.p-planCard_tagline {
		font-size: 16px;
		font-weight: bold;
	}
.p-planCard_ribbon {
		background-color: #dcf2fc;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		border-radius: 15px;
		font-size: 12px;
		font-weight: bold;
	}
.p-planCard_price {
		font-size: 30px;
	}
.p-planCard_wrapper {
		overflow: hidden;
		padding-left: 4.2667vw;
		padding-right: 4.2667vw;
	}
.p-planCard_wrapper .swiper-pagination-bullets {
			text-align: center;
			margin-top: 12px;
		}
.p-planCard_wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
				margin-right: 3px;
				padding-left: 3px;
				width: 9px;
				height: 9px;
				background-color: #ccc;
				background-color: var(--color-gray-80);
				opacity: 1;
			}
.p-planCard_wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
					background-color: #777;
				}
/* Feature Article */
.p-featurePanel {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-featurePanel_item {
		border-radius: 12px;
		border: 2px solid #ccc;
		border: 2px solid var(--color-gray-80);
	}
.p-featurePanel_header {
		padding: 12px;
		border-bottom: 2px solid #ccc;
		border-bottom: 2px solid var(--color-gray-80);
	}
.p-featurePanel_headerContainer {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		margin-bottom: 12px;
	}
.p-featurePanel_logo {
		width: 96px;
		border: 1px solid #ccc;
		border: 1px solid var(--color-gray-80);
	}
.p-featurePanel_heading {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.3;
	}
.p-featurePanel_tagline {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
.p-featurePanel_container {
		padding: 12px;
		display: flex;
		flex-direction: column;
		gap: 18px;
	}
.p-featurePanel_button {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #fff;
		color: var(--color-white);
		background-color: #ff9600;
		background-color: var(--color-orange);
		text-decoration: none;
		font-weight: bold;
		border-radius: 6px;
		height: 90px;
		padding-right: 18px;
		padding-left: 18px;
		font-size: 20px;
		line-height: 1.3;
		position: relative;
		transition: all 0.3s;
	}
.p-featurePanel_button::after {
			content: '';
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-repeat: no-repeat;
			mask-size: 18px;
			background-color: #fff;
			background-color: var(--color-white);
			position: absolute;
			top: calc(50% - 9px);
			right: 6px;
		}
.p-featureTag {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.p-featureTag_wrapperHeading {
		font-weight: bold;
		margin-bottom: 12px;
		line-height: 1.3;
	}
.p-featureTag_item {
		color: #fff;
		color: var(--color-white);
		font-size: 12px;
		width: calc(33.333% - 4px);
		height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 1.3;
		border-radius: 6px;
	}
.p-featureTag_item.-region {
			background-color: #52b8e8;
		}
.p-featureTag_item.-plan {
			background-color: #4377be;
		}
.p-featureTag_item.-cancel {
			background-color: #eca652;
		}
.p-featureTag_item.-support {
			background-color: #ff717e;
		}
.p-featureTag_item.-app {
			background-color: #64cac2;
		}
.p-featureTable {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #ccc;
	border-color: var(--color-gray-80);
	font-size: 12px;
}
.p-featureTable_item {
		display: flex;
	}
.p-featureTable_heading,
	.p-featureTable_container {
		border-width: 0 1px 1px 0;
		border-style: solid;
		border-color: #ccc;
		border-color: var(--color-gray-80);
		padding: 6px;
	}
.p-featureTable_heading {
		width: 30%;
		background-color: #dcf2fc;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
.p-featureTable_container {
		flex: 1;
	}
.p-featureTable_featureItem::before {
			content: "・";
		}
/* Select Article */
.p-tipCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}
.p-tipCard_item {
		border: 2px solid #13abeb;
		padding: 12px 12px 12px 114px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		background: no-repeat 12px 12px / 90px url('/world_esim/img/icn_select_1.svg');
	}
.p-tipCard_item:nth-child(2) {
			background-image: url('/world_esim/img/icn_select_2.svg');
		}
.p-tipCard_item:nth-child(3) {
			background-image: url('/world_esim/img/icn_select_3.svg');
		}
.p-tipCard_item:nth-child(4) {
			background-image: url('/world_esim/img/icn_select_4.svg');
		}
.p-tipCard_heading {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.3;
	}
.p-infoCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}
.p-infoCard_item {
		display: flex;
		flex-direction: column;
	}
.p-infoCard_heading {
		font-weight: bold;
		font-size: 20px;
		color: #fff;
		color: var(--color-white);
		background-color: #13abeb;
		border-radius: 12px 12px 0 0;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
.p-infoCard_container {
		padding: 12px;
		border-width: 0 2px 2px;
		border-color: #13abeb;
		border-style: solid;
		border-radius: 0 0 12px 12px;
		height: 100%;
	}
/* Flow Article */
.p-flowAnchor {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 24px;
}
.p-flowAnchor_itemLink {
		border: 2px solid #13abeb;
		padding: 12px 30px 12px 72px;
		border-radius: 12px;
		display: block;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		position: relative;
		font-size: 16px;
		transition: all 0.3s;
	}
.p-flowAnchor_itemLink::before,
		.p-flowAnchor_itemLink::after {
			content: '';
			display: block;
			position: absolute;
			mask-repeat: no-repeat;
		}
.p-flowAnchor_itemLink::before {
			width: 48px;
			height: 48px;
			mask-image: url('/world_esim/img/icn_shopping.svg');
			mask-size: 48px;
			background-color: #ffcd00;
			top: calc(50% - 24px);
			left: 12px;
		}
.-install .p-flowAnchor_itemLink::before {
				mask-image: url('/world_esim/img/icn_phone.svg');
			}
.-activate .p-flowAnchor_itemLink::before {
				mask-image: url('/world_esim/img/icn_setting.svg');
			}
.p-flowAnchor_itemLink::after {
			width: 18px;
			height: 18px;
			mask-image: url('/common/img/icon/icon_arrow_right.svg');
			mask-size: 18px;
			transform: rotate(90deg);
			background-color: #13abeb;
			top: calc(50% - 9px);
			right: 12px;
		}
.p-flowAnchor_heading {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 6px;
	}
.p-flowList {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-flowList_item + .p-flowList_item {
			border-top: 1px dashed #ccc;
			border-top: 1px dashed var(--color-gray-80);
			padding-top: 12px;
		}
.p-flowList_heading {
		font-weight: bold;
		font-size: 26px;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 12px;
	}
/* Caution Article */
.p-cautionList {
	display: flex;
	flex-direction: column;
	gap: 42px;
}
.p-cautionList_item {
		display: flex;
		flex-direction: column;
	}
.p-cautionList_heading {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 18px;
	}
.p-cautionList_heading::before {
			content: '';
			display: inline-block;
			width: 24px;
			height: 24px;
			mask-repeat: no-repeat;
			mask-image: url('/world_esim/img/icn_caution.svg');
			mask-size: 24px;
			background-color: #13abeb;
			margin-bottom: -3px;
			margin-right: 6px;
		}
.p-cautionList_container {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding-top: 132px;
		background: no-repeat center top / 120px url('/world_esim/img/icn_caution_1.svg');
	}
.p-cautionList_item:nth-child(2) .p-cautionList_container {
			background-image: url('/world_esim/img/icn_caution_2.svg');
		}
.p-cautionList_item:nth-child(3) .p-cautionList_container {
			background-image: url('/world_esim/img/icn_caution_3.svg');
		}
.p-cautionList_item:nth-child(4) .p-cautionList_container {
			background-image: url('/world_esim/img/icn_caution_4.svg');
		}
/* Other Way Article */
.p-methodCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-methodCard_itemContainer {
		display: flex;
		flex-direction: column;
		gap: 12px;
		border: 2px solid #13abeb;
		border-radius: 12px;
		padding: 12px;
		color: #333;
		color: var(--color-black);
		text-decoration: none;
		height: 100%;
	}
.p-methodCard_heading {
		font-weight: bold;
		font-size: 22px;
		text-align: center;
		position: relative;
	}
.p-methodCard_itemContainer[href] .p-methodCard_heading::after {
				content: '';
				display: block;
				width: 18px;
				height: 18px;
				mask-image: url('/common/img/icon/icon_arrow_right.svg');
				mask-repeat: no-repeat;
				mask-size: 18px;
				background-color: #ff9600;
				background-color: var(--color-orange);
				position: absolute;
				top: calc(50% - 9px);
				right: 0;
			}
.p-methodCard_headingContainer {
		display: inline-block;
		padding-left: 48px;
		position: relative;
	}
.p-methodCard_headingContainer::before {
			content: '';
			display: block;
			width: 42px;
			height: 42px;
			mask-image: url('/world_esim/img/icn_other_way_1.svg');
			mask-repeat: no-repeat;
			mask-size: 42px;
			background-color: #13abeb;
			position: absolute;
			top: -9px;
			left: 0;
		}
.p-methodCard_item:nth-child(2) .p-methodCard_headingContainer::before {
				mask-image: url('/world_esim/img/icn_other_way_2.svg');
			}
.p-faqList {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.p-faqList_item {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding-bottom: 12px;
		border-bottom: 1px dashed #333;
		border-bottom: 1px dashed var(--color-black);
	}
.p-faqList_heading {
		font-weight: bold;
		font-size: 16px;
		color: #13abeb;
		padding-left: 24px;
		position: relative;
	}
.p-faqList_heading::before {
			content: 'Q.';
			position: absolute;
			top: 0;
			left: 0;
		}
.p-faqList_body {
		padding-left: 24px;
		position: relative;
	}
.p-faqList_body::before {
			content: 'A.';
			position: absolute;
			top: 0;
			left: 0;
			font-size: 16px;
			font-weight: bold;
		}
.u-text-white {
		color: #fff;
		color: var(--color-white);
	}
.u-text-orange {
		color: #ff9600;
		color: var(--color-orange);
	}
.u-text-teal {
		color: #00bebc;
		color: var(--color-teal);
	}
.u-text-red {
		color: #f00;
		color: var(--color-red);
	}
.u-text-center {
		text-align: center;
	}
.u-text-right {
		text-align: right;
	}
.u-text-left {
		text-align: left;
	}
.u-text-helper {
		font-size: 12px;
		color: #666;
		line-height: 1.3;
	}
.u-font-normal {
		font-weight: normal;
	}
.u-font-bold {
		font-weight: bold;
	}
.u-responsiveImg {
		width: 100%;
		height: auto;
	}
@media screen and (min-width: 767px) {
.p-container {
		max-width: 91.4667%;
		padding-left: 0;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto
}
.p-article + .p-article {
			margin-top: 72px
	}
.p-article_header {
			font-size: 36px;
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 30px
	}
.p-article_header::before {
				width: 100%
		}
.p-article_headerContainer {
			margin-right: auto;
			margin-left: auto;
			width: 480px
	}
.p-article_bodyWrapper {
			margin-bottom: 42px
	}
.p-section_heading {
			font-size: 28px;
			margin-bottom: 30px
	}
.p-menu_nav {
			max-width: 582px;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 42px;
			padding-left: 0;
			padding-right: 0
	}
.p-menu_container {
			padding: 24px 72px 12px
	}
.is-open .p-menu_container {
				padding: 24px 72px
		}
			.p-menu_itemLink:hover {
				text-decoration: underline;
			}
			.p-menu_buttonInner:hover {
				text-decoration: underline;
			}
.p-drawer_nav {
			top: min(48px, 12%);
			right: 54px
	}
.p-drawer_heading {
			width: 54px;
			height: 54px
	}

			.p-drawer_heading:hover {
				opacity: 0.7;
			}
.p-drawer_heading::after {
				width: 30px;
				height: 30px;
				mask-size: 30px;
				top: 12px;
				left: 14px
		}
			.p-drawer_itemLink:hover {
				text-decoration: underline;
			}
.p-rankingArticle_headingWrapper {
			font-size: 36px
	}
.p-rankingArticle_headingContainer::before,
		.p-rankingArticle_headingContainer::after {
				width: 54px;
				height: 72px;
				mask-size: 54px 72px
		}
.p-rankingArticle_headingContainer::before {
				left: -60px
		}
.p-rankingArticle_headingContainer::after {
				right: -60px
		}
.p-rankingArticle_subheading {
			font-size: 28px
	}
.p-rankingArticle_heading::before {
				width: 36px;
				height: 36px;
				mask-size: 36px
		}
.p-rankingList {
		padding-top: 0;
		border-top: none
}
.p-rankingList_itemLink {
			flex-direction: row;
			gap: 0
	}

			.p-rankingList_itemLink:hover {
				opacity: 0.7;
			}
.p-rankingList_header {
			width: 282px
	}
.p-rankingList_header::before {
				top: 12px
		}
.p-rankingList_container {
			flex: 1
	}
.p-categoryCard {
		flex-direction: row;
		gap: 18px;
		margin-bottom: 24px
}
.p-categoryCard_item {
			flex: 1
	}
.p-categoryCard_tagline {
			padding-top: 144px;
			background: no-repeat 50% 0 / auto 120px url('/world_esim/img/icn_about_1.svg')
	}

			.p-categoryCard_item:nth-child(2) .p-categoryCard_tagline {
				background-image: url('/world_esim/img/icn_about_2.svg');
			}

			.p-categoryCard_item:nth-child(3) .p-categoryCard_tagline {
				background-image: url('/world_esim/img/icn_about_3.svg');
			}
.p-categoryCard_feature {
			font-size: 16px;
			padding-left: 0;
			background: none
	}
.p-categoryCard_item:nth-child(2) .p-categoryCard_feature {
				background: none
		}
.p-categoryCard_item:nth-child(3) .p-categoryCard_feature {
				background: none
		}
.p-meritCard {
		flex-direction: row;
		gap: 18px;
		margin-bottom: 24px
}
.p-meritCard_item {
			flex: 1
	}
.p-meritCard_heading {
			font-size: 26px
	}
.p-meritCard_feature {
			font-size: 18px
	}
.p-anchorButton {
		flex-direction: row;
		gap: 18px
}
.p-anchorButton_item {
			font-size: 16px;
			flex: 1
	}
.p-anchorButton_item:hover {
				opacity: 0.7
		}
.p-stickyTable {
		width: 1560px
}
.p-stickyTable th,
	.p-stickyTable td {
			width: 240px
	}
.p-typeCard {
		flex-direction: row;
		gap: 18px
}
.p-typeCard_item {
			flex: 1;
			display: flex;
			flex-direction: column
	}
.p-typeCard_featureWrapper {
			flex-direction: column
	}
.p-typeCard_figure {
			width: 100%
	}
.p-typeCard_agentButtonItem:hover {
				opacity: 0.7
		}
.p-gridAnchor {
		margin-bottom: 36px;
		gap: 18px
}
.p-gridAnchor_item {
			width: calc(33.333% - 12px)
	}
.p-gridAnchor_itemLink {
			height: 54px
	}
.p-gridAnchor_itemLink:hover {
				opacity: 0.7
		}
.p-gridAnchor_itemLink.-current:hover {
					opacity: 1;
					cursor: default
			}
.p-planCard {
		display: flex;
		gap: 12px
}
.p-planCard_item {
			width: calc(25% - 9px);
			height: auto
	}
.p-planCard_itemLink {
			padding: 18px
	}

			.p-planCard_itemLink:hover {
				opacity: 0.7;
			}
.p-planCard_heading {
			height: 54px
	}
.p-planCard_heading::after {
				right: -15px
		}
.p-planCard_wrapper {
			max-width: 91.4667%;
			padding-left: 0;
			padding-right: 0;
			margin-right: auto;
			margin-left: auto
	}
.p-featurePanel {
		flex-flow: row wrap;
		gap: 18px
}
.p-featurePanel_item {
			width: calc(50% - 9px)
	}
.p-featurePanel_button {
			height: 60px
	}
.p-featurePanel_button:hover {
				opacity: 0.7
		}
.p-featureTag_item {
			width: calc(20% - 4.8px)
	}
.p-tipCard {
		flex-direction: row;
		margin-bottom: 24px
}
.p-tipCard_item {
			padding: 114px 12px 12px;
			background-position: center 12px
	}
.p-tipCard_heading {
			text-align: center
	}
.p-tipCard_body {
			margin-top: auto
	}
.p-infoCard {
		flex-flow: row wrap;
		gap: 18px;
		margin-bottom: 24px
}
.p-infoCard_item {
			width: calc(50% - 9px)
	}
.p-infoCard_heading {
			font-size: 22px
	}
.p-infoCard_container {
			font-size: 16px
	}
.p-flowAnchor {
		flex-direction: row;
		gap: 18px;
		margin-bottom: 30px
}
.p-flowAnchor_item {
			flex: 1
	}
.p-flowAnchor_itemLink:hover {
				opacity: 0.7
		}
.p-flowAnchor_heading {
			font-size: 22px
	}
.p-flowList {
		font-size: 16px;
		gap: 24px
}
.p-flowList_item + .p-flowList_item {
				padding-top: 24px
		}
.p-flowList_heading {
			font-size: 28px;
			margin-bottom: 18px
	}
.p-cautionList {
		gap: 60px
}
.p-cautionList_heading {
			margin-bottom: 12px
	}
.p-cautionList_container {
			padding-top: 0;
			padding-left: 144px;
			background-position: left top;
			min-height: 120px
	}
.p-methodCard {
		flex-direction: row;
		gap: 18px
}
.p-methodCard_item {
			flex: 1
	}
.u-only-mobile {
				display: none
		}
}
@media screen and (min-width: 991px) {
.p-container {
		max-width: 992px
}
.p-hero {
		max-width: 992px;
		margin-left: auto;
		margin-right: auto
}
.p-hero_wrapper {
			background: url('/world_esim/img/bg_h_1_desktop.jpg') no-repeat center
	}
.p-categoryCard_item {
			padding: 18px
	}
.p-meritCard_item {
			padding: 18px
	}
.p-stickyTable_outer::before {
				height: calc(100% - 16px)
		}
.p-typeCard_heading {
			padding: 18px
	}
.p-typeCard_container {
			padding: 18px
	}
.p-planCard_wrapper {
			max-width: 992px
	}
.p-featurePanel_header {
			padding: 18px
	}
.p-featurePanel_container {
			padding: 18px
	}
.p-tipCard_item {
			padding: 126px 18px 18px
	}
.p-infoCard_container {
			padding: 18px
	}
.p-methodCard_itemContainer {
			padding: 18px
	}
.p-faqList {
		gap: 18px
}
.p-faqList_item {
			padding-bottom: 18px
	}
.u-only-tablet {
				display: none
		}
.u-lower-tablet {
				display: none
		}
}
@media screen and (max-width: 990px) {
.u-only-desktop {
				display: none
		}
}
@media screen and (max-width: 766px) {
.u-only-tablet {
				display: none
		}
.u-upper-tablet {
				display: none
		}
}