/*
Theme Name: XWRITE child
Version: 1.0.0
Template: xwrite
*/

/* ・・・・・・・・・・・・・・・・・・・・
メインビジュアルの装飾
・・・・・・・・・・・・・・・・・・・・ */
.mainVisual.title-layout-contents-top .item .item__info {
   	height: 25rem;	
}
@media (min-width: 768px) {
	.mainVisual.title-layout-contents-top .item .item__info {
    	height: 30rem;	
    }
}
/* ・・・・・・・・・・・・・・・・・・・・
ぱんくず
・・・・・・・・・・・・・・・・・・・・ */
.breadcrumbs {
	margin: 1.5rem 0 1.5rem;
}
/* ・・・・・・・・・・・・・・・・・・・・
お知らせの装飾
・・・・・・・・・・・・・・・・・・・・ */
.xw-block-post-list.type-text .xw-post-article-list__item:last-child {
	border-bottom: 1px solid #d7d7d7;
}
.xw-block-post-list.type-text .xw-post-article-list__item {
	border-top: 1px solid #d7d7d7;
}
.xw-block-post-list .xw-post-article-list__item .cat-list .list-label {
	background-color: #b5b5b5;
}
.articleList__item .catList .list-label {
	background-color: #b5b5b5;
}
/* ・・・・・・・・・・・・・・・・・・・・
見出しの装飾
・・・・・・・・・・・・・・・・・・・・ */
.articleBody h3 {
	margin-top: 0;
	margin-bottom: 0;
}

/* ・・・・・・・・・・・・・・・・・・・・
お問い合わせフォームの装飾
・・・・・・・・・・・・・・・・・・・・ */
/* フォーム全体の枠 */
.Form {
  max-width: ;
  margin: 0 auto;
  padding: 40px 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
  box-sizing: border-box;
}

/* 各項目の余白 */
.Form-Item {
  margin-bottom: 24px;
}

/* ラベル */
.Form-Item-Label {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}

/* 必須マーク */
.Form-Item-Label-Required {
  display: inline-block;
  margin-right: 4px;
  padding: 2px 6px;
  font-size: 12px;
  background: #e74c3c;
  color: #fff;
  border-radius: 3px;
}

/* input、textarea の共通装飾 */
.Form input[type="text"],
.Form input[type="email"],
.Form input[type="tel"],
.Form textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
}

.Form input[type="text"]:focus,
.Form input[type="email"]:focus,
.Form input[type="tel"]:focus,
.Form textarea:focus {
  border-color: #0073aa;
  outline: none;
}

/* textarea は高さを固定しておく */
.Form textarea {
  height: 160px;
  resize: vertical;
}

/* ラジオ・チェックボックス項目の調整 */
.Form .wpcf7-radio,
.Form .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.Form .wpcf7-radio label,
.Form .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  cursor: pointer;
}

/* ファイル添付input */
.Form input[type="file"] {
  font-size: 14px;
}

/* 送信ボタン */
.button-wrap {
  text-align: center;
  margin-top: 40px;
}

.confirm_button {
  background: #0073aa;
  color: #fff;
  font-size: 16px;
  padding: 14px 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .3s;
}

.confirm_button:hover:not([disabled]) {
  background: #005f8d;
}

.confirm_button:disabled {
  background: #ccc;
  cursor: default;
}

.wpcf7-submit {
  background: #0073aa;
  color: #fff;
  font-size: 16px;
  padding: 14px 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .3s;
}
.back_button {
  background: #bdbdbd;
  color: #fff;
  font-size: 16px;
  padding: 14px 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .3s;
}
.cf-turnstile {
	text-align: center;
}
/* ・・・・・・・・・・・・・・・・・・・・
ユーキリティ
・・・・・・・・・・・・・・・・・・・・ */
/* 非表示 */
.display-none {
	display: none;
}

.pt0 {
	padding-top: 0;
}
.pb0 {
	padding-bottom: 0;
}
.mt0 {
	margin-top: 0;
}
.w-30p > table >  tbody >  tr > td:first-child {
	width: 30% !important;
}