.red {
  color: #9A4335; }

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

/*============================
#main
============================*/
article#main {
  /*============================
  #sec01
  ============================*/
  /*============================
  #sec02
  ============================*/
  /*============================
  #sec03
  ============================*/
  /*============================
  #sec04
  ============================*/
  /*============================
  #sec05
  ============================*/ }
  article#main section div.flex.photos {
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      article#main section div.flex.photos {
        display: block; } }
    article#main section div.flex.photos figure {
      flex: 0 0 48%;
      margin-bottom: 1em; }
  article#main section#sec02.sec.bg div.w960 div.well {
    margin-top: 3em;
    text-align: center; }
    article#main section#sec02.sec.bg div.w960 div.well h3 {
      font-size: 140%;
      margin-bottom: 0.5em; }
    article#main section#sec02.sec.bg div.w960 div.well table {
      margin: auto;
      width: 100%; }
      article#main section#sec02.sec.bg div.w960 div.well table tbody tr td {
        text-align: left; }
  article#main section#sec03.sec div.w960 div.flex {
    align-items: center; }
    @media screen and (max-width: 767px) {
      article#main section#sec03.sec div.w960 div.flex {
        display: block; } }
    article#main section#sec03.sec div.w960 div.flex div {
      flex: 0 0 48%; }
      article#main section#sec03.sec div.w960 div.flex div h3 {
        font-size: 150%;
        padding-bottom: 1em;
        line-height: 1.2; }
        @media screen and (max-width: 767px) {
          article#main section#sec03.sec div.w960 div.flex div h3 {
            font-size: 125%;
            padding-top: 0.7em; } }
  article#main section#sec05.sec div.w960 div.flex {
    margin-bottom: 3em; }
  article#main section#sec05.sec div.w960 div.well.togoal {
    border: 2px solid #010080;
    margin-bottom: 2em; }
    article#main section#sec05.sec div.w960 div.well.togoal figure {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        article#main section#sec05.sec div.w960 div.well.togoal figure {
          display: block; } }
      article#main section#sec05.sec div.w960 div.well.togoal figure span {
        flex: 0 0 20%; }
        @media screen and (max-width: 767px) {
          article#main section#sec05.sec div.w960 div.well.togoal figure span {
            width: 60%;
            display: block;
            margin: auto; } }
      article#main section#sec05.sec div.w960 div.well.togoal figure figcaption {
        color: #010080;
        padding: 0 0 0 2em; }
        @media screen and (max-width: 767px) {
          article#main section#sec05.sec div.w960 div.well.togoal figure figcaption {
            padding: 1em 0 0 0; } }
        article#main section#sec05.sec div.w960 div.well.togoal figure figcaption a {
          color: #010080;
          text-decoration: underline; }
          article#main section#sec05.sec div.w960 div.well.togoal figure figcaption a:hover {
            text-decoration: none; }
  article#main section#sec05.sec div.w960 div.well.suisosui {
    border: 2px solid #ddd; }
    article#main section#sec05.sec div.w960 div.well.suisosui figure {
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }
      @media screen and (max-width: 767px) {
        article#main section#sec05.sec div.w960 div.well.suisosui figure {
          display: block; } }
      article#main section#sec05.sec div.w960 div.well.suisosui figure span {
        flex: 0 0 30%; }
      article#main section#sec05.sec div.w960 div.well.suisosui figure figcaption {
        padding: 0 2em 0 0; }
        @media screen and (max-width: 767px) {
          article#main section#sec05.sec div.w960 div.well.suisosui figure figcaption {
            padding: 1em 0 0 0; } }
        article#main section#sec05.sec div.w960 div.well.suisosui figure figcaption h3 {
          font-size: 150%;
          margin-bottom: 1em;
          line-height: 1.2; }
          article#main section#sec05.sec div.w960 div.well.suisosui figure figcaption h3 small {
            background: #9A4335;
            color: #fff;
            display: inline-block;
            padding: 0.3em 0.5em 0.2em;
            margin-left: 0.5em;
            line-height: 1;
            border-radius: 0.2em;
            font-size: 60%; }