/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2026 | 00:11:21 */
.as-school-wrapper {
 --text-color: #333333;
 --heading-color: #222222;
 --primary-accent: #C5A059;
 --primary-dark: #A08040;
 --background-color: #FFFFFF;
 --bg-beige: #F9F5F0;
 --bg-light: #F7F7F7;
 --white: #FFFFFF;
 --font-serif: 'Noto Serif JP', serif;
 --font-sans: 'Yu Gothic', 'YuGothic', 'Noto Sans JP', sans-serif;
}
.as-school-wrapper {
	width: 100%;
	overflow-x: hidden;
	position: relative;
	background: #fff;
}
.as-school-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}
.as-school-wrapper ul {
	list-style: none;
}
.as-school-wrapper a {
	text-decoration: none;
	color: inherit;
	transition: all 0.3s ease;
}
/* Utility Classes */
.as-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.as-text-center {
	text-align: center;
}
.as-mt-20 {
	margin-top: 20px;
}
.as-bold {
	font-weight: 700;
}
.as-white {
	color: var(--white);
}
.as-small {
	font-size: 0.9rem;
}
@media (max-width: 768px) {
.as-container {
	padding: 0 10px;
}
}
/* ==========================================================================
   Typography & Components
   ========================================================================== */
.as-school-wrapper h1, .as-school-wrapper h2, .as-school-wrapper h3, .as-school-wrapper h4 {
	font-family: var(--font-serif);
	font-weight: 500;
	color: var(--heading-color);
}
.as-section {
	padding: 80px 0;
}
.as-bg-beige {
	background-color: var(--bg-beige);
}
.as-bg-light {
	background-color: var(--bg-light);
}
.as-section-title {
	font-size: 2rem !important;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 20px;
}
.as-section-title::after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background-color: var(--primary-accent);
	margin: 20px auto 0;
}
.as-section-subtitle {
	display: block;
	font-size: 1rem;
	margin-top: 10px;
	color: var(--primary-accent);
}
/* ==========================================================================
   Hero Section
   ========================================================================== */
.as-hero {
	position: relative;
	height: 80vh;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}
.as-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.as-img-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.8);
}
.as-hero-content {
	position: relative;
	z-index: 2;
	color: var(--white);
	padding: 40px;
	background: rgba(0, 0, 0, 0.3);
	/* Subtle overlay for readability */
    backdrop-filter: blur(2px);
	width: 90%;
	max-width: 800px;
}
.as-hero-title {
	font-size: 2.5rem;
	margin-bottom: 20px;
	line-height: 1.4;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.as-subtitle {
	font-size: 1.2rem;
	display: block;
	margin-bottom: 15px;
	font-weight: 400;
}
.as-hero-text {
	font-size: 1.1rem;
	letter-spacing: 0.1em;
}
/* ==========================================================================
   Concept Section
   ========================================================================== */
.as-concept-lead {
	font-size: 1.1rem;
	line-height: 1.8;
	margin-bottom: 30px;
}
.as-highlight-sm {
	display: inline-block;
	background: linear-gradient(transparent 60%, rgba(197, 160, 89, 0.2) 60%);
	font-weight: bold;
	margin: 0 2px;
}
.as-concept-subtitle {
	font-size: 1.4rem;
	font-family: var(--font-serif);
	color: var(--heading-color);
	margin: 40px 0 30px;
	line-height: 1.5;
}
.as-concept-circles-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin: 40px auto;
	flex-wrap: wrap;
	max-width: 800px;
}
.as-circle-item {
	position: relative;
	width: 100px;
	height: 100px;
}
.as-circle-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--primary-accent);
	color: var(--primary-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-size: 1.2rem;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.05);
	/* Double ring effect */
    transition: transform 0.3s ease;
}
.as-circle-item:hover .as-circle-inner {
	transform: scale(1.05);
	background: var(--bg-beige);
}
.as-circle-text {
	font-weight: 500;
	letter-spacing: 0.1em;
}
.as-circle-plus {
	color: #ccc;
	font-size: 1.2rem;
	font-family: var(--font-serif);
}
.as-concept-footer {
	font-size: 1.1rem;
	margin-bottom: 30px;
}
.as-highlight-main {
	color: var(--primary-accent);
	font-size: 1.3rem;
	background: linear-gradient(transparent 70%, rgba(197, 160, 89, 0.15) 70%);
}
 @media (max-width: 768px) {
.as-concept-circles-wrapper {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px 30px;
	/* row-gap, col-gap */
        position: relative;
}
.as-circle-plus {
	display: none;
}
/* Large center 'X' for mobile */
    .as-concept-circles-wrapper::after {
	content: '×';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4rem;
	font-weight: 100;
	color: rgba(197, 160, 89, 0.3);
	line-height: 0;
	pointer-events: none;
}
}
/* ==========================================================================
   Card Grid (Recommendations)
   ========================================================================== */
.as-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 30px;
}
.as-card {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	text-align: center;
	transition: transform 0.3s ease;
}
.as-card:hover {
	transform: translateY(-5px);
}
.as-card-icon {
	font-size: 3rem;
	margin-bottom: 20px;
	color: var(--primary-accent);
}
.as-card h3 {
	font-size: 1.1rem;
	margin-bottom: 15px;
	border-bottom: 2px solid var(--bg-beige);
	padding-bottom: 10px;
	display: inline-block;
}
.as-card p {
	font-size: 0.95rem;
}
/* ==========================================================================
   Flow Section
   ========================================================================== */
.as-flow-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}
.as-flow-step {
	background: #fff;
	border: 1px solid var(--primary-accent);
	padding: 30px;
	flex: 1;
	max-width: 400px;
	position: relative;
	text-align: center;
}
.as-step-label {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary-accent);
	color: #fff;
	padding: 5px 20px;
	font-size: 0.9rem;
	font-family: var(--font-serif);
	border-radius: 20px;
}
.as-flow-step h3 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.2rem;
}
.as-flow-step ul {
	text-align: left;
	display: inline-block;
}
.as-flow-step ul li {
	margin-bottom: 5px;
	list-style-type: disc;
	margin-left: 20px;
}
.as-flow-arrow {
	font-size: 2rem;
	color: var(--primary-accent);
}
 @media (max-width: 768px) {
.as-flow-container {
	flex-direction: column;
}
.as-flow-step {
	width: 100%;
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.as-flow-arrow {
	transform: rotate(90deg);
	/* Down arrow */
        margin: 10px 0;
}
}
/* ==========================================================================
   Features Grid (6 Reasons)
   ========================================================================== */
.as-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 40px;
}
.as-feature-card {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.as-feature-img-placeholder {
	width: 100%;
	height: 200px;
	background-color: var(--primary-accent);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.as-feature-badge {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--heading-color);
	color: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-size: 1.2rem;
	z-index: 2;
}
/* Optional: Label inside placeholder for clarity */
.as-feature-img-placeholder::after {
/* Removed text placeholder */
}
/* New image style */
.as-feature-img-cover {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block !important;
}
.as-feature-content {
	padding: 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.as-feature-content h3 {
	font-size: 1.2rem;
	margin-bottom: 20px;
	color: var(--primary-accent);
	line-height: 1.4;
	min-height: 3.4em;
	/* Align titles */
    border-bottom: 2px solid var(--bg-beige);
	padding-bottom: 15px;
	text-align: center;
}
.as-feature-content p {
	font-size: 0.95rem;
	margin-bottom: 15px;
	color: var(--text-color);
}
.as-feature-content ul {
	margin: 15px 0;
	padding: 15px;
	background: var(--bg-beige);
	border-radius: 4px;
	font-size: 0.9rem;
}
.as-feature-content ul li {
	margin-bottom: 15px;
	margin-top: 7px;
	list-style-type: none;
	position: relative;
	padding-left: 1.2em;
	line-height: 1.6em;
	text-align: justify;
}
.as-feature-content ul li::before {
	content: "・";
	position: absolute;
	left: 0;
	color: var(--primary-accent);
	font-weight: bold;
}
.as-feature-note {
	font-size: 0.85rem;
	color: #888;
	margin-top: auto;
	padding-top: 10px;
}
 @media (max-width: 900px) {
.as-feature-grid {
	grid-template-columns: repeat(2, 1fr);
}
}
 @media (max-width: 600px) {
.as-feature-grid {
	grid-template-columns: 1fr;
}
.as-feature-content h3 {
	min-height: auto;
}
}
/* ==========================================================================
   Courses & Plans
   ========================================================================== */
.as-course-card {
	border: 1px solid #eee;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.as-course-header {
	background: var(--text-color);
	color: #fff;
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.as-course-header h3 {
	color: #fff;
	font-size: 1.4rem;
	margin: 0;
}
.as-price {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	color: var(--primary-accent);
}
.as-tax {
	font-size: 0.8rem;
	color: #ccc;
}
.as-course-body {
	padding: 30px;
}
.as-course-intro {
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
	color: var(--primary-dark);
}
.as-course-content h4 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-size: 1.1rem;
}
.as-course-content ul li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}
.as-course-content ul li::before {
	content: "・";
	position: absolute;
	left: 0;
}
/* Plans (Step 2) */
.as-plan-container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-top: 80px;
	flex-wrap: wrap;
}
.as-plan-card {
	flex: 1;
	background: #fff;
	border: 1px solid #ddd;
	padding: 30px;
	text-align: center;
	min-width: 300px;
	border-radius: 8px;
}
.as-plan-featured {
	border: 2px solid var(--primary-accent);
	position: relative;
	transform: scale(1.05);
	z-index: 1;
	box-shadow: 0 10px 30px rgba(197, 160, 89, 0.2);
}
.as-plan-badge {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary-accent);
	color: #fff;
	padding: 5px 15px;
	font-size: 0.8rem;
	border-radius: 20px;
}
.as-plan-card h3 span {
	font-size: 0.9rem;
	font-weight: normal;
	display: block;
	margin-top: 5px;
	color: #777;
}
.as-plan-price {
	font-size: 1.8rem;
	font-family: var(--font-serif);
	color: var(--primary-accent);
	margin: 20px 0 10px;
}
.as-plan-desc {
	font-size: 0.9rem;
	margin-bottom: 20px;
	color: #666;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.as-plan-list {
	text-align: left;
	font-size: 0.9rem;
}
.as-plan-list li {
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
}
.as-plan-list li::before {
	content: '✔';
	position: absolute;
	left: 0;
	color: #ccc;
}
.as-plan-list li.as-plus::before {
	content: '+';
	font-weight: bold;
	color: var(--primary-accent);
}
.as-plan-list li.as-highlight {
	font-weight: bold;
	color: var(--heading-color);
}
.as-plan-list li.as-highlight::before {
	color: var(--primary-accent);
}
/* ==========================================================================
   Select Courses (Accordion List)
   ========================================================================== */
.as-select-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 900px;
	margin: 0 auto;
}
.as-select-item {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.as-select-item.as-active {
	border-color: var(--primary-accent);
	box-shadow: 0 5px 15px rgba(197, 160, 89, 0.15);
}
/* Header (Visible / Clickable) */
.as-select-header {
	padding: 25px 60px 25px 25px;
	/* Right padding for icon */
    cursor: pointer;
	position: relative;
	user-select: none;
}
.as-select-header::after {
	content: '+';
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: var(--primary-accent);
	font-weight: 300;
	transition: transform 0.3s ease;
}
.as-select-item.as-active .as-select-header::after {
	content: '−';
	transform: translateY(-50%);
}
.as-select-title {
	font-size: 1.3rem;
	color: var(--heading-color);
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.as-select-meta {
	font-size: 1rem;
	color: var(--primary-accent);
	font-weight: bold;
	font-family: var(--font-serif);
	background: var(--bg-beige);
	padding: 2px 10px;
	border-radius: 4px;
}
.as-select-summary {
	font-size: 0.95rem;
	color: #666;
	margin: 0;
}
/* Body (Hidden Content) */
.as-select-body {
	display: none;
	padding: 0 30px 30px 30px;
	border-top: 1px dashed #eee;
	background: #fdfdfd;
	animation: fadeIn 0.3s ease;
}
.as-select-item.as-active .as-select-body {
	display: block;
}
.as-part-item {
	background: #fff;
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 4px;
}
.as-part-title {
	font-weight: bold;
	color: var(--primary-dark);
	margin-bottom: 5px;
	font-size: 1.05rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
.as-part-detail {
	font-size: 0.9rem;
	color: #555;
}
.as-part-price {
	float: right;
	font-weight: bold;
	color: var(--heading-color);
}
 @media (max-width: 600px) {
.as-part-price {
	float: none;
	display: block;
	margin-top: 5px;
}
}
/* ==========================================================================
   Voices
   ========================================================================== */
.as-voice-slider {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}
.as-voice-card {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.as-voice-card::before {
	content: '“';
	position: absolute;
	top: 45px;
	left: 20px;
	font-size: 6rem;
	color: var(--bg-beige);
	font-family: serif;
	z-index: 0;
}
.as-voice-header {
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
.as-voice-tag {
	background: var(--bg-beige);
	padding: 5px 10px;
	font-size: 0.8rem;
	border-radius: 4px;
	color: #666;
}
.as-voice-title {
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
	color: var(--heading-color);
	text-align: justify;
	text-align-last: left;
}
.as-voice-text {
	font-size: 0.95rem;
	color: #555;
	position: relative;
	z-index: 1;
	text-align: justify;
	text-align-last: left;
}
/* ==========================================================================
   FAQ (Accordion)
   ========================================================================== */
.as-faq-item {
	background: #fff;
	border-bottom: 1px solid #eee;
}
.as-faq-q {
	color: var(--heading-color);
	font-size: 1.1rem;
	padding: 20px 50px 20px 0;
	/* Space for the icon */
    cursor: pointer;
	position: relative;
	transition: color 0.3s;
	user-select: none;
	margin: 0;/* Reset margin */
}
.as-faq-q:hover {
	color: var(--primary-accent);
}
/* Accordion Icon (+) */
.as-faq-q::after {
	content: '+';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5rem;
	color: var(--primary-accent);
	font-weight: 300;
	transition: transform 0.3s ease;
}
/* Active State (Open) */
.as-faq-item.as-active .as-faq-q {
	color: var(--primary-accent);
}
.as-faq-item.as-active .as-faq-q::after {
	content: '−';
	/* Minus sign */
    transform: translateY(-50%) rotate(0deg);
}
.as-faq-a {
	padding: 0 20px 20px 20px;
	color: #555;
	display: none;
	/* Hidden by default */
    line-height: 1.8;
	border-top: 1px dashed #f0f0f0;
	margin-top: 10px;
	animation: fadeIn 0.3s ease;
}
.as-faq-item.as-active .as-faq-a {
	display: block;/* Shown when active */
}
 @keyframes fadeIn {
 from {
 opacity: 0;
 transform: translateY(-5px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
/* ==========================================================================
   Recommended Grid (Target Audience)
   ========================================================================== */
.as-recommend-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 40px;
}
.as-recommend-card {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.as-recommend-img-placeholder {
	width: 100%;
	height: 200px;
	background-color: var(--primary-accent);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Optional: Label inside placeholder */
.as-recommend-img-placeholder::after {
/* Removed placeholder text */
}
/* Image cover style */
.as-recommend-img-cover {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block !important;
}
.as-recommend-content {
	padding: 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.as-recommend-content h3 {
	font-size: 1.2rem;
	margin-bottom: 20px;
	color: var(--primary-accent);
	line-height: 1.4;
	border-bottom: 2px solid var(--bg-beige);
	padding-bottom: 15px;
}
.as-recommend-content p {
	font-size: 0.95rem;
	color: var(--text-color);
}
 @media (max-width: 768px) {
.as-recommend-grid {
	grid-template-columns: 1fr;
}
}
/* ==========================================================================
   CTA Section
   ========================================================================== */
.as-cta-section {
	background-color: #F9F5F0;
	color: #000000;
	padding: 80px 0;
}
.as-cta-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 40px;
	flex-wrap: wrap;
}
/* Replaced as-white with as-text-main or just rely on inheritance */
.as-text-black {
	color: #000000 !important;
}
.as-btn {
	display: inline-block;
	padding: 15px 40px;
	border-radius: 50px;
	font-weight: 500;
	min-width: 250px;
	max-width: 300px;
	text-align: center;
}
.as-btn-primary {
	background: #000000;
	color: #ffffff !important;
	box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4);
}
.as-btn-primary:hover {
	background: #222222;
	color: var(--primary-accent);
}
.as-btn-line {
	background: #06C755;
	color: #ffffff !important;
}
.as-btn-line:hover {
	background: #05b54c;
	box-shadow: 0 5px 15px rgba(6, 199, 85, 0.4);
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */
@media (max-width: 768px) {
.as-hero-title {
	font-size: 2rem;
}
.as-card-grid, .as-voice-slider, .as-select-grid {
	grid-template-columns: 1fr;/* Stack strictly on mobile */
}
.as-plan-featured {
	transform: none;/* Disable scale effect on mobile */
}
.as-course-header {
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.as-btn {
	width: 100%;
}
.as-plan-container {
	margin-top: 40px;
}
}
/* ==========================================================================
   Flow List (Curriculum with Arrows)
   ========================================================================== */
.as-check-list-simple {
	padding: 20px 20px !important;
}
.as-flow-list {
	list-style: none;
	padding: 20px 20px !important;
}
.as-flow-list li {
	background: #fff;
	padding: 15px 20px;
	border-radius: 6px;
	border: 1px solid #eee;
	margin-bottom: 30px;
	/* Space for arrow */
    position: relative;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
	font-size: 0.95rem;
}
.as-flow-list li:last-child {
	margin-bottom: 0;
}
/* Arrow between items */
.as-flow-list li:not(:last-child)::after {
	content: '▼';
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--primary-accent);
	font-size: 14px;
	font-weight: bold;
}
.as-flow-list strong {
	color: var(--primary-dark);
	display: inline-block;
	min-width: 80px;
}
@media (max-width: 768px) {
.as-flow-list {
	list-style: none;
	padding: 20px 0px !important;
}
.as-check-list-simple {
	padding: 20px 0px !important;
}
}
/* ==========================================================================
   Voice Image
   ========================================================================== */
.as-voice-img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto 15px auto;
	display: block;/* Optional: adds a nice border */
}
.as-voice-card {
	/* Ensure padding accommodates extra height */
    text-align: center;/* Center align image and possibly header */
}
/* Adjust header to align specifically if needed, 
   but generally text-align: center on card works well for this design. 
*/
.as-voice-header {
	text-align: center;
}
/* ==========================================================================
   Form
   ========================================================================== */
.page-id-2767 .elementor-widget-wpforms {
	background-color: #F9F5F0;
	padding: 30px;
	margin-top: -20px;
}
#asForm {
	line-height: 1.3em;
	background-color: #F9F5F0;
	text-align: center;
	margin-top: -20px;
	padding-top: 30px;
}
#asForm h2 {
	font-size: 2.2em;
	font-weight: bold;
	border-top: 1px solid;
	border-top-style: solid;
	padding-top: 50px;
	border-style: dashed;
}
/* ==========================================================================
   Mobile Updates
   ========================================================================== */
@media (max-width: 600px) {
/* Fix for feature01 image cropping on mobile */
    .as-feature-grid .as-feature-card:first-child .as-feature-img-cover {
	object-position: top;
}
}
/* Bonus Image Styling */
.as-plan-bonus-box-img-wrapper {
	margin-top: 30px;
	margin-bottom: 25px;
	text-align: center;
	/* Full bleed adjustments to ignore parent padding (30px) */
    margin-left: -30px;
	margin-right: -30px;
	width: calc(100% + 60px);
}
.as-plan-bonus-img {
	width: 100%;
	height: auto;
	display: block;
}
/* Remove padding/border from description when bonus image is present/featured */
.as-plan-featured .as-plan-desc {
	padding-bottom: 0;
	border-bottom: none;
}