/*
Theme Name:twentytwentyfour-child
Template:twentytwentyfour
サイト名:大阪エレベータ
-------------------------------------------------------------------------------------------------------------- */
/* 共通の設定
-------------------------------------------------------------------------------------------------------------- */
/* 個別の設定
-------------------------------------------------------------------------------------------------------------- */
/* 「インデックス」ページ　トップビジュアルテキスト　レスポンシブ調整
----------------------------------------------------------- */
 @media (max-width: 768px) {
.top-visual-text-01 {
	font-size: 1.4em;
	}
.top-visual-text-02 {
	font-size: 1em;
/*line-height: 4 !important;*/
	}
}



/* 「インデックス」ページ　施工実績　写真レイアウト
----------------------------------------------------------- */
@media (max-width: 768px) {
.index-achievement-photo {
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	}
}
/* 「インデックス」ページ　施工実績　一覧レイアウト
----------------------------------------------------------- */
.index-achievement-list {
	line-height: 2.4;
}
@media (max-width: 768px) {
.index-achievement-list {
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	font-size: 0.8em;
	}
}
/* 「インデックス」ページ　会社概要　ボーダーカラー
----------------------------------------------------------- */
.index-company-border {
	border-color: white;
}
/* 「インデックス」ページ　会社概要　レスポンシブ調整
----------------------------------------------------------- */
.index-company-layout {
	padding-right: 50px;
	}
@media (max-width: 768px) {
.index-company-layout {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.85em;
	}
.index-company-grid {
	column-gap: 20px;
	}
}
/* 「インデックス」ページ　沿革　レスポンシブ調整
----------------------------------------------------------- */
.index-history-layout {
	padding-left: 50px;
	}
@media (max-width: 768px) {
.index-history-layout {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.85em;
	}
}







/* 編集中　ここから
----------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */



/* ヘッダー　ロゴ
----------------------------------------------------------- */
@media (max-width: 768px) {
.header-logo-01 {
	width: 70%;
	}
}
/* フッター　注意文
----------------------------------------------------------- */
@media (max-width: 768px) {
.footer-text-01 {
	text-align: left;
	font-size: 0.8rem !important;
	}
}
/* 固定ページ　コンテンツエリア
----------------------------------------------------------- */
@media (max-width: 768px) {
.contents-area {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
	}
}
/* レスポンシブでの表示・非表示
----------------------------------------------------------- */
/* 1280px以下で表示 */
.appear-1280 {
	display: none;
}
/* 1280px以下で非表示 */
.disappear-1280 {
	display: inline;
}
@media (max-width: 1280px) {
.appear-1280 {
	display: inline;
	}
.disappear-1280 {
    display: none;
	}
}
/* 768px以下で表示 */
.appear-768 {
	display: none;
}
/* 768px以下で非表示 */
.disappear-768 {
	display: inline;
}
@media (max-width: 768px) {
.appear-768 {
	display: inline;
	  }
.disappear-768 {
	display: none;
	}
}
/* タイトル　レスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
.title-01 {
	line-height: 1.6;
	text-align: center;
	}
}
/* 個別の設定
-------------------------------------------------------------------------------------------------------------- */
/* 「インデックス」ページ　MetaSliderのレスポンシブ調整
----------------------------------------------------------- */
#metaslider-8 {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100vw !important;
	height: 70vh !important;
	background: #fff;
}
#metaslider_container_8 img {
	object-fit: cover;
	height: 70vh;
}
/* 「インデックス」ページ　序文のレスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
.index-text-01 {
	text-align: left;
	}
}
/* 「インデックス」ページ　横山たまねぎのレスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
.index-grid-01 {
	grid-template-columns: 1fr;
	column-gap: 0;
	}
}
/* 「インデックス」ページ　コンテンツメニューのレスポンシブ調整
----------------------------------------------------------- */
.index-grid-02 {
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.index-back-01 {
	padding: 20px;
	}
.index-grid-02 {
	grid-template-columns: 1fr;
	}
.index-text-01 {
	order: 2;
	}
.index-img-01 {
	order: 1;
	}
.index-text-02 {
	order: 3;
	}
.index-img-02 {
	order: 4;
	}	
}
/* 「事業内容」ページ　交互のレイアウト
----------------------------------------------------------- */
.business-grid-01 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 768px) {
.business-grid-01 {
	grid-template-columns: 1fr;
	}
.business-text-01 {
	order: 1;
	}
.business-img-01 {
	order: 2;
	}
.business-text-02 {
	order: 3;
	}
.business-img-02 {
	order: 4;
	}
.business-text-03 {
	order: 5;
	}
.business-img-03 {
	order: 6;
	}
}
/* 「商品紹介」ページ　商品写真レイアウト
----------------------------------------------------------- */
.product-grid-01 {
	grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
.product-grid-01 {
	grid-template-columns: 1fr 1fr;
	}
}
/* 「会社概要」ページ　リスト表示
----------------------------------------------------------- */
.company-grid-01 {
	grid-template-columns: 1fr 3fr;
}
.company-grid-02 {
	grid-template-columns: 2fr 3fr;
}
@media (max-width: 768px) {
.company-grid-01 {
	grid-template-columns: 3fr 7fr;
	font-size: 0.9rem;
	}
.company-grid-02 {
	grid-template-columns: 3fr 7fr;
	font-size: 0.9rem;
	}
.company-font-01 {
	font-size: 0.9rem;
	}
}





/* 編集中　ここまで
----------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */