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;
  padding: 20px;
  border-radius: 0;
  position: relative;
  width: 90%;
  max-width: 800px;
}

/* 閉じるボタン */
.modalB-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 42px;
  font-weight: 100;
  cursor: pointer;
  color: #555555;
  line-height: 1;
}

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


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