@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {background: url("../img/outline/outline_bg01_pc.webp") no-repeat center/cover;}
.block-outline-01 .container:nth-child(1) {padding-top: 6em;}
.block-outline-01 .container + .container {margin-top: 3em;}
.block-outline-01 .container table + table {margin-top: 3em;}
.block-outline-01 .container table {width: 100%;}
.block-outline-01 .container table tr th,
.block-outline-01 .container table tr td {padding: 1.25em 1.5em 1.2em;}
.block-outline-01 .container table tr th {color: var(--blue-03);line-height: 1;width: 18em;background: linear-gradient(to right,#e1e5ea,#c5ccd4);}
.block-outline-01 .container table tr + tr th {border-top: 1px solid #fff;}
.block-outline-01 .container table tr td {padding-left: 3.5em;}
.block-outline-01 .container table tr + tr td {border-top: 1px solid #d8dde3;}
.block-outline-01 .container table tr.teaser td {font-size: 14px;line-height: 2.2;}
.block-outline-01 .container table tr.teaser td strong {display: block;font-size: 24.9px;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .block-outline-01 .container:nth-child(1) {padding-top: 2em;}
  .block-outline-01 .container table tr th,
  .block-outline-01 .container table tr td {display: block;width: 100%;padding: 0.75em 0.5em 0.7em !important;}
  .block-outline-01 .container table tr.teaser td {font-size: 10px;}
  .block-outline-01 .container table tr.teaser td strong {font-size: 13px;}
  /*.block-note .container:nth-child(1) p {font-size: 10px;}
  .block-note .container:nth-child(1) p strong {font-size: 13px;}*/  
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}