/*--------------------------------------------------------------
# Responsive (レスポンシブ) - Mobile First
--------------------------------------------------------------*/

/* Hover Capable Devices (ホバー対応デバイス) */
@media (hover: hover) and (pointer: fine) {
	.link:hover .link__text:after {
		transform: translate(200%);
	}
	.fixed-nav__link .fixed-nav__link__text:after {
		opacity: 0;
		transform: matrix(1, 0.15, -0.15, 0.25, 0, 20);
	}

	.fixed-nav__link:hover .fixed-nav__link__text:after,
	.fixed-nav__link:hover .fixed-nav__link__text__inner {
		transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.3s linear;
	}

	.fixed-nav__link:hover .fixed-nav__link__text__inner {
		opacity: 0;
		transform: matrix(1, 0.15, -0.15, 0.25, 0, -20);
	}

	.fixed-nav__link:hover .fixed-nav__link__text:after {
		opacity: 1;
		transform: scale(1);
	}
	.fixed-nav__link__text {
		overflow: hidden;
		position: relative;
	}

	.fixed-nav__link__text:after {
		content: attr(data-text);
		display: block;
		left: 0;
		position: absolute;
		top: 0;
	}
}

/* 480px以上 (iPhone横向き以上) */
@media screen and (min-width: 480px) {
	/* 必要に応じて追加 */
}

/* 768px～1024px (タブレット) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fixed-nav__list__item:nth-child(2) {
		margin-left: 2.4rem; /* 24px */
		padding-left: 2.4rem; /* 24px */
	}
	.thumbnail-container {
		height: 40.0rem; /* 400px */
	}
	.thumbnail {
		height: 40.0rem; /* 400px */
	}
	.page-header__description {
		margin-left: 0.4rem; /* 4px */
		max-width: 46.4rem; /* 464px */
	}
	.mv {
		min-height: 76.8rem; /* 768px */
	}
	.mv__image {
		min-height: 768px;
	}
}

/* 769px～992px (タブレット - メッセージセクション用) */
@media screen and (min-width: 769px) and (max-width: 992px) {
	.message__thumbnail-container,
	.message__thumbnail-l-container {
		margin: 0 auto 80px;
		max-width: 548px;
	}

	.message__main-container,
	.message__main-l-container {
		margin: 0 auto;
		max-width: 54.8rem; /* 548px */
		padding: 0 4.0rem; /* 40px */
	}
}

/* 992px以下 (タブレット以下) */
@media screen and (max-width: 992px) {
	.point-item {
		flex-direction: column;
		gap: 2.4rem; /* 24px */
	}

	.point-item__number__digit {
		font-size: 4.8rem; /* 48px */
	}

	.point-item__image {
		width: 100%;
	}

	.point-item--reverse {
		flex-direction: column;
	}

	.services-top-grid,
	.services-top-u-grid {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.services-top-left {
		padding: 6.0rem 4.0rem; /* 60px 40px */
	}

	.services-top-right {
		border-radius: 0;
		min-height: var(--min-height-60);
	}
}

/* 1024px以上 (PC) */
@media screen and (min-width: 1024px) {
	.header__menu-trigger__text {
		display: block;
	}

	/* デスクトップでも全画面メニューを表示可能にする（テスト用） */
	.site-header.menu-open > .menu {
		display: block !important;
		animation: menuFadeIn 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	}

	.header__nav {
		display: block;
	}

	.message__container {
		display: flex;
		justify-content: center;
	}
	.message__thumbnail-container,
	.message__thumbnail-l-container {
		padding-left: 120px;
		padding-right: 52px;
		width: 50%;
	}
	.message__main-container,
	.message__main-l-container {
		width: 40%;
	}
}

/* モバイル調整用 (必要に応じてベーススタイルに移動) */
/* 以下のスタイルは段階的にベーススタイルに統合することを推奨 */
@media screen and (max-width: 768px) {
	.hero-title {
		font-size: 3.2rem; /* 32px */
	}
	
	.hero-subtitle {
		font-size: var(--font-size-base);
	}
	
	.hero-buttons {
		flex-direction: column;
	}
	
	.hero-buttons .btn {
		width: 100%;
	}
	
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-6 {
		grid-template-columns: 1fr;
	}
	
	.flex-col-sp {
		flex-direction: column;
	}
	
	.text-center-sp {
		text-align: center;
	}
	
	.d-none-sp {
		display: none;
	}
	
	.d-block-sp {
		display: block;
	}
	
	.w-full-sp {
		width: 100%;
	}
	
	.justify-start-sp {
		justify-content: flex-start;
	}
	
	.gap-lg-sp {
		gap: var(--spacing-lg);
	}
	
	.trust-grid {
		grid-template-columns: 1fr;
	}
	
	.service-item {
		flex-direction: column;
		text-align: center;
	}
	
	.service-list {
		grid-template-columns: repeat(2, 1fr); /* 3列から2列に */
		gap: 1.6rem; /* 16px - スマホ向けに調整 */
	}

	.service-content {
		padding: 1.6rem 1.2rem; /* 16px 12px - スマホ向けに調整 */
	}

	.service-content h3 {
		font-size: 1.6rem; /* 16px - スマホ向けに調整 */
		margin-bottom: 0.8rem; /* 8px */
	}

	.service-content p {
		font-size: 1.3rem; /* 13px - スマホ向けに調整 */
		line-height: 1.6;
	}

	.service-image {
		aspect-ratio: 16 / 9; /* スマホ向けに調整 */
	}

	.l-section-service-list {
		padding-bottom: 4.0rem !important; /* 40px - スマホ向けに下部余白を追加 */
	}

	.manufacturers-list {
		grid-template-columns: 1fr; /* SP時は1列表示 */
		gap: 2.4rem; /* 24px - スマホ向けに調整 */
	}

	.manufacturer-item h3,
	.c-card--beige h3 {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
	}
	
	.contact-methods {
		grid-template-columns: 1fr;
		gap: 2.0rem; /* 20px - カード間の余白 */
	}
	
	.contact-method-content {
		padding: 2.4rem 2.0rem; /* 24px 20px - スマホ向けに調整 */
	}
	
	.contact-method-content h3 {
		font-size: 1.8rem; /* 18px - スマホ向けに調整 */
		margin-bottom: 1.6rem; /* 16px */
	}

	.contact-method-content .c-btn {
		padding: 1.2rem 2.4rem; /* 12px 24px - スマホ向けに調整（余白を減らす） */
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
	}

	/* ニュースページ カテゴリーフィルター */
	.l-section-news-filter {
		padding: 1.6rem 0; /* 16px - 上下の余白を減らす */
	}

	.l-section-news-filter .l-container {
		padding-left: var(--container-padding) !important;
		padding-right: var(--container-padding) !important;
	}

	.l-section-news-filter .news-categories {
		padding-left: 0; /* カテゴリーリンク自体の左paddingは不要 */
	}
	
	.contact-phone a {
		font-size: 2.4rem; /* 24px */
	}
	
	.news-link {
		flex-direction: column;
		align-items: flex-start;
	}
	.section-title__en {
		font-size: 1.2rem;
		margin-bottom: 0.8rem;
	}
	
	.section-title h2 {
		font-size: 2.2rem;
	}
	
	.section-title h2::after {
		width: 4.0rem;
		margin-top: 1.2rem;
	}
	/* .header__lead 関連のスタイルは header.css に定義済み */
	/* .header__menu-trigger 関連のスタイルは header.css に定義済み */

	.site-header > .menu {
		border-radius: 1.6rem; /* 16px */
		bottom: 0.4rem; /* 4px */
		left: 0.4rem; /* 4px */
		right: 0.4rem; /* 4px */
		top: 0.4rem; /* 4px */
	}

	/* モバイルでは全画面メニューを表示 */
	.site-header.menu-open > .menu {
		display: block !important;
		animation: menuFadeIn 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	}

	.site-header > .menu .menu__container,
	header > .menu .menu__container {
		flex-direction: column; /* 縦並びに */
	}

	.menu__nav {
		width: 100%; /* 全幅に */
	}

	.menu__nav__container {
		flex-direction: column;
		padding: 12.0rem 2.0rem 3.0rem; /* 80px 20px 30px - スマホ向けに調整 */
		gap: 0;
		margin-left: 0; /* 左寄せ解除 */
	}

	.menu__nav__main {
		width: 100%;
	}

	.menu__nav__section {
		margin-bottom: 2.4rem; /* 24px - セクション間の余白 */
	}

	.menu__nav__other {
		margin-top: 2.4rem; /* 24px - スマホ向けに調整 */
	}

	.menu__info {
		display: flex; /* 表示する */
		width: 100%; /* 全幅に */
		min-height: auto; /* 高さ制限を解除 */
	}

	.menu__info__container {
		padding: 3.0rem 2.0rem; /* 30px 20px - スマホ向けに調整 */
	}

	.menu__info__schedule {
		margin-bottom: 3.0rem; /* 30px - 営業時間とアクセス情報の間隔 */
	}

	.menu__info__footer {
		padding-top: 0;
	}

	.menu__info__access__title {
		font-size: 1.6rem; /* 16px - スマホ向けに調整 */
		margin-bottom: 1.2rem; /* 12px */
	}

	.menu__info__access__text {
		font-size: 1.3rem; /* 13px - スマホ向けに調整 */
		line-height: 1.8;
	}

	.list {
		gap: 1.6rem; /* 16px - タップしやすくするため少し広げる */
	}

	.list__item {
		gap: 0.8rem; /* 8px - スマホ向けに調整 */
	}

	.list--sub-contents {
		gap: 1.0rem; /* 10px - スマホ向けに調整 */
	}

	.link {
		font-size: 2.0rem; /* 20px - スマホ向けに調整 */
		line-height: 1.5;
	}

	.link--sub {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
	}

	.instagram-button-container {
		margin-bottom: 2.4rem; /* 24px - スマホ向けに調整 */
	}

	.instagram-button {
		height: 4.4rem; /* 44px - スマホ向けに調整 */
		padding: 0 2.0rem; /* 20px - スマホ向けに調整 */
		font-size: 1.3rem; /* 13px - スマホ向けに調整 */
	}

	.instagram-button__icon {
		width: 1.4rem; /* 14px - スマホ向けに調整 */
		height: 1.4rem; /* 14px - スマホ向けに調整 */
	}

	.schedule__table__head .schedule__table__row {
		height: 4.8rem; /* 48px */
	}

	.schedule__table__tbody .schedule__table__row {
		height: 7.2rem; /* 72px */
	}

	.schedule__table__heading {
		font-size: 1.2rem; /* 12px */
	}

	.schedule__table__time {
		font-size: 1.2rem; /* 12px */
	}

	.schedule__table__note {
		font-size: 1.1rem; /* 11px */
	}

	.schedule__table__open {
		width: 1.2rem; /* 12px */
	}

	.schedule__table__close {
		width: 0.8rem; /* 8px */
	}

	.schedule__table__annotation {
		bottom: calc(50% + 0.1rem); /* 1px */
		font-size: 1.6rem; /* 16px */
		left: calc(50% + 0.8rem); /* 8px */
	}

	.schedule__note {
		margin-top: 1.6rem; /* 16px */
	}

	.schedule__note__item {
		gap: 0.4rem; /* 4px */
	}

	.schedule__note__item__text {
		font-size: 1.2rem; /* 12px */
	}
	.fixed-nav {
		bottom: 2.0rem; /* 20px */
		left: 0.4rem; /* 4px */
		padding: 0 0.1rem; /* 1px */
		right: 0.4rem; /* 4px */
	}
	.fixed-nav__list {
		width: 100%;
	}
	.fixed-nav__list__item {
		display: flex;
		justify-content: center;
	}

	.fixed-nav__list__item:first-child {
		flex: 198;
	}

	.fixed-nav__list__item:nth-child(2) {
		flex: 158;
	}
	.fixed-nav__link__icon {
		font-size: 1.5rem; /* 15px */
		width: 1.5rem; /* 15px */
		height: 1.5rem; /* 15px */
	}
	.fixed-nav__link__text {
		font-size: 1.2rem; /* 12px */
	}
	.fixed-nav__link__text--tel {
		font-size: 1.4rem; /* 14px */
	}
	/* .footer-access 関連のスタイルは footer.css に定義済み */



	.page-header--no-thumbnail {
		padding-top: 14.0rem; /* 140px */
	}
	.page-header__thumbnail {
		margin-bottom: 4.0rem; /* 40px */
	}
	.thumbnail-container {
		aspect-ratio: 1;
		max-height: 40.0rem; /* 400px */
		width: 100%;
	}
	.thumbnail {
		aspect-ratio: 1;
		max-height: 40.0rem; /* 400px */
	}
	.page-header__container {
		padding: 1.6rem 0; /* 16px */
	}
	.page-header__title {
		top: -4.0rem; /* -40px */
		font-size: 6.0rem; /* 60px */
	}
	.page-header__title--thumbnail {
		top: -8.0rem; /* -80px */
		font-size: 8.0rem; /* 80px */
	}
	.page-header__description {
		margin-top: 1.6rem; /* 16px */
	}
	.page-header__heading {
		margin-bottom: 0; /* 16px */
		padding: 2rem 0 !important;
	}
	.page-header__heading h1 {
		font-size: 2.4rem; /* 24px - スマホ向けに調整 */
		line-height: 1.5;
		letter-spacing: 0.02em;
	}
	.flow-progress-bar {
		flex-direction: column;
		gap: 0.8rem; /* 8px */
	}
	
	.flow-progress-item {
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	
	.flow-progress-item::after {
		display: none;
	}
	
	.flow-progress-item {
		padding: 1.6rem 1.2rem; /* 16px 12px - スマホ向けに調整 */
		min-width: auto; /* 最小幅を解除 */
	}

	.flow-progress-number {
		font-size: 2.0rem; /* 20px - スマホ向けに調整 */
		margin-bottom: 0.6rem; /* 6px */
	}

	.flow-progress-label {
		font-size: 1.2rem; /* 12px - スマホ向けに調整 */
		line-height: 1.4;
	}

	.flow-progress-description p {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
		padding: 0 1.6rem; /* 左右の余白を追加 */
	}

	.flow-step-detail {
		flex-direction: column;
		padding: 1.6rem; /* 16px */
		margin-bottom: 3.0rem !important; /* 30px - スマホ向けに調整 */
	}
	
	.flow-step-badge {
		top: 1.2rem; /* 12px */
		left: 1.2rem; /* 12px */
		width: 5.0rem; /* 50px - スマホ向けに調整 */
		height: 5.0rem; /* 50px - スマホ向けに調整 */
		font-size: 1.0rem; /* 10px - スマホ向けに調整 */
		border: 0.3rem solid var(--color-white); /* 3px - スマホ向けに調整 */
	}
	
	.flow-step-left {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 1.6rem; /* 16px */
		min-height: 18.0rem; /* 180px - スマホ向けに調整 */
	}
	
	.flow-step-right {
		padding-left: 0;
		text-align: left;
	}

	.flow-step-detail-title {
		font-size: 2.0rem; /* 20px - スマホ向けに調整 */
		margin-bottom: 1.2rem; /* 12px */
	}

	.flow-step-right p {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
		line-height: 1.7;
		margin-bottom: 1.0rem; /* 10px */
	}

	.flow-step-link {
		font-size: 1.5rem; /* 15px - スマホ向けに調整 */
	}

	.flow-notice {
		padding: 2.0rem 1.6rem; /* 20px 16px - スマホ向けに調整 */
	}

	.flow-notice p {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
		line-height: 1.7;
	}
	/* Note: .service-item, .manufacturers-list, .flow-step のレスポンシブは Tailwind CSS で定義済み */
	.company-info-table th,
	.company-info-table td {
		display: block;
		width: 100%;
	}

	.company-info-table th {
		padding-bottom: var(--spacing-sm);
	}

	.company-info-table td {
		padding-top: var(--spacing-sm);
	}
	.news-link {
		flex-wrap: wrap;
	}
	
	.news-date {
		min-width: auto;
	}
	
	.section-news-single,
	.l-section-news-single {
		padding: 12.0rem 0 var(--spacing-xl); /* 上部120px、下部60px */
	}

	.news-single-article {
		padding: 0 var(--container-padding);
	}

	.news-single-title {
		font-size: 2.4rem; /* 24px */
		margin-bottom: 3.2rem; /* 32px */
	}

	.news-single-meta {
		font-size: 1.4rem;
		margin-bottom: 2.0rem; /* 20px */
	}

	.news-single-thumbnail {
		margin-bottom: 3.2rem; /* 32px */
	}

	.news-single-body {
		font-size: 1.4rem;
	}

	.news-single-body h2 {
		font-size: 2.0rem; /* 20px */
		margin-top: 3.2rem; /* 32px */
	}

	.news-single-body h3 {
		font-size: 1.8rem; /* 18px */
		margin-top: 2.4rem; /* 24px */
	}

	.news-back-link {
		margin-top: 4.0rem; /* 40px */
	}
	.contact-form-wrapper {
		padding: 2.0rem 1.6rem; /* 20px 16px - スマホ向けに調整 */
	}

	.contact-form-wrapper .wpcf7-form dl {
		flex-direction: column; /* 縦並びに */
		align-items: flex-start;
		padding-top: 2.0rem; /* 20px */
		padding-bottom: 2.0rem; /* 20px */
	}

	.contact-form-wrapper .wpcf7-form dt {
		width: 100%;
		font-size: 1.6rem; /* 16px - スマホ向けに調整 */
		margin-bottom: 1.2rem; /* 12px - ラベルと入力欄の間隔 */
	}

	.contact-form-wrapper .wpcf7-form dd {
		width: 100%;
		font-size: 1.6rem; /* 16px - スマホ向けに調整 */
		border-left: none; /* 左ボーダーを削除 */
		padding-left: 0;
	}

	.contact-form-wrapper .wpcf7-form input[type="text"],
	.contact-form-wrapper .wpcf7-form input[type="email"],
	.contact-form-wrapper .wpcf7-form input[type="tel"],
	.contact-form-wrapper .wpcf7-form textarea {
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
		padding:0;
	}

	.contact-form-wrapper .wpcf7-form textarea {
		min-height: 12.0rem; /* 120px - スマホ向けに調整 */
	}

	.contact-form-wrapper .wpcf7-form p {
		margin: 0;
	}

	.contact-form-wrapper .wpcf7-form input[type="submit"] {
		padding: 1.4rem 3.0rem; /* 14px 30px - スマホ向けに調整 */
		font-size: 1.4rem; /* 14px - スマホ向けに調整 */
		min-width: 16.0rem; /* 160px - スマホ向けに調整 */
	}

	.contact-form-wrapper .wpcf7-form label {
		grid-template-columns: 1fr;
		gap: 0.8rem; /* 8px */
	}

	.contact-method-button {
		width: 100%;
		justify-content: center;
	}
	
	.contact-method-image {
		aspect-ratio: 16 / 9; /* 横長に調整 */
	}
	.fv {
		padding-top: 12.0rem; /* 120px */
	}
	.fv__copy {
		font-size: 2.6rem; /* 32px */
		padding-bottom: 1.6rem;
	}
	
	.fv__copy__wave {
		height: 1.2rem;
	}
	.fv__scroll-container,
	.fv__scroll-l-container {
		margin-left: 0.4rem; /* 4px */
		margin-top: 4.0rem; /* 40px - 余白を増やす */
	}
	.fv__mv-container,
	.fv__mv-l-container {
		margin-top: 4rem; /* 80px */
		padding-top: 0; /* 8px */
	}
	.mv {
		aspect-ratio: 1;
	}
	.mv__container {
		top: 0.4rem; /* 4px */
		right: 0.4rem; /* 4px */
		bottom: 0.4rem; /* 4px */
		left: 0.4rem; /* 4px */
	}
	.mv__image {
		aspect-ratio: 1;
	}
	.message {
		padding: 4.0rem 0; /* 40px */
	}
	.message__container {
		display: flex;
		flex-direction: column;
		min-height: auto;
		gap: 2.4rem;
	}

	.message__images-left,
	.message__images-right {
		display: flex;
		flex-direction: row;
		gap: 1.2rem;
		justify-content: center;
		order: 2;
	}

	.message__images-left {
		order: 1;
	}

	.message__main-l-container {
		order: 2;
	}

	.message__images-right {
		order: 3;
	}

	.message__image {
		max-width: 10.0rem; /* 100px */
		border-radius: 0.8rem;
	}

	.message__image--1 {
		transform: rotate(-5deg);
	}

	.message__image--2 {
		transform: rotate(6deg);
	}

	.message__image--3 {
		transform: rotate(-4deg);
	}

	.message__image--4 {
		transform: rotate(5deg);
	}

	.message__image--5 {
		transform: rotate(-6deg);
	}

	.message__image--6 {
		transform: rotate(4deg);
	}

	.message__main-container,
	.message__main-l-container {
		padding: 2.4rem; /* 24px */
		max-width: 100%;
	}
	.location-highlight {
		font-size: 2.0rem; /* 20px - モバイル時は少し小さく */
	}
	.paragraph {
		font-size: 1.6rem; /* 16px */
	}
	.section-title__text {
		font-size: 20px;
	}
	.heading__line {
		font-size: 22px;
	}
	.menu-list {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.card {
		border-radius: 12px;
		padding: 32px;
	}
	.card--sm {
		min-height: 160px;
	}
	.card__heading {
		font-size: 14px;
		margin-bottom: 16px;
	}
	.card__name__text {
		font-size: 12px;
	}
	.button {
		font-size: 12px;
		padding: 0 20px;
	}
	.button__icon {
		width: 14px;
	}
	.post {
		padding: 16px 0;
	}
	.post__info {
		gap: 8px;
		margin-bottom: 8px;
	}
	.post__date {
		font-size: 12px;
	}
	.post__category {
		font-size: 12px;
	}
	.post__title__icon {
		width: 14px;
	}
	.post__title__text {
		font-size: 14px;
	}
	.text-button {
		font-size: 12px;
	}
	.text-button__circle {
		width: 38px;
	}
	.text-button__circle__icon {
		width: 14px;
	}
	.about-points {
		padding: 6.0rem 0 8.0rem; /* 60px 0 80px */
		border-radius: 3.2rem 3.2rem 0 0; /* 32px */
	}
	.points-list {
		gap: 6.0rem; /* 60px */
	}
	.point-item__title {
		font-size: 2.0rem; /* 20px */
		margin: 0;
	}
	.point-item__text {
		font-size: 1.4rem; /* 14px */
	}
	.about-points__button {
		margin-top: 6.0rem; /* 60px */
	}
	.section-services-top {
		min-height: var(--min-height-60);
	}
	.services-top-left {
		padding: 4.0rem 2.0rem; /* 40px 20px - 余白を減らす */
		justify-content: center; /* 中央寄せ */
	}
	.services-top-left-inner {
		max-width: 100%;
		text-align: center; /* テキストを中央寄せ */
	}
	.services-top-left-inner .l-section-title h2 {
		display: block; /* 中央寄せのためにblockに変更 */
		text-align: center;
	}
	.services-top-left-inner .l-section-title h2::after {
		margin-left: auto;
		margin-right: auto;
	}
	.services-top-description {
		font-size: 1.4rem; /* 14px */
	}
	.services-top-right {
		min-height: 50.0rem; /* 500px */
	}
	.services-top-grid-content {
		grid-template-columns: 1fr;
		padding: 3.2rem; /* 32px */
		gap: 2.0rem; /* 20px */
	}
	.services-grid-item {
		padding: 2.0rem; /* 20px */
	}
	.services-grid-item__title {
		font-size: 1.8rem; /* 18px */
	}
	.services-grid-list__item {
		font-size: 1.3rem; /* 13px */
	}
	.section-news-top {
		padding: 6.0rem 0 8.0rem; /* 60px 0 80px */
	}
	.news-top__button {
		margin-top: 6.0rem; /* 60px */
	}
}