@charset "utf-8";
/* Outline */
#outline{padding-bottom: 30px;}
#outline h5{margin-bottom: 1em; padding: .5em;  background-color: rgba(0,0,0,.3); letter-spacing: .1em;}
.outline-box{margin-bottom: 60px;}
.outline-tbl{width: 100%;}
.outline-tbl th{width: 25%; min-width: 190px; background-color: rgba(0,0,0,.1);}
.outline-tbl th,
.outline-tbl td{padding: .5em 1em; border-bottom: 1px solid #777; vertical-align: top;}

.cap_l {
    text-align: left;
    font-size: 10px;
}

/* Media */
@media only screen and (max-width: 767px){ 
    .outline-tbl,
    .outline-tbl tbody,
    .outline-tbl tr,
    .outline-tbl th,
    .outline-tbl td{display: block; width: 100%; border-bottom: none;}
    .outline-tbl tr{margin-bottom: 10px;}
}

.yokokuBox {
  margin-bottom: 40px; }

@media (min-width: 701px) {
  .yokokuBox {
    display: flex;
    align-items: stretch;
    justify-content: center; } }
.yokokuBox .yokokuBox__header {
  display: flex;
  border: 1px solid #000;
  align-items: center;
  justify-content: center; }

@media (min-width: 701px) {
  .yokokuBox .yokokuBox__header {
    width: 200px;
    margin-right: 20px; } }
@media (max-width: 700px) {
  .yokokuBox .yokokuBox__header {
    margin-bottom: 10px;
    padding: 10px; } }
.yokokuBox .yokokuBox__body {
  font-size: 12px;
  text-align: justify; }

@media (min-width: 701px) {
  .yokokuBox .yokokuBox__body {
    width: calc(100% - 200px); } }
.yokoku {
  margin-top: 10px;
  display: flex; }
  @media screen and (max-width: 768px) {
    .yokoku {
      display: block;
      margin-top: 15px; } }
  .yokoku .l_cont {
    font-weight: bold;
    width: 5em;
    margin-right: 0.5em;
    padding: 5px;
    border: 1px solid #000;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .yokoku .l_cont {
        width: auto;
        margin: 0 auto 10px; } }
  .yokoku .r_cont {
    width: calc(100% - 5.5em);
    font-size: 10px;
    line-height: 1.5; }
    @media screen and (max-width: 768px) {
      .yokoku .r_cont {
        width: auto; } }