/*アピールエリア*/
 

/*白い背景を透明に*/
.appeal-content{
color:#fff;
background-color:transparent;
padding: 0;
}

 




/*日付を消す*/
.page .date-tags {
display: none;
}

/*投稿者名を消す*/
.home.page .author-info{
  display: none;
}

/* 見出しのリセット */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  color: inherit;
  font-weight: normal;
}

.appeal-title{
font-size:3em;
margin-bottom: 0.8em;
}


/* お問合せフォーム全体のスタイル */
.wpcf7 {
max-width: 800px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #3858E9;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
border-radius: 5px;
font-size: 1.2em;
}

/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}






/*モバイルメニュー　文字消す*/
/*1023px以下*/
@media screen and (max-width: 1023px){
  .mobile-menu-buttons .menu-caption{
    display: none;
  }
  .mobile-menu-buttons{
    align-items: center;
  }
	
		.appeal-title{
font-size:2em;
margin-bottom: 0.8em;
			
}
	
		
}

/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){ 
#appeal { 
height: 80vw; 
}
	
#appeal .appeal-in {
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  height: 100%; /* 親要素 (appeal) の高さいっぱいにする */
  text-align: center; /* テキストの左右中央寄せ */
  flex-direction: column; /* 要素を縦方向に並べる */
}
	
	
}

/*×アイコンを移動*/
.menu-close-button {
 padding-top: 15px;
 padding-left: 25px;
 padding-bottom: 30px;
text-align: left;
font-size: 1.3em;
}

.mobile-header-menu-buttons, .mobile-menu-buttons, .menu-button {
  background-color: #3858E9;
	color: #ffffff;
}

.navi-menu-content{
  background-color: #3858E9;
	color: #ffffff;
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/*メニューリンク変更*/
.menu-item a {
	font-size: 14px; /*文字サイズ*/
	color: #fff; /*文字色*/
	padding: 5px 0px 5px 0px; /*上下左右余白*/
}
.menu-item a:hover {
	background-color: transparent; /*マウスホバー時背景色*/
}