p.newbtn {
	text-align: left;
}
.column_space_40 {
	width: 100%;
	height: 40px;
}
@media screen and (max-width: 800px) {
	p.newbtn {
		text-align: center;
	}
	.column_space_40 {
		width: 100%;
		height: 20px;
}
}



/* 近藤さん提供 */
/* 【ボタン本体のデザイン】 */
.contact-btn-akiko {
  /* フォントと色 */
  font-family: 'Times New Roman', serif;
  font-size: 14pt;
  color: #555555;
  letter-spacing: 0.12em;
  text-decoration: none;

  /* ボタンの構造 */
  position: relative;
  display: inline-block;
  padding: 0 2em .4em .5em;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* ホバーした時の色（青） */
.contact-btn-akiko:hover {
  color: #1db0ff;
}

/* 下線の矢印（細さと位置を調整） */
.contact-btn-akiko::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: skewX(50deg);
  transition: all 0.3s ease;
}

/* ホバー時に矢印がスライドするアニメーション */
.contact-btn-akiko:hover::before {
  left: 10%;
  border-bottom-color: #1db0ff;
  border-right-color: #1db0ff;
}

/* --- 以下、モーダル表示に関する共通設定 --- */

/* モーダル背景 */
.modalB {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}

/* モーダルコンテンツ（下地の箱） */
.modalB-content {
  background-color: #ffffff;
  margin: 5% auto;
  position: relative;
  width: 90%;
  max-width: 800px;
}

/* 閉じるボタン（土台） */
.modalB-close {
  position: absolute;
  right: 0px;
  top: 0px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10000;
  padding: 0;
}

/* バツ印（共通設定） */
.modalB-close::before,
.modalB-close::after {
  content: "";
  position: absolute;
  background-color: #555555;
  height: 1px;
  display: block;
}

.modalB-close::before { transform: rotate(45deg); }
.modalB-close::after { transform: rotate(-45deg); }

/* PC版 */
@media screen and (min-width: 768px) {
  .modalB-content {
	padding: 60px 20px 20px 20px;
  }
  .modalB-close {
	width: 60px;
	height: 60px;
  }
  .modalB-close::before,
  .modalB-close::after {
	width: 40px;
	top: 30px;
	left: 10px;
  }
}

/* スマホ版 */
@media screen and (max-width: 767px) {
  .modalB-content {
	padding: 50px 20px 20px 20px;
  }
  .modalB-close {
	width: 50px;
	height: 50px;
  }
  .modalB-close::before,
  .modalB-close::after {
	width: 30px;
	top: 25px;
	left: 10px;

  }
}

/* フォーム表示用iframe */
.modalB-iframe {
  width: 100%;
  height: 75vh;
  border: none;
}



/* 手紙アイコンと文字のバランス調整 */
.contact-btn-akiko .icon {
  margin-right: 0.4em;
  font-size: 0.95em;
  vertical-align: middle;
}