/*
Theme Name:twentytwentyfour-child
Template:twentytwentyfour
サイト名:訪問介護 nico
-------------------------------------------------------------------------------------------------------------- */


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






/* レスポンシブ調整用　各種
----------------------------------------------------------- */
@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%;
		}
}








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





/* 共通の設定
-------------------------------------------------------------------------------------------------------------- */
/* レスポンシブでの表示・非表示
----------------------------------------------------------- */
/* 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) {
	.header-logo-01 {
		width: 100%;
		}
}
/* 個別の設定
-------------------------------------------------------------------------------------------------------------- */
/* 「インデックス」ページ　MetaSliderのレスポンシブ調整
----------------------------------------------------------- */
#metaslider_container_341 img {
	border-radius: 40px;
}
@media (max-width: 768px) {
	#metaslider_container_341 img {
		object-fit: cover;
		height: 70vh;
		}	
}
/* 「お問い合わせ」ページ　フォーム　※ほぼ引用のまま
----------------------------------------------------------- */
/* フォーム全体 */
.wpcf7 {
	background-color: #FEF0DF;
	padding: 40px;
	border-radius: 10px;
	max-width: 800px;
	margin: auto;
}
/* 項目 */
.wpcf7-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #736357;
}
/* 必須表示 */
.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 #cccccc;
	border-radius: 5px;
	margin: 10px 0 20px 0;
	font-size: 16px;
	background-color: #ffffff;
}
/* 入力欄（複数行） */
.wpcf7-textarea {
	width: 96%;
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 16px;
	background-color: #ffffff;
	height: 200px;
	resize: vertical;
	line-height: 1.4;
}
/* 送信ボタン */
.wpcf7-form input[type="submit"] {
	background-color: #F39700;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: none;
	padding: 10px;
	font-size: 20px;
	border-radius: 10px;
}
.wpcf7-form input[type="submit"]:hover {
	background-color: #FAAF3B;
}
/* エラーメッセージと成功メッセージのスタイル */
.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%;
	}
}