#mid_box {
  width:1000px;
  margin:30px auto;
}

h2 { margin-top:0px; margin-bottom:0px; }

h2.title {
  display:inline-flex;
  align-items:center;
  gap:.5em;
  line-height:1.2;
}

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:800px;
  margin:5px auto;
  padding:10px;
}

.s_box {
  border:5px solid #eee;
  padding:0px;
  margin:40px auto 0px auto;
  border-radius:10px;
  overflow:hidden;
}

h3 {
  margin:0;
  background-color:#2381b7;
  padding:10px 20px;
  color:#fff;
  border-radius:5px 5px 0 0;
  font-size:20px;
  line-height:1.5;
}

.information_body {
  padding:25px 30px 30px;
}

.information_body p {
  margin:0 0 1.2em;
  line-height:2em;
}

.information_body h4 {
  margin:30px 0 15px;
  padding:8px 12px;
  border-left:5px solid #2381b7;
  border-bottom:1px solid #ddd;
  color:#333;
  font-size:18px;
}

.information_body ul {
  margin:10px 0 20px;
  padding-left:2em;
}

.information_body ul li {
  margin:0 0 5px;
  line-height:1.8em;
}

.information_signature,
.information_date {
  text-align:right;
}

.information_signature {
  margin-top:30px;
}

.information_note {
  padding:12px 15px;
  background:#f7f7f7;
  font-size:14px;
}

.rule_block {
  margin:15px 0 20px;
}

.interview_rules {
  margin:5px 0 0 2.5em;
  padding:0;
  list-style:none;
  counter-reset:interview-rule;
}

.interview_rules li {
  counter-increment:interview-rule;
  position:relative;
  margin:0 0 10px;
  padding-left:2.2em;
  line-height:1.9em;
}

.interview_rules li::before {
  content:"(" counter(interview-rule) ")";
  position:absolute;
  left:0;
  top:0;
}

.interview_box {
  margin:10px 0 0;
  padding:15px 20px 8px;
  border:1px solid #ccc;
  border-radius:5px;
  background:#fff;
}

.information_date_bottom {
  margin-top:25px !important;
}


/* スマートフォン表示 */
@media screen and (max-width: 767px) {
	#mid_box {
		width:100%;
		margin:20px auto;
	}

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

	.s_box {
		width:auto;
		margin:25px 0 0 0;
		box-sizing:border-box;
	}

	.s_box p {
		margin-left:15px;
		margin-right:15px;
	}

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

	h3 span {
		float:none;
		display:block;
		text-align:left;
		margin:4px 0 0 0;
		font-size:13px;
	}

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


/* お知らせ本文内の小見出しマーク */
.information_body h4 {
  position:relative;
  padding-left:30px;
}

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


/* 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;
	}
}