/* pc */
@media only screen and (min-width: 769px) {

  [data-id="1768081"] .jsp-background-image-1768081{
    background-image: initial !important;
  }
  
  [data-id="1768081"]  .p-layout-media{
    background-image: url("/files/header_about_history_tcm111-1693987.png");
    height: 480px;  
  }

  [data-id="1768081"] .p-media-layout-02__hdg{
    margin-bottom: initial;
  }

  .c-heading-2 {
    margin: 2% auto;
  }
  .c-heading-2 h2 {
    text-align: center;
    position: relative;
    color: #142744;
    font-weight: 600;
    background: -webkit-linear-gradient(#8897b2, #142744 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .c-heading-2 h2:before, .c-heading-2 h2:after {
    content: '';
    position: absolute;
    top: 50%;
    /* display: inline-block; */
    height: 4px;
    background-color: #828496;
  }
  .c-heading-2 h2:before {
    left: 0;
  }
  .c-heading-2 h2:after {
    right: 0;
  }

  .c-heading-2 h2 {
    font-size: 2.6em;
    line-height: 1.8em;
  }
  .c-heading-2 h2:before, .c-heading-2 h2:after {
    width: 20%
  }
  .c-heading-2 h2:before {
    margin-left: 22%;
  }
  .c-heading-2 h2:after {
    margin-right: 22%;
  }


  :is([data-id="1758788"],[data-id="1763258"],[data-id="1765511"],[data-id="1749823"],[data-id="1749471"],[data-id="1749316"],[data-id="1750620"],[data-id="1749695"]
  ,[data-id="1753886"],[data-id="1749421"],[data-id="1758649"],[data-id="1753626"],[data-id="1751342"],[data-id="1749981"],[data-id="1758110"]
  ,[data-id="1750038"],[data-id="1749583"],[data-id="1752329"],[data-id="1754148"],[data-id="1754540"],[data-id="1749649"],[data-id="1749472"]
  ,[data-id="1749612"],[data-id="1752175"],[data-id="1759826"],[data-id="1753755"]) {
    padding:30px 0px;
    .l-inner{
      padding: 0; 
      margin: auto;
      border: 1px solid #6b6b6b;
      width:60%;
    }
    .p-media-layout-02 h3 {
      background: #6a6a68;
      padding: 10px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      letter-spacing: 0.2em;
      margin-top: 0;
      background: linear-gradient(#6a6a68 , #353535 80%);
    }
    .p-media-layout-02 .c-text {
      padding: 20px 30px;
      margin: 0;
      color: #6b6b6b;
    }
  }
}



/* sp */
@media only screen and (max-width: 768px) {

  [data-id="1768081"] h3{
    font-size:30px !important;
  }

  [data-id="1768081"] .p-layout-media{
    margin-bottom: initial;
  }
  [data-id="1768081"] .jsp-background-image-1768081 .p-media-layout__inner{
    width:100% !important;
    background:initial !important;
    color:#000 !important;
    font-family: Oswald,'Lucida Grande',sans-serif;
    text-shadow: initial !important;
    margin:1% auto !important;
  }

 
  .c-heading-2 {
    margin: 2% auto;
  }
  .c-heading-2 h2 {
    text-align: center;
    position: relative;
    color: #142744;
    font-weight: 600;
    background: -webkit-linear-gradient(#8897b2, #142744 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .c-heading-2 h2:before, .c-heading-2 h2:after {
    content: '';
    position: absolute;
    top: 50%;
    /* display: inline-block; */
    height: 4px;
    background-color: #828496;
  }
  .c-heading-2 h2:before {
    left: 0;
  }
  .c-heading-2 h2:after {
    right: 0;
  }

  .c-heading-2 h2 {
    font-size: 2.6em;
    line-height: 1.8em;
  }
  .c-heading-2 h2:before, .c-heading-2 h2:after {
    width: 20%
  }
  .c-heading-2 h2:before {
    margin-left: 12%;
  }
  .c-heading-2 h2:after {
    margin-right: 12%;
  }


  :is([data-id="1758788"],[data-id="1763258"],[data-id="1765511"],[data-id="1749823"],[data-id="1749471"],[data-id="1749316"],[data-id="1750620"],[data-id="1749695"]
  ,[data-id="1753886"],[data-id="1749421"],[data-id="1758649"],[data-id="1753626"],[data-id="1751342"],[data-id="1749981"],[data-id="1758110"]
  ,[data-id="1750038"],[data-id="1749583"],[data-id="1752329"],[data-id="1754148"],[data-id="1754540"],[data-id="1749649"],[data-id="1749472"]
  ,[data-id="1749612"],[data-id="1752175"],[data-id="1759826"],[data-id="1753755"]) {
    padding:10px 0px;
    .l-inner{
      padding: 0; 
      margin: auto;
      border: 1px solid #6b6b6b;
      width:90%;
    }
    .p-media-layout-02 h3 {
      background: #6a6a68;
      padding: 10px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      letter-spacing: 0.2em;
      margin-top: 0;
      background: linear-gradient(#6a6a68 , #353535 80%);
    }
    .p-media-layout-02 .c-text {
      padding: 10px 15px;
      margin: 0;
      color: #6b6b6b;
    }
  }
}