@charset "UTF-8";
/*英字*/
/* -----------------------------------------------------
	aboutus
----------------------------------------------------- */
#about .readWrap {
  margin: 110px auto 100px; }
  @media screen and (max-width: 768px) {
    #about .readWrap {
      margin: 15.625vw auto 10.41667vw; } }
  #about .readWrap .readTttl {
    background: url(../img/about/txt-read.svg) center/contain no-repeat;
    height: 47px;
    margin-bottom: 70px; }
    @media screen and (max-width: 768px) {
      #about .readWrap .readTttl {
        height: 6.77083vw;
        margin-bottom: 14.32292vw; } }
    #about .readWrap .readTttl span {
      border: 0;
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      clip: rect(0, 0, 0, 0);
      height: 1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
  #about .readWrap p {
    font-weight: 700;
    text-align: center;
    line-height: 1.875;
    margin-bottom: 1.875em; }
    @media screen and (max-width: 768px) {
      #about .readWrap p {
        font-size: 3.64583vw;
        text-align: left; } }

#about .ceoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e5e5e5;
  padding-top: 90px;
  padding-bottom: 110px; }
  @media screen and (max-width: 768px) {
    #about .ceoWrap {
      padding: 11.71875vw 0 19.53125vw;
      margin: 0 6.51042vw; } }
  #about .ceoWrap h3 {
    font-size: 2.8rem;
    color: #009999;
    line-height: 1.25;
    margin-bottom: 55px; }
    #about .ceoWrap h3 span {
      display: block;
      font-family: 'Kanit',YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
      font-weight: 300;
      font-size: 3.6rem; }
    @media screen and (max-width: 768px) {
      #about .ceoWrap h3 {
        font-size: 4.6875vw;
        margin-bottom: 7.8125vw; }
        #about .ceoWrap h3 span {
          font-size: 5.98958vw; } }
  #about .ceoWrap .ceoComment p {
    font-weight: 700;
    text-align: left;
    line-height: 1.875;
    margin-bottom: 1.875em; }
    @media screen and (max-width: 768px) {
      #about .ceoWrap .ceoComment p {
        font-size: 3.64583vw;
        text-align: left; } }
  #about .ceoWrap .ceoPhoto {
    text-align: center;
    margin: 20% auto 0;
    max-width: 400px; }
    #about .ceoWrap .ceoPhoto .name {
      max-width: 241px;
      margin: 15px auto 0; }
    @media screen and (max-width: 768px) {
      #about .ceoWrap .ceoPhoto {
        width: 75.52083vw;
        max-width: 580px;
        margin-top: 2.60417vw;
        margin-bottom: 0; }
        #about .ceoWrap .ceoPhoto .name {
          width: 49.60938vw;
          max-width: 381px;
          margin: 3.25521vw auto 0; } }

#about .h3Ttl {
  font-family: 'Kanit',YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  font-size: 7.6rem;
  font-weight: 300; }
  @media screen and (max-width: 768px) {
    #about .h3Ttl {
      font-size: 9.375vw; } }
  #about .h3Ttl span {
    background: -webkit-linear-gradient(left, #007b7b, #00a9a9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  #about .h3Ttl + p {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-bottom: 70px; }
    @media screen and (max-width: 768px) {
      #about .h3Ttl + p {
        font-size: 3.64583vw;
        margin-bottom: 10.41667vw; } }

#about .group {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #about .group {
      padding-top: 10.41667vw;
      padding-bottom: 13.02083vw; } }
  #about .group h4 {
    font-size: 2.8rem;
    color: #009999;
    line-height: 1.25;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      #about .group h4 {
        font-size: 4.6875vw;
        margin-bottom: 7.8125vw;
        line-height: 1.5; } }
  #about .group .txtWrap p {
    font-weight: 400;
    text-align: left;
    line-height: 1.875;
    margin-bottom: 1.875em;
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      #about .group .txtWrap p {
        font-size: 3.64583vw;
        text-align: left; } }
    @media screen and (max-width: 768px) {
      #about .group .txtWrap p {
        margin-bottom: 7.8125vw; } }

#about .office {
  background-color: #009999;
  color: #fff;
  padding-top: 80px;
  padding-bottom: 100px; }
  #about .office .ft-w {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    #about .office {
      padding-top: 9.11458vw;
      padding-bottom: 13.02083vw; }
      #about .office .ft-w {
        font-size: 3.90625vw;
        margin-bottom: 5.20833vw; } }
  @media screen and (min-width: 769px) {
    #about .office .slider {
      width: 70%;
      margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    #about .office .slider {
      padding: 0 3.90625vw; } }
  #about .office .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #009999;
    width: 65px;
    height: 65px;
    background-color: #f1f1f1;
    overflow: hidden;
    border-radius: 50vw;
    -webkit-box-shadow: 3px 3px 5px rgba(79, 79, 88, 0.13), -3px -3px 5px #fff;
    box-shadow: 3px 3px 5px rgba(79, 79, 88, 0.13), -3px -3px 5px #fff;
    z-index: 2; }
    @media screen and (max-width: 768px) {
      #about .office .slick-arrow {
        width: 10.67708vw;
        height: 10.67708vw; } }
    #about .office .slick-arrow::before {
      content: "";
      width: 11px;
      height: 11px;
      border-top: solid 2px #009999;
      border-right: solid 2px #009999; }
      @media screen and (max-width: 768px) {
        #about .office .slick-arrow::before {
          width: 1.69271vw;
          height: 1.69271vw; } }
  #about .office .slick-prev {
    left: 4.17%; }
    #about .office .slick-prev::before {
      -webkit-transform: translateX(3px) rotate(225deg);
      -ms-transform: translateX(3px) rotate(225deg);
      transform: translateX(3px) rotate(225deg); }
  #about .office .slick-next {
    right: 4.17%; }
    #about .office .slick-next::before {
      -webkit-transform: translateX(-3px) rotate(45deg);
      -ms-transform: translateX(-3px) rotate(45deg);
      transform: translateX(-3px) rotate(45deg); }
  #about .office .slick-dots {
    padding-top: 30px; }
    @media screen and (max-width: 768px) {
      #about .office .slick-dots {
        padding-top: 3.90625vw; } }
  #about .office .slick-dotted.slick-slider {
    margin-bottom: 110px; }
    @media screen and (max-width: 768px) {
      #about .office .slick-dotted.slick-slider {
        margin-bottom: 14.32292vw; } }

#about .sdgs {
  background: #FFF;
  padding: 100px 0; }
  @media screen and (max-width: 768px) {
    #about .sdgs {
      padding: 11.71875vw 0 15.625vw; } }
  @media screen and (min-width: 769px) {
    #about .sdgs .imgBox {
      width: 70%;
      margin: 0 auto 80px; } }
  @media screen and (max-width: 768px) {
    #about .sdgs .imgBox {
      margin-bottom: 13.02083vw;
      padding: 0 3.90625vw; } }
  @media screen and (min-width: 769px) {
    #about .sdgs .sdgs_list {
      width: 70%;
      margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    #about .sdgs .sdgs_list {
      padding: 0 3.90625vw; } }
  #about .sdgs .sdgs_list .sdgs_list_box {
    text-align: left; }
    #about .sdgs .sdgs_list .sdgs_list_box + .sdgs_list_box {
      margin-top: 50px; }
      @media screen and (max-width: 768px) {
        #about .sdgs .sdgs_list .sdgs_list_box + .sdgs_list_box {
          margin-top: 13.02083vw; } }
    @media screen and (min-width: 769px) {
      #about .sdgs .sdgs_list .sdgs_list_box:last-of-type .sdgs_ttl,
      #about .sdgs .sdgs_list .sdgs_list_box:last-of-type .sdgs_overview {
        padding: 0 0; } }
    #about .sdgs .sdgs_list .sdgs_list_box::after {
      content: "";
      display: block;
      clear: both; }
    #about .sdgs .sdgs_list .sdgs_list_box .sdgs_logo {
      float: left;
      width: 180px; }
      #about .sdgs .sdgs_list .sdgs_list_box .sdgs_logo img {
        width: 74%; }
      @media screen and (max-width: 768px) {
        #about .sdgs .sdgs_list .sdgs_list_box .sdgs_logo {
          width: 30%; } }
    #about .sdgs .sdgs_list .sdgs_list_box .sdgs_ttl {
      float: right;
      width: calc(100% - 2% - 180px);
      font-size: 2.2rem;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        #about .sdgs .sdgs_list .sdgs_list_box .sdgs_ttl {
          width: calc(100% - 2% - 28%);
          font-size: 4.16667vw; } }
    #about .sdgs .sdgs_list .sdgs_list_box .sdgs_overview {
      float: right;
      width: calc(100% - 2% - 180px);
      margin-top: 30px;
      font-size: 1.6rem;
      line-height: 1.875; }
      @media screen and (max-width: 768px) {
        #about .sdgs .sdgs_list .sdgs_list_box .sdgs_overview {
          width: calc(100%);
          margin-top: 5.20833vw;
          font-size: 3.64583vw;
          padding: 0 0; } }

#about .team {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #about .team {
      padding-top: 13.02083vw;
      padding-bottom: 15.625vw; } }
  #about .team h3 {
    font-size: 2.8rem;
    text-align: center;
    color: #009999;
    margin-bottom: 60px;
    letter-spacing: .06em; }
    @media screen and (max-width: 768px) {
      #about .team h3 {
        font-size: 4.42708vw;
        margin-bottom: 7.8125vw; } }
  @media screen and (min-width: 769px) {
    #about .team .imgBox {
      width: 70%;
      margin: 0 auto 60px; } }
  @media screen and (max-width: 768px) {
    #about .team .imgBox {
      margin-bottom: 7.8125vw; } }
  #about .team .txtWrap {
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      #about .team .txtWrap {
        margin-bottom: 7.8125vw; } }
    #about .team .txtWrap p {
      font-weight: 400;
      text-align: center;
      line-height: 1.875; }
      @media screen and (max-width: 768px) {
        #about .team .txtWrap p {
          text-align: left; } }
  #about .team .btn {
    max-width: 400px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #about .team .btn {
        max-width: 71.09375vw; } }
    #about .team .btnLink {
      font-family: inherit; }
      #about .team .btnLink.newWindow::after {
        content: "";
        width: .875em;
        height: .875em;
        margin-left: .5em;
        background: url(../img/top/icon-newin.svg) center/100% no-repeat;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      #about .team .btnLink.newWindow:hover::after {
        background: url(../img/top/icon-newin_w.svg) center/100% no-repeat; }