/*
Theme Name:twentytwentyfour-child
Template:twentytwentyfour
サイト名:平成医政塾
-------------------------------------------------------------------------------------------------------------- */
/* 共通の設定
-------------------------------------------------------------------------------------------------------------- */
/* レスポンシブでの表示・非表示
----------------------------------------------------------- */
/* 1280px以上で非表示　1280px以下で表示 */
.appear-1280 {
	display: none;
}
@media (max-width: 1280px) {
.appear-1280 {
	display: inline;
	}
}
/* 1280px以上で表示　1280px以下で非表示 */
.disappear-1280 {
	display: inline;
}
@media (max-width: 1280px) {
.disappear-1280 {
    display: none;
	}
}
/* 768px以上で非表示　768px以下で表示 */
.appear-768 {
	display: none;
}
@media (max-width: 768px) {
.appear-768 {
	display: inline;
	  }
}
/* 768px以上で表示　768px以下で非表示 */
.disappear-768 {
	display: inline;
}
@media (max-width: 768px) {
.disappear-768 {
	display: none;
	}
}
/* 非表示
----------------------------------------------------------- */
.none {
	display: none;
}
/* ヘッダー　一般公開ページ　ロゴ　レスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
	.header-logo-01 {
		width: 70%;
	}
}
/* ヘッダー　会員専用ページ　ロゴ　レスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
	.header-logo-02 {
		width: 80%;
		padding: 10px 0 0 0;
	}
}
/* 個別の設定
-------------------------------------------------------------------------------------------------------------- */
/* 「インデックス」ページ　MetaSliderのレスポンシブ調整
----------------------------------------------------------- */
@media (max-width: 768px) {
	#metaslider-42 {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100vw !important;
		height: 30vh !important;
		background: #fff;
	}
	#metaslider_container_42 img {
		object-fit: cover;
		height: 30vh;
	}
}
/* 「お問い合わせ」ページ　フォーム　※ほぼ引用のまま
----------------------------------------------------------- */
/* フォーム全体 */
.wpcf7 {
	background-color: #F8F8F8;
	padding: 40px;
	border-radius: 10px;
	max-width: 800px;
	margin: auto;
}
/* 項目 */
.wpcf7-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #303030;
}
/* 必須表示 */
.wpcf7-form .required {
	background-color: #ff0000;
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
	margin-left: 10px;
	font-size: 14px;
}
/* 入力欄（1行） */
.wpcf7-text {
	width: 96%;
	padding: 10px;
	border: 1px solid #303030;
	border-radius: 5px;
	margin: 10px 0 20px 0;
	font-size: 16px;
	background-color: #ffffff;
}
/* 入力欄（複数行） */
.wpcf7-textarea {
	width: 96%;
	padding: 10px;
	border: 1px solid #303030;
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 16px;
	background-color: #ffffff;
	height: 400px;
	resize: vertical;
	line-height: 1.4;
}
/* 送信ボタン */
.wpcf7-form input[type="submit"] {
	background-color: #202457;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: none;
	padding: 20px;
	font-size: 20px;
	border-radius: 10px;
}
.wpcf7-form input[type="submit"]:hover {
	background-color: #1E73BE;
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
	color: red;
	font-size: 14px;
}
@media (max-width: 768px) {
.wpcf7 {
	padding: 20px;
	}
.wpcf7-text {
	width: 90%;
	}
.wpcf7-textarea {
	width: 90%;
	}
}



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

.rmp-trigger-box {
	margin-top: -12px;
}




/* 「会社概要」ページ　リスト表示
----------------------------------------------------------- */
.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: 3.5fr 6.5fr;
	font-size: 0.9rem;
	}
.company-grid-02 {
	grid-template-columns: 3fr 7fr;
	font-size: 0.9rem;
	}
.company-font-01 {
	font-size: 0.9rem;
	}
}




/* レスポンシブ調整用　各種
----------------------------------------------------------- */
@media (max-width: 768px) {
	.text-left {
		text-align: left;
		}
	.grid-1fr {
		grid-template-columns: 1fr;
		}
	.padding-0 {
		padding: 0 !important;
		}
	.padding-20 {
		padding: 20px !important;
		}
	.gap-30 {
		gap: 30px;
		}
	.min-width-100 {
		min-width: 100%;
		}
}





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