#mid_box {
	width:100%;
	margin:30px auto;
}

h2.title {
  display: flex;
  align-items: center;
  gap: .5em;
  line-height: 1.2;
  margin-left: 0;   /* 左端から開始 */
  padding-left: 0;  /* 内側余白もゼロ */
}

/* 先頭にロゴを挿入 */
h2.title::before {
  content: "";
  display: inline-block;
  width: 40px;           /* 必要に応じて調整 */
  height: 40px;          /* 必要に応じて調整 */
  background-image: url("../images/logo_maru.png");
  background-repeat: no-repeat;
  background-size: contain; /* 画像を枠に収める */
  background-position: center;
}



#c_box {
	width:95%;
	margin:5px auto;
	padding:10px;
}

.s_box {
	width:95%;
	border:5px solid #eee;
	padding:0px ;
	margin:25px auto 0px auto;
	border-radius:10px;
}

.s_box img {
	padding:10px;
	margin:auto;
	display:block;
	zoom:130%;
}

.s_box p {
	margin:0px 20px;
	line-height:2.0em;
	margin-left:1.5em;
	padding-top:0px;
	
}


h3 {
	padding-top:5px;
	padding-left:1em;
	padding-bottom:5px;
	margin-left:0px;
	background-color:#2381b7;
	margin-top:0;
	border-bottom:2px solid #2381b7;
	color:#fff;
	border-radius:5px 5px 0px 0px;

}

h3 span {
	font-weight:normal;
	font-size:16px ;
	text-align:right;
	float:right;
	margin-right:1em;
	letter-spacing:1px;
	margin-top:7px;
}


#c_box li {
	margin-left:1em;
	line-height:2.5em;
}


/* ▼ フェードイン用（fi） for .jimg */
.jimg.fi-target{
  opacity:0;
  transform:translateY(12px);
  transition:opacity 1200ms ease, transform 1200ms ease;
}
.jimg.fi-show{
  opacity:1;
  transform:translateY(0);
}


/* information.php */
.interview-box,
.interview_info,
.interview-info {
	width:auto;
	max-width:100%;
	box-sizing:border-box;
	margin-left:10px;
	margin-right:10px;
	padding:15px;
}

.info-date,
.document-date {
	text-align:right;
	margin-right:15px;
}


/* information.php 小見出しマーク */
.information_body h4 {
	position:relative;
	margin-left:0;
	padding-left:28px;
}

.information_body h4::before {
	content:"";
	position:absolute;
	left:10px;
	top:50%;
	width:8px;
	height:8px;
	margin-top:-4px;
	background:#2381b7;
	border-radius:50%;
}


/* information.php 日付・署名 */
.info-date,
.document-date,
.info-signature,
.company-signature,
.signature {
	text-align:right !important;
	margin-left:auto !important;
	margin-right:15px !important;
}


/* information.php 日付・署名 右寄せ */
.information_signature,
.information_date,
.information_date_bottom {
	width:100% !important;
	box-sizing:border-box !important;
	text-align:right !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-right:15px !important;
}

.information_signature p {
	width:100% !important;
	text-align:right !important;
	margin-left:0 !important;
	margin-right:0 !important;
}


/* F.I. */
.reveal {
	opacity:0;
	transform:translateY(12px);
	transition:opacity .7s ease, transform .7s ease;
	will-change:opacity, transform;
}

.reveal.show {
	opacity:1;
	transform:none;
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
}