.red {
  color: #9A4335; }

#pagettl {
  background-image: url("../common/img/pagettl-bg2.jpg"); }

/*============================
#main
============================*/
article#main .facil {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4em;
  background: #fff;
  padding: 2em; }
  @media screen and (max-width: 767px) {
    article#main .facil {
      display: block;
      padding: 20px; } }
  article#main .facil figure {
    flex: 0 0 30%; }
    @media screen and (max-width: 767px) {
      article#main .facil figure {
        margin-bottom: 1em; } }
    article#main .facil figure img {
      display: block;
      margin-bottom: 2px; }
  article#main .facil dl {
    flex: 0 0 65%; }
    article#main .facil dl dt {
      color: #AE9A5A;
      font-size: 140%;
      margin-bottom: 0.7em;
      line-height: 1.5; }
      @media screen and (max-width: 767px) {
        article#main .facil dl dt br {
          display: none; } }
    article#main .facil dl dt:nth-of-type(2) {
      margin-top: 1em; }
    article#main .facil dl dd p {
      margin-bottom: 1em; }
    article#main .facil dl dd table {
      margin-bottom: 1em; }
      article#main .facil dl dd table th, article#main .facil dl dd table td {
        font-size: 90%; }
      article#main .facil dl dd table th {
        white-space: nowrap; }
    article#main .facil dl dd .maruList {
      margin-bottom: 1em; }
    article#main .facil dl dd .flex.col2 {
      margin-bottom: 1em; }
      @media screen and (max-width: 767px) {
        article#main .facil dl dd .flex.col2 {
          display: block; } }
      article#main .facil dl dd .flex.col2 > div {
        flex: 0 0 48%; }
    article#main .facil dl dd h4 {
      font-size: 140%;
      color: #AE9A5A; }