/* Scss Document */
#sec1, #sec2 {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden; }

#contents {
  background: #fff; }
  #contents .lead,
  #contents .en {
    color: #111; }
  #contents #sec3 .note {
    color: #111; }

.categoly {
  margin: 3% auto;
  text-align: center; }

.items {
  width: 90%;
  max-width: 1100px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden;
  margin: 5% auto; }
  .items img {
    width: 100%;
    height: auto; }
  .items ul {
    text-align: center; }
    .items ul li {
      display: inline-block;
      width: 30%;
      margin: 1.5%;
      vertical-align: top;
      text-align: left; }
      .items ul li .lead {
        line-height: 1.2; }
    .items ul .lead_half:after {
      content: '';
      display: block;
      clear: both; }
    .items ul .lead_half .lead {
      width: 50%;
      float: left;
      box-sizing: border-box;
      padding-right: 1em; }
      .items ul .lead_half .lead:last-child {
        padding-left: 2%;
        padding-right: 0; }
  @media (max-width: 480px) {
    .items ul li {
      width: 47%; }
      .items ul li .lead {
        font-size: 11px; } }

#sec2 .cf .base {
  width: 33.2%;
  float: left;
  margin-left: 0.1%; }

#sec3 .items ul {
  overflow: hidden; }
  #sec3 .items ul li {
    width: 23%;
    float: left;
    margin: 1%; }
    #sec3 .items ul li.double {
      width: 48%; }
    @media (max-width: 480px) {
      #sec3 .items ul li {
        float: none;
        width: 43%;
        margin: 2%; }
        #sec3 .items ul li.double {
          width: 90%; } }

#sec5 {
  max-width: 1000px;
  width: 90%;
  padding-top: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  margin: 30px auto 0; }
  #sec5 .inner {
    max-width: 1000px; }
  #sec5 h4 {
    font-size: 18px; }
  #sec5 .column2 {
    background: #eeebe2;
    padding: 5px; }
    #sec5 .column2 .inner {
      border: 2px solid #867062;
      padding: 30px;
      overflow: hidden; }
      #sec5 .column2 .inner .txtArea {
        float: left;
        text-align: left;
        color: #000;
        width: 65%; }
        #sec5 .column2 .inner .txtArea h5 {
          font-size: 11px; }
          #sec5 .column2 .inner .txtArea h5 b {
            font-weight: normal;
            font-size: 20px;
            color: #766730;
            display: block;
            margin-bottom: 10px; }
        #sec5 .column2 .inner .txtArea p {
          font-size: 13px;
          line-height: 1.8; }
      #sec5 .column2 .inner .pic {
        width: 30%;
        float: right; }
        #sec5 .column2 .inner .pic img {
          width: 100%;
          height: auto; }
      @media (max-width: 640px) {
        #sec5 .column2 .inner .txtArea {
          float: none;
          width: 100%;
          margin-bottom: 20px; }
        #sec5 .column2 .inner .pic {
          float: none;
          width: 100%; } }

#time_sc {
  text-align: center;
  width: 90%;
  margin: 0 auto 10%; }
  #time_sc .pic {
    max-width: 700px;
    margin: auto; }
    #time_sc .pic img {
      width: 100%;
      height: auto; }
  #time_sc .txt {
    max-width: 700px;
    margin: 15px auto 0;
    text-align: left !important;
    width: 100%; }
    #time_sc .txt .note {
      display: inline-block; }

#sec6 {
  text-align: center; }
  #sec6 .note {
    text-align: left; }
  #sec6 h4 {
    font-size: 18px; }
  #sec6 .column {
    width: 90%;
    max-width: 1100px;
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 3%;
    padding: 3% 0 5%;
    color: #111;
    background: #fff; }
    #sec6 .column .inner {
      width: 90%;
      max-width: 700px;
      margin: auto; }
    #sec6 .column h6 {
      font-size: 15px;
      line-height: 1.3;
      font-weight: bold;
      text-align: center; }
    #sec6 .column .note {
      margin-top: 30px; }