#first {
  margin: 8.125em 0; }
  #first .txt01 {
    text-align: center; }
  #first .txt02 {
    text-align: center; }
  @media screen and (max-width: 767px) {
    #first {
      margin-top: 2.3076923077em;
      margin-bottom: 5.5384615385em; }
      #first .txt02 {
        text-align: left; } }

#philosophy {
  margin-bottom: 8.125em; }
  #philosophy .txt01 {
    text-align: center;
    font-size: 1.6875em;
    line-height: 2.037037037em;
    letter-spacing: 0;
    color: #004714;
    margin-top: -0.9375em; }
  #philosophy .cbox {
    position: relative; }
    #philosophy .cbox .icon {
      position: absolute;
      top: 0;
      right: 3.9375em;
      width: 17.5em;
      transform: translateY(-50%); }
  @media screen and (max-width: 767px) {
    #philosophy {
      margin-bottom: 5.6923076923em; }
      #philosophy .cbox .icon {
        right: 1.3846153846em;
        width: 7.3076923077em;
        transform: translateY(-50%); }
      #philosophy .txt01 {
        font-size: 1.2307692308em;
        line-height: 1.6875em;
        letter-spacing: 0;
        margin-top: 0; }
        #philosophy .txt01 p:not(:last-child) {
          margin-bottom: 0.75em; } }

#overview {
  margin-bottom: 8.75em; }
  #overview .table01 {
    margin-bottom: 7em; }
  #overview .gmap_base {
    position: relative;
    overflow: hidden; }
    #overview .gmap_base::before {
      content: "";
      display: block;
      padding-top: 52.0833333333%; }
    #overview .gmap_base #gmap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media screen and (max-width: 767px) {
    #overview {
      margin-bottom: 5.6923076923em; }
      #overview .table01 {
        margin-bottom: 3.2307692308em; }
      #overview .gmap_base {
        margin-left: -2.3076923077rem;
        margin-right: -2.3076923077rem;
        border-radius: 0; }
        #overview .gmap_base::before {
          padding-top: 93.75%; } }

#history {
  margin-bottom: 8.125em; }
  #history .cbox {
    position: relative; }
    #history .cbox .icon {
      position: absolute;
      top: 1.25em;
      left: 1.25em;
      width: 18.0625em;
      transform: translate(-50%, -50%); }
  @media screen and (max-width: 1280px) {
    #history .cbox .icon {
      left: 1.25em;
      transform: translateY(-50%); } }
  @media screen and (max-width: 767px) {
    #history {
      margin-bottom: 5.6923076923em; }
      #history .cbox .icon {
        left: 1.1538461538em;
        width: 7.8461538462em;
        transform: translateY(-50%); } }

#sdgs {
  margin-bottom: 9.375em; }
  #sdgs .w960 {
    position: relative; }
  #sdgs .icon {
    position: absolute;
    width: 9.375em;
    left: 0;
    top: -1.25em; }
  #sdgs h3 {
    margin-bottom: 4.375em; }
  #sdgs .txt01 {
    text-align: center; }
  #sdgs .txt02 {
    text-align: center;
    margin-bottom: 4.125em; }
  #sdgs .sdgs_list .sdgs_item {
    display: flex;
    justify-content: space-between; }
    #sdgs .sdgs_list .sdgs_item:not(:last-child) {
      margin-bottom: 4.5em; }
    #sdgs .sdgs_list .sdgs_item > .sdgs_icon {
      width: 23.4375%;
      line-height: 0; }
      #sdgs .sdgs_list .sdgs_item > .sdgs_icon img {
        width: 100%; }
    #sdgs .sdgs_list .sdgs_item > .content {
      width: 70.3125%; }
      #sdgs .sdgs_list .sdgs_item > .content .gole {
        color: #004714;
        font-size: 1.25em;
        line-height: 1em;
        letter-spacing: 0.050em;
        font-weight: bold;
        margin-bottom: 0.8em; }
      #sdgs .sdgs_list .sdgs_item > .content .photos2 {
        margin-top: 2.5em; }
  #sdgs .sdgs_list .sdgs05_txt01 {
    margin-bottom: 2.5em; }
  @media screen and (max-width: 767px) {
    #sdgs {
      margin-bottom: 5.6923076923em; }
      #sdgs .icon {
        top: -3.8461538462em;
        left: 0;
        width: 5em; }
      #sdgs h3 {
        margin-bottom: 2.9230769231em; }
      #sdgs .txt02 {
        text-align: left;
        margin-bottom: 5.3846153846em; }
      #sdgs .sdgs_list .sdgs_item {
        flex-direction: column; }
        #sdgs .sdgs_list .sdgs_item:not(:last-child) {
          margin-bottom: 3.4615384615em; }
        #sdgs .sdgs_list .sdgs_item > .sdgs_icon {
          width: 9.2307692308em;
          margin: 0 auto; }
        #sdgs .sdgs_list .sdgs_item > .content {
          width: 100%;
          margin-top: 2.3076923077em; }
          #sdgs .sdgs_list .sdgs_item > .content .gole {
            font-size: 1.0769230769em; }
          #sdgs .sdgs_list .sdgs_item > .content .photos2 {
            margin-top: 2em; }
      #sdgs .sdgs_list .sdgs05_txt01 {
        margin-bottom: 0; } }

#csr .cbox {
  position: relative; }
  #csr .cbox .icon {
    position: absolute;
    top: 10.3125em;
    right: 1.8125em;
    width: 17.5em;
    transform: translate(50%, -50%); }
#csr .l_item.l02 .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto; }
  #csr .l_item.l02 .btns .btn1 {
    width: 41.3333333333%;
    margin-top: 1.9230769231em; }
  #csr .l_item.l02 .btns .imglink {
    line-height: 0;
    width: 53.1111111111%;
    margin-top: 1.9230769231em;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    #csr .l_item.l02 .btns .imglink:active, #csr .l_item.l02 .btns .imglink:hover {
      filter: alpha(opacity=60);
      -webkit-opacity: 0.6;
      -moz-opacity: 0.6;
      opacity: 0.6; }
    #csr .l_item.l02 .btns .imglink img {
      width: 100%; }
#csr .l_item.l03 .morebtn {
  margin-top: auto; }
  #csr .l_item.l03 .morebtn .btn1 {
    width: 100%;
    margin-top: 1.9230769231em; }
@media screen and (max-width: 1280px) {
  #csr .cbox .icon {
    right: 1.25em;
    transform: translateY(-50%); } }
@media screen and (max-width: 767px) {
  #csr .cbox .icon {
    top: 0;
    right: 1.5384615385em;
    width: 7.3076923077em;
    transform: translateY(-50%); }
  #csr .l_item.l02 .btns {
    flex-direction: column; }
    #csr .l_item.l02 .btns .btn1 {
      width: 13.4615384615em; }
    #csr .l_item.l02 .btns .imglink {
      line-height: 0;
      width: 20em;
      margin-top: 2.1538461538em; }
  #csr .l_item.l03 .morebtn {
    text-align: center; }
    #csr .l_item.l03 .morebtn .btn1 {
      width: 13.4615384615em; } }