.red {
  color: #C30D23; }

.blue {
  color: #036EB8; }

/*============================
#bigTtl
============================*/
#bigTtl {
  background-image: url("img/03/mainvisual.jpg"); }

/*============================
#sec01
============================*/
section#sec01 {
  margin-bottom: 100px; }
  section#sec01 div.clm2 {
    max-width: 1000px;
    margin: 0 auto 65px;
    text-align: left;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      section#sec01 div.clm2 {
        display: block;
        margin: 0 auto 30px; } }
    section#sec01 div.clm2 figure {
      flex: 0 0 60%; }
    section#sec01 div.clm2 div {
      flex: 0 0 35.3%; }
      section#sec01 div.clm2 div p {
        font-size: 16px;
        line-height: 1.6875; }
        @media screen and (max-width: 767px) {
          section#sec01 div.clm2 div p {
            padding-top: 1em; } }
    section#sec01 div.clm2:nth-of-type(1) {
      flex-direction: row-reverse; }

/*============================
#kataoka
============================*/
#kataoka {
  padding: 50px 20px 100px; }
  #kataoka .flex {
    max-width: 1000px;
    border: 1px solid #4C84BE;
    padding: 2em;
    margin: auto; }
    @media screen and (max-width: 767px) {
      #kataoka .flex {
        display: block; } }
    #kataoka .flex div h2 {
      padding-bottom: 0.5em; }
    #kataoka .flex div p {
      font-size: 15px;
      line-height: 1.8; }
    #kataoka .flex figure {
      flex: 0 0 35%;
      margin-left: 1em; }
      @media screen and (max-width: 767px) {
        #kataoka .flex figure {
          margin: 1em 0 0; } }

/*============================
#present
============================*/
/*============================
#floor
============================*/