/*! ========================================================================
===========================================================================

	outline.css
	---------------------------
	// Last modified: 20260106

===========================================================================
======================================================================== */
.contentsBlock {padding: 100px 0 0;}
@media(max-width: 767px) {
  .contentsBlock { padding: 70px 0 0;}
}
.page-header {
  padding: 5% 0;
  text-align: center;
  background: #be9461;
}
.page-header h2 {
  color: #fff;
  font-size: 230%;
  letter-spacing: 0.1em;
}
@media(max-width: 767px) {
  .page-header {padding: 10% 0 8%;}
  .page-header h2 {font-size: 180%;}
}
.contentsBody h3 {
  margin: 0 auto 2%;
  text-align: center;
  font-size: 150%;
  letter-spacing: 0.1em;
}
@media(max-width: 767px) {
  .contentsBody h3 {
    margin: 0 auto 5%;
    font-size: 120%;
  }
}
.p_outlineTable {
  width: 100%;
  margin: 0 auto 2%;
  table-layout: fixed;
  border-top: 1px solid #ccc
}
.p_outlineTable th, .p_outlineTable td {
  padding: .75em 1.5em;
  border-bottom: 1px solid #ccc
}
.p_outlineTable th {
  width: 30%;
  background: #e9f2f3;
  text-align: left;
  font-weight: bold
}
@media(max-width: 767px) {
  .p_outlineTable {
    margin: 0 auto 5%;
    font-size: 90%;
  }
  .p_outlineTable th, .p_outlineTable td {padding: .5em .75em}
  .p_outlineTable th {width: 40%}
}
p.note {
  margin: 2% auto;
  font-size: 80%;
}
@media(max-width: 767px) {
  p.note {margin: 5% auto;}
}
.yokoku dl {
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 90%;
}
.yokoku dl dt {
  width: 20%;
  padding: 1% 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  letter-spacing: 0.1em;
}
.yokoku dl dd {
  width: 78%;
  text-align: justify;
}
@media(max-width: 767px) {
  .yokoku dl dt {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em
  }
  .yokoku dl dd {width: 100%;}
}