@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Bold';
  src: url("/assets/font/NotoSerifCJKjp-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Noto Sans Regular';
  src: url("/assets/font/NotoSerifCJKjp-Regular.woff") format("woff"); }

#wrapper .page {
  padding-bottom: 0; }
  #wrapper .page .img_header {
    background: url("/assets/images/center/img_header.jpg") no-repeat center;
    background-size: cover; }
  #wrapper .page .content h3 {
    margin-bottom: 20px; }
    #wrapper .page .content h3::after, #wrapper .page .content h3::before {
      display: none; }
  #wrapper .page .content .read {
    position: relative;
    width: 100%;
    height: 320px;
    margin-bottom: 66px;
    background: url("/assets/images/center/bg_about.jpg") no-repeat center;
    background-size: 100% auto;
    color: #fff; }
    @media (max-width: 768px) {
      #wrapper .page .content .read {
        background-size: cover; } }
    #wrapper .page .content .read .read-inner {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
      padding: 0 70px; }
      @media (max-width: 768px) {
        #wrapper .page .content .read .read-inner {
          padding: 0 50px; } }
      #wrapper .page .content .read .read-inner .read-title {
        font-size: 30px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Sans Bold", serif;
        font-weight: normal;
        margin-bottom: 45px; }
      #wrapper .page .content .read .read-inner .read-text {
        font-size: 20px;
        line-height: 1.8; }
        @media (max-width: 768px) {
          #wrapper .page .content .read .read-inner .read-text {
            font-size: 22px; } }
  #wrapper .page .content .history01 {
    padding-bottom: 44px;
    border-bottom: 1px solid #cdcdcd; }
    #wrapper .page .content .history01 p {
      margin-bottom: 16px;
      line-height: 1.7; }
      @media (max-width: 768px) {
        #wrapper .page .content .history01 p {
          font-size: 22px;
          line-height: 1.4; } }
    #wrapper .page .content .history01 dl {
      background: #ffe9f1;
      margin-bottom: 18px;
      padding: 18px 23px; }
      @media (max-width: 768px) {
        #wrapper .page .content .history01 dl {
          height: 152px;
          line-height: 1.6; } }
      #wrapper .page .content .history01 dl dt {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 8px; }
        @media (max-width: 768px) {
          #wrapper .page .content .history01 dl dt {
            font-size: 24px; } }
      @media (max-width: 768px) {
        #wrapper .page .content .history01 dl dd {
          font-size: 22px; } }
  #wrapper .page .content .merit {
    padding-top: 44px;
    padding-bottom: 66px; }
    #wrapper .page .content .merit p {
      margin-bottom: 16px; }
    #wrapper .page .content .merit .merit-inner {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      #wrapper .page .content .merit .merit-inner:last-of-type {
        margin-bottom: 0; }
        @media (max-width: 768px) {
          #wrapper .page .content .merit .merit-inner:last-of-type dl dt {
            height: 38px; }
          #wrapper .page .content .merit .merit-inner:last-of-type dl dd {
            height: 144px; } }
      #wrapper .page .content .merit .merit-inner dl {
        background: #ffe9f1;
        padding: 18px 23px;
        line-height: 1.8;
        width: 510px; }
        @media (max-width: 768px) {
          #wrapper .page .content .merit .merit-inner dl {
            width: 344px;
            line-height: 1.6; } }
        #wrapper .page .content .merit .merit-inner dl:nth-of-type(2) {
          margin-left: 20px; }
        #wrapper .page .content .merit .merit-inner dl dt {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 8px; }
          @media (max-width: 768px) {
            #wrapper .page .content .merit .merit-inner dl dt {
              font-size: 24px; } }
        @media (max-width: 768px) {
          #wrapper .page .content .merit .merit-inner dl dd {
            font-size: 22px; } }
  #wrapper .page .history02 {
    padding-top: 66px;
    padding-bottom: 100px;
    background: #f1f1f1;
    line-height: 1.7; }
    @media (max-width: 768px) {
      #wrapper .page .history02 {
        padding-top: 30px;
        padding-bottom: 40px; } }
    #wrapper .page .history02 .history02-inner dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 2px; }
      #wrapper .page .history02 .history02-inner dl dt,
      #wrapper .page .history02 .history02-inner dl dd {
        padding: 14px 14px; }
      #wrapper .page .history02 .history02-inner dl dt {
        width: 154px;
        background: #fff;
        margin-right: 2px; }
        @media (max-width: 768px) {
          #wrapper .page .history02 .history02-inner dl dt {
            width: 190px;
            font-size: 22px; } }
      #wrapper .page .history02 .history02-inner dl dd {
        width: 884px;
        background: #fff; }
        @media (max-width: 768px) {
          #wrapper .page .history02 .history02-inner dl dd {
            width: 516px;
            font-size: 22px; } }