@charset "UTF-8";

html[lang="en"] body,
html[lang="en"] .main-conts,
html[lang="en"] .sub-conts,
html[lang="en"] .breadcrumbs-in,
html[lang="en"] .btn {
	line-height: 1.8;
	word-break: normal;
	overflow-wrap: break-word;
}

html[lang="en"] .global-nav-in ul {
	table-layout: auto;
}

html[lang="en"] .global-nav-in li a {
	padding: 0.8em 0.7em;
	line-height: 1.35;
	white-space: normal;
}

html[lang="en"] .site-title .site-title-name,
html[lang="en"] .cast-box .cast-name,
html[lang="en"] .section-title,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3 {
	line-height: 1.35;
}

html[lang="en"] .btn,
html[lang="en"] .btn span,
html[lang="en"] .link-summary,
html[lang="en"] table th,
html[lang="en"] table td {
	word-break: normal;
	overflow-wrap: break-word;
}

html[lang="en"] .table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

html[lang="en"] iframe,
html[lang="en"] img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 736px) {
	html[lang="en"] .global-nav-in li a,
	html[lang="en"] .global-nav li ul li a {
		line-height: 1.45;
		padding-right: 2.4em;
	}

	html[lang="en"] .site-title .site-title-name {
		font-size: 1.05em;
	}

	html[lang="en"] .btn {
		box-sizing: border-box;
		max-width: 100%;
		white-space: normal;
	}
}

/* ── Contact: Inquiry Form (english/contact/) — scoped, does not alter header/footer ── */

html[lang="en"] .english-contact-inquiry .english-inquiry-form-shell {
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
}

/*
 * english-layout applies iframe { height: auto }, which prevents a stable tall viewport for
 * embedded Google Forms and can make the questionnaire feel cramped; override only here.
 */
html[lang="en"] .english-contact-inquiry .english-inquiry-form-shell iframe {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	min-height: 2000px;
	height: 2200px;
}

@media only screen and (max-width: 736px) {
	html[lang="en"] .english-contact-inquiry .english-inquiry-form-shell iframe {
		min-height: 2300px;
		height: 2500px;
	}
}

/* Native inquiry <form> (if present under this section): touch-friendly controls */
html[lang="en"] .english-contact-inquiry form input[type="text"],
html[lang="en"] .english-contact-inquiry form input[type="email"],
html[lang="en"] .english-contact-inquiry form input[type="tel"],
html[lang="en"] .english-contact-inquiry form input[type="url"],
html[lang="en"] .english-contact-inquiry form input[type="password"],
html[lang="en"] .english-contact-inquiry form input[type="search"],
html[lang="en"] .english-contact-inquiry form input[type="number"],
html[lang="en"] .english-contact-inquiry form input[type="date"],
html[lang="en"] .english-contact-inquiry form select {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 45px;
	padding: 10px 15px;
	vertical-align: middle;
}

html[lang="en"] .english-contact-inquiry form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 180px;
	padding: 10px 15px;
	vertical-align: top;
	resize: vertical;
}

html[lang="en"] .english-contact-inquiry form input[type="checkbox"],
html[lang="en"] .english-contact-inquiry form input[type="radio"],
html[lang="en"] .english-contact-inquiry form input[type="submit"],
html[lang="en"] .english-contact-inquiry form input[type="button"],
html[lang="en"] .english-contact-inquiry form input[type="image"],
html[lang="en"] .english-contact-inquiry form input[type="hidden"],
html[lang="en"] .english-contact-inquiry form input[type="file"] {
	width: auto;
	min-height: unset;
	padding: revert;
	max-width: none;
}