.study_abroad-story img {
	width: 100%;
	height: auto;
}

/* Title Section */
.title-section {
	position: relative;
	width: 100%;
	height: 60rem;
	overflow: hidden;
}

.title-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.title-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2.2rem 0;
	background-color: rgba(9, 40, 70, 0.7);
	display: flex;
	align-items: center;
}

.title-overlay h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.286;
	color: #FFFFFF;
	margin: 0 auto;
	width: 103.2rem;
}

/* Description Section */
.study_abroad-story .description-section {
	padding: 5rem 0 10rem;
	display: flex;
	justify-content: center;
}

.study_abroad-story .description-container {
	width: 103.2rem;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.study_abroad-story .description-section p {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.625;
	color: #1F1F1F;
	margin: 0;
}

.study_abroad-story .point-list {
	display: flex;
	gap: 3rem;
}

.study_abroad-story .point-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.7rem;
	background-color: #FFFFFF;
	border: 0.2rem solid #3F66E1;
	border-radius: 1rem;
	flex: 1;
}

.study_abroad-story .point-list li span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.556;
	color: #3F66E1;
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.study_abroad-story .point-list li span::before {
	content: "";
	background: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/study_abroad/story/pen-icon.svg) no-repeat center;
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	flex-shrink: 0;
}

/* Search Section */
.study_abroad-story .search-section {
	padding: 10rem 0 6rem;
	display: flex;
	justify-content: center;
}

.study_abroad-story .search-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5rem;
}

.study_abroad-story .search-box {
	width: 103.2rem;
	border-radius: 1rem;
}

.study_abroad-story .search-inner {
	background-color: #F6F6F6;
	border-radius: 1rem;
	padding: 6rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
}

.study_abroad-story .search-filters {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	width: 80rem;
}

.study_abroad-story .filter-group {
	display: flex;
	flex-direction: column;
	border-radius: 0.4rem;
}

.study_abroad-story .filter-title {
	background-color: #FFFFFF;
	padding: 2rem;
	height: 5.9rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0.1rem solid #E7E7E7;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.study_abroad-story .filter-title.active {
	border-bottom: .1rem solid #FFFFFF;
}

.study_abroad-story .filter-title::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	border-top: 1.2rem solid black;
	transition: 0.4s;
}

.study_abroad-story .filter-title.active::after {
	transform: rotate(180deg);
}

.study_abroad-story .filter-title span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	color: #1E1E1E;
}

.study_abroad-story .filter-content {
	background-color: #FFFFFF;
	padding: 0.8rem 2rem 2rem 2rem;
	border: 0.1rem solid #E7E7E7;
	border-top: none;
	margin-top: -2.9rem;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: height 0.4s ease, padding 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;
	position: relative;
}

.study_abroad-story .filter-content.open {
	margin-top: 0;
	opacity: 1;
}

.study_abroad-story .filter-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	width: 76rem;
}

.study_abroad-story .filter-tags li {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.3rem 1.5rem;
	background-color: #FFFFFF;
	border: 0.1rem solid #9B9B9B;
	border-radius: 1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.2;
	color: #9B9B9B;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.study_abroad-story .filter-tags li.tag-selected {
	border-color: #F1890E;
	color: #F1890E;
}

.study_abroad-story .filter-divider {
	width: 100%;
	height: 0.1rem;
	background-color: #DBDBDB;
	margin: 1.6rem 0 2.4rem;
}

.study_abroad-story .city-filter {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.study_abroad-story .city-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.study_abroad-story .city-title::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	border-top: 1.2rem solid black;
	transition: 0.4s;
}

.study_abroad-story .city-title.active::after {
	transform: rotate(180deg);
}

.study_abroad-story .city-title span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.448;
	color: #1E1E1E;
}

.study_abroad-story .city-filter-content {
	height: 0;
	overflow: hidden;
	transition: height 0.4s ease;
}

.study_abroad-story .city-country {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.448;
	color: #717171;
	margin-bottom: 1.2rem;
}

.study_abroad-story .testimonials-search {
	display: flex;
	justify-content: center;
}

.study_abroad-story .testimonials-search .testimonials-search-button {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	width: 48rem;
	height: 6.4rem;
	background-color: #F1890E;
	border: 0.2rem solid #F1890E;
	border-radius: 10rem;
	text-decoration: none;
	transition: all 0.3s ease;
}

.study_abroad-story .testimonials-search .testimonials-search-button:hover {
	opacity: 0.5;
}

.study_abroad-story .testimonials-search .testimonials-search-button::before {
	content: "";
	background: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/study_abroad/story/search-icon.svg) no-repeat center;
	display: inline-block;
	width: 1.9rem;
	height: 1.9rem;
}

.study_abroad-story .search-results-count {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.625;
	color: #1F1F1F;
	width: 103.2rem;
	text-align: left;
}

/* Interview Section */
.study_abroad-story .interview-section {
	padding: 0 0 10rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6rem;
	width: 100%;
}

.study_abroad-story .interview-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4.4rem;
	width: 103.2rem;
}

.study_abroad-story .dummy-card {
	position: relative;
}

.study_abroad-story .dummy-card::before {
	content: "dummy";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	color: #FFFFFF;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1rem;
}

.study_abroad-story .interview-card {
	display: flex;
	flex-direction: column;
	width: 49.4rem;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background-color: rgb(237, 242, 250);
}

.study_abroad-story .interview-card:hover {
	transform: translateY(-0.5rem);
	box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.15);
}

.study_abroad-story .interview-card a {
	text-decoration: none;
	color: inherit;
}

.study_abroad-story .card-info {
	position: relative;
	width: 100%;
	height: 36.9rem;
}

.study_abroad-story .card-info img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.study_abroad-story .card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.3rem 2.5rem;
	background-color: rgba(9, 40, 70, 0.7);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.study_abroad-story .card-overlay::after {
	content: "";
	background: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/study_abroad/story/arrow-icon.svg) no-repeat center;
	display: inline-block;
	width: 1.8rem;
	height: 1.4rem;
}

.study_abroad-story .card-name-info {
	display: flex;
	gap: 0.5rem;
	align-items: flex-end;
}

.study_abroad-story .card-name-info .name {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
	color: #FFFFFF;
}

.study_abroad-story .card-name-info .name span {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.625;
	margin-left: 0.5rem;
}

.study_abroad-story .card-name-info .age {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.625;
	color: #FFFFFF;
}

.study_abroad-story .card-content {
	padding: 2.5rem 2.5rem 3.5rem;
	background-color: #EDF2FA;
}

.study_abroad-story .card-content h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
	color: #1F1F1F;
	margin: 0;
}

/* Pagination */
.study_abroad-story .pagination.hide {
	display: none;
}

.study_abroad-story .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
}

.study_abroad-story .pagination-arrow,
.study_abroad-story .pagination-number {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.2rem;
	height: 4.8rem;
	background-color: #FFFFFF;
	border: 0.1rem solid #DDDDDD;
	cursor: pointer;
	padding: 0.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #1F1F1F;
	transition: all 0.3s ease;
}

.study_abroad-story .pagination-arrow::before {
	content: "";
	background: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/study_abroad/story/pagination-arrow.svg) no-repeat center;
	width: 0.6rem;
	height: .84rem;
}

.study_abroad-story .pagination-next::before {
	transform: rotateY(180deg);
}

.study_abroad-story .pagination-arrow:hover,
.study_abroad-story .pagination-number:hover {
	background-color: #F5F5F5;
}

.study_abroad-story .pagination-number.pagination-active {
	background-color: #092846;
	color: #FFFFFF;
}

.study_abroad-story .pagination-arrow:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.study_abroad-story .pagination-arrow:disabled:hover {
	background-color: #FFFFFF;
}

/* Multi-language Support */
html:lang(ja) .study_abroad-story {
	font-family: 'Noto Sans JP', sans-serif;
}

html:lang(zh-tw) .study_abroad-story {
	font-family: 'Noto Sans TC', sans-serif;
}

html:lang(pt-br) .study_abroad-story {
	font-family: 'Noto Sans', sans-serif;
}

.pt-br .study_abroad-story .title-overlay h2,
.pt-br .study_abroad-story .point-item span,
.pt-br .study_abroad-story .card-content p {
	line-height: 1.4;
}

.zh-tw .study_abroad-story .title-overlay h2,
.zh-tw .study_abroad-story .point-item span,
.zh-tw .study_abroad-story .card-content p {
	line-height: 1.5;
}