.hd {
  width: 100%;
  min-width: 1000px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .hd {
      min-width: 100%; } }

.hd_l-inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  mix-blend-mode: difference;
  z-index: 6; }
  @media screen and (max-width: 768px) {
    .hd_l-inner {
      max-width: 100%;
      position: fixed; } }

.hd_logo {
  width: 66.5px;
  height: 29px;
  position: absolute;
  top: 50px;
  left: 50px;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .hd_logo {
      width: 11.82222vw;
      height: 5.15556vw;
      top: 4.44444vw;
      left: 4.44444vw;
      z-index: 2; } }
  .hd_logo a {
    display: block;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
    .hd_logo a:hover {
      opacity: 0.6; }
    .hd_logo a svg {
      width: 66.5px;
      height: 29px;
      fill: #fff; }
      @media screen and (max-width: 768px) {
        .hd_logo a svg {
          width: 11.82222vw;
          height: 5.15556vw; } }

.hd_nav {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .hd_nav {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      -webkit-transition: -webkit-transform .25s ease-out;
      transition: -webkit-transform .25s ease-out;
      transition: transform .25s ease-out;
      transition: transform .25s ease-out, -webkit-transform .25s ease-out; } }
  .hd_nav.active {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.hd_menu-wrap {
  position: absolute;
  top: 50px;
  right: 55px; }

.hd_menu {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
  mix-blend-mode: difference;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50px;
  right: 55px; }
  @media screen and (max-width: 768px) {
    .hd_menu {
      display: block;
      width: 100%;
      font-size: 7.11111vw;
      text-align: center;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-70%);
              transform: translateY(-70%);
      z-index: 1; } }
  .hd_menu li {
    margin-bottom: 58px; }
    @media screen and (min-width: 769px) {
      .hd_menu li {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      .hd_menu li {
        margin-bottom: 9.95556vw; } }
    .hd_menu li:last-of-type {
      margin-bottom: 0; }
    .hd_menu li a {
      display: block;
      color: #fff;
      -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
      .hd_menu li a:hover {
        opacity: 0.6; }
  @media screen and (max-width: 768px) {
    .hd_menu.pc {
      display: none; } }

.hd_map-btn {
  display: none; }
  @media screen and (max-width: 768px) {
    .hd_map-btn {
      display: block;
      width: 80vw;
      background-color: #fff;
      mix-blend-mode: difference;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 15.11111vw;
      margin: auto;
      z-index: 1; } }
  @media screen and (max-width: 768px) {
    .hd_map-btn a {
      display: block;
      width: 100%;
      font-size: 4.26667vw;
      font-weight: 700;
      color: #fff;
      text-align: center;
      padding: 5.77778vw 0;
      mix-blend-mode: difference;
      position: relative; } }
  @media screen and (max-width: 768px) {
    .hd_map-btn a::after {
      content: "";
      background-image: url("/assets/img/common/other-tab-btn-icon.png");
      background-size: 3.55556vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 3.55556vw;
      height: 3.55556vw;
      display: block;
      position: relative;
      position: absolute;
      top: 7.46667vw;
      right: 20.88889vw; } }

@media screen and (max-width: 768px) {
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 5;
    mix-blend-mode: difference; } }

.menu-trigger {
  display: none; }
  @media screen and (max-width: 768px) {
    .menu-trigger {
      display: block;
      position: absolute;
      width: 8.88889vw;
      height: 4.44444vw;
      top: 4.44444vw;
      right: 4.44444vw;
      mix-blend-mode: difference; } }

@media screen and (max-width: 768px) {
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.88889vw;
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(1) {
    top: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(2) {
    top: 1.77778vw; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(3) {
    bottom: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(1.77778vw) rotate(-45deg);
    transform: translateY(1.77778vw) rotate(-45deg); } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-1.77778vw) rotate(45deg);
    transform: translateY(-1.77778vw) rotate(45deg); } }

.ft {
  width: 100%;
  min-width: 1000px; }
  @media screen and (max-width: 768px) {
    .ft {
      min-width: 100%; } }

.ft_copy {
  width: 323.5px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background-color: #0e1b25;
  padding: 41px 0;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 768px) {
    .ft_copy {
      width: 64.97778vw;
      font-size: 2.66667vw;
      padding: 6.93333vw 0; } }

#aboutCanvas {
  opacity: 0; }

/* edge */
@supports (-ms-ime-align: auto) {
  .hd_logo a svg {
    fill: #0e1b25; }
  .hd_menu li a {
    color: #0e1b25; }
  .menu-trigger span {
    background-color: #0e1b25; }
  .hd_map-btn a {
    color: #0e1b25; } }

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .hd_logo a svg {
  fill: #0e1b25; }

_:-ms-lang(x)::-ms-backdrop, .hd_menu li a {
  color: #0e1b25; }

_:-ms-lang(x)::-ms-backdrop, .menu-trigger span {
  background-color: #0e1b25; }

_:-ms-lang(x)::-ms-backdrop, .hd_map-btn a {
  color: #0e1b25; }

.mv {
  width: 100%;
  min-width: 1000px;
  padding-top: 128px;
  padding-bottom: 98px; }
  @media screen and (max-width: 768px) {
    .mv {
      min-width: 100%;
      padding-top: 18.66667vw;
      padding-bottom: 22.4vw; } }

.mv_l-inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .mv_l-inner {
      width: 91.11111vw; } }

.mv_ttl {
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 68px; }
  @media screen and (max-width: 768px) {
    .mv_ttl {
      font-size: 6.4vw;
      text-align: center;
      margin-bottom: 12.8vw; } }

.mv_int-list li {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  margin-bottom: 17.5px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .mv_int-list li {
      margin-bottom: 4.44444vw; } }
  .mv_int-list li:last-of-type {
    margin-bottom: 0; }
  .mv_int-list li.int01 {
    background-image: url("/assets/img/about/mv-int-01_pc.png");
    background-size: 825px 87.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 825px;
    height: 87.5px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .mv_int-list li.int01 {
        background-image: url("/assets/img/about/mv-int-01_sp.png");
        background-size: 100% 10.04444vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 10.04444vw;
        display: block;
        position: relative; } }
  .mv_int-list li.int02 {
    background-image: url("/assets/img/about/mv-int-02_pc.png");
    background-size: 825px 87.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 825px;
    height: 87.5px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .mv_int-list li.int02 {
        background-image: url("/assets/img/about/mv-int-02_sp.png");
        background-size: 100% 10.04444vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 10.04444vw;
        display: block;
        position: relative; } }
  .mv_int-list li.int03 {
    background-image: url("/assets/img/about/mv-int-03_pc.png");
    background-size: 825px 87.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 825px;
    height: 87.5px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .mv_int-list li.int03 {
        background-image: url("/assets/img/about/mv-int-03_sp.png");
        background-size: 100% 10.04444vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 10.04444vw;
        display: block;
        position: relative; } }
  .mv_int-list li.int04 {
    background-image: url("/assets/img/about/mv-int-04_pc.png");
    background-size: 825px 87.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 825px;
    height: 87.5px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .mv_int-list li.int04 {
        background-image: url("/assets/img/about/mv-int-04_sp.png");
        background-size: 100% 10.04444vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 10.04444vw;
        display: block;
        position: relative; } }
  .mv_int-list li.int05 {
    background-image: url("/assets/img/about/mv-int-05_pc.png");
    background-size: 825px 78.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 825px;
    height: 78.5px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .mv_int-list li.int05 {
        background-image: url("/assets/img/about/mv-int-05_sp.png");
        background-size: 100% 8.97778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 8.97778vw;
        display: block;
        position: relative; } }

.abt_intro {
  padding-bottom: 95px; }
  @media screen and (max-width: 768px) {
    .abt_intro {
      padding-bottom: 0; } }

.abt_intro-l-inner {
  width: 1000px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 768px) {
    .abt_intro-l-inner {
      width: 100%; } }

.abt_intro-txt-block {
  width: 500px;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 768px) {
    .abt_intro-txt-block {
      width: 91.11111vw;
      margin: 0 auto;
      padding-bottom: 11.55556vw; } }

.abt_intro-ttl {
  font-size: 3.6rem;
  font-family: 'NotoSerif';
  line-height: 1;
  margin-bottom: 42px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_intro-ttl {
      font-size: 6.4vw;
      margin-bottom: 6.75556vw; } }
  .abt_intro-ttl span {
    display: inline-block;
    margin-left: 9px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .abt_intro-ttl span {
        margin-left: 1.6vw; } }
    .abt_intro-ttl span::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background-color: #0e1b25;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
      @media screen and (max-width: 768px) {
        .abt_intro-ttl span::after {
          height: 0.35556vw; } }

.abt_intro-txt {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_intro-txt {
      font-size: 3.2vw;
      line-height: 1.66;
      margin-bottom: 5.33333vw; } }
  .abt_intro-txt:last-of-type {
    margin-bottom: 0; }
  .abt_intro-txt span {
    display: inline-block;
    font-weight: 500; }
  .abt_intro-txt .name {
    font-style: italic; }

.abt_intro-list-block {
  width: 620px;
  height: 600px;
  position: absolute;
  top: 50px;
  left: -220px; }
  @media screen and (max-width: 768px) {
    .abt_intro-list-block {
      width: 74.48889vw;
      height: 83.91111vw;
      margin: 0 0 0 auto;
      position: relative;
      top: 0;
      left: 0; } }

.abt_intro-list {
  position: absolute;
  top: 117.5px;
  left: 220px; }
  @media screen and (max-width: 768px) {
    .abt_intro-list {
      top: 17.06667vw;
      left: 13.33333vw; } }
  .abt_intro-list li {
    font-size: 1.8rem;
    font-family: 'NotoSerif';
    margin-bottom: 40px;
    color: #fff;
    mix-blend-mode: difference; }
    @media screen and (max-width: 768px) {
      .abt_intro-list li {
        font-size: 3.2vw;
        margin-bottom: 6.75556vw; } }
    .abt_intro-list li a {
      display: inline-block;
      padding: 0 7px;
      text-decoration: underline;
      color: #fff;
      -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
      .abt_intro-list li a:hover {
        opacity: 0.6; }
      @media screen and (max-width: 768px) {
        .abt_intro-list li a {
          padding: 0 1.42222vw; } }
    .abt_intro-list li span {
      display: inline-block;
      margin-left: 7px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .abt_intro-list li span {
          margin-left: 0; } }
      .abt_intro-list li span::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
    .abt_intro-list li:nth-of-type(2) {
      margin-left: 60px; }
      @media screen and (max-width: 768px) {
        .abt_intro-list li:nth-of-type(2) {
          margin-left: 8.88889vw; } }
    .abt_intro-list li:last-of-type {
      margin-left: 125px; }
      @media screen and (max-width: 768px) {
        .abt_intro-list li:last-of-type {
          margin-left: 17.77778vw; } }

#aboutCanvas {
  width: 100%;
  height: 100%; }

.abt_int {
  position: relative;
  z-index: 1;
  padding-bottom: 144px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .abt_int {
      padding-bottom: 26.31111vw;
      overflow: visible; } }
  .abt_int::after {
    content: "";
    display: block;
    width: 100%;
    height: 1.5px;
    background-color: #0e1b25;
    position: absolute;
    bottom: 0;
    left: calc(50% - 500px);
    -webkit-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    @media screen and (max-width: 768px) {
      .abt_int::after {
        height: 0.8vw;
        left: calc(50% - 41.06vw); } }
  .abt_int.lineEndAnime::after {
    -webkit-transform: scale(1);
            transform: scale(1); }

.abt_int-l-inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .abt_int-l-inner {
      width: 91.11111vw; } }

.abt_int-item-l-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.abt_int-item {
  width: 450px;
  padding-top: 40px; }
  @media screen and (max-width: 768px) {
    .abt_int-item {
      width: 100%;
      padding-top: 3.02222vw; } }
  .abt_int-item.item-01 {
    width: 100%;
    background-image: url("/assets/img/about/int-01-bg_pc.jpg");
    background-size: 800px 450px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 1000px;
    height: auto;
    display: block;
    position: relative;
    background-position: left top;
    padding-top: 277.5px; }
    @media screen and (max-width: 768px) {
      .abt_int-item.item-01 {
        background-image: url("/assets/img/about/int-01-bg_sp.jpg");
        background-size: 100% 48.97778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        padding-top: 35.73333vw;
        margin-top: -27.28889vw; } }

.abt_int-item-num {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  margin: 0 0 0 auto;
  opacity: 0; }
  .item-01 .abt_int-item-num {
    background-image: url("/assets/img/about/int-num-01.png");
    background-size: 173.5px 267.5px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 173.5px;
    height: 267.5px;
    display: block;
    position: relative;
    margin: 0 auto 0 0; }
    @media screen and (max-width: 768px) {
      .item-01 .abt_int-item-num {
        background-image: url("/assets/img/about/int-num-01.png");
        background-size: 20.53333vw 25.86667vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 20.53333vw;
        height: 25.86667vw;
        display: block;
        position: relative;
        margin: 0 0 0 auto; } }
  .item-02 .abt_int-item-num {
    background-image: url("/assets/img/about/int-num-02.png");
    background-size: 100.5px 109px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100.5px;
    height: 109px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .item-02 .abt_int-item-num {
        background-image: url("/assets/img/about/int-num-02.png");
        background-size: 17.86667vw 19.37778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 17.86667vw;
        height: 19.37778vw;
        display: block;
        position: relative; } }
  .item-03 .abt_int-item-num {
    background-image: url("/assets/img/about/int-num-03.png");
    background-size: 100.5px 109px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100.5px;
    height: 109px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .item-03 .abt_int-item-num {
        background-image: url("/assets/img/about/int-num-03.png");
        background-size: 17.86667vw 19.37778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 17.86667vw;
        height: 19.37778vw;
        display: block;
        position: relative; } }
  .item-04 .abt_int-item-num {
    background-image: url("/assets/img/about/int-num-04.png");
    background-size: 106px 109px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 106px;
    height: 109px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .item-04 .abt_int-item-num {
        background-image: url("/assets/img/about/int-num-04.png");
        background-size: 18.84444vw 19.37778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 18.84444vw;
        height: 19.37778vw;
        display: block;
        position: relative; } }
  .item-05 .abt_int-item-num {
    background-image: url("/assets/img/about/int-num-05.png");
    background-size: 100.5px 109px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100.5px;
    height: 109px;
    display: block;
    position: relative; }
    @media screen and (max-width: 768px) {
      .item-05 .abt_int-item-num {
        background-image: url("/assets/img/about/int-num-05.png");
        background-size: 17.86667vw 19.37778vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 17.86667vw;
        height: 19.37778vw;
        display: block;
        position: relative; } }

.abt_int-item-l-wrap {
  width: 100%;
  letter-spacing: 0.05em;
  margin-top: -10px; }
  @media screen and (max-width: 768px) {
    .abt_int-item-l-wrap {
      width: 82.31111vw;
      margin: -3.2vw auto 0; } }
  .item-01 .abt_int-item-l-wrap {
    width: 600px;
    margin: -10px 0 0 auto; }
    @media screen and (max-width: 768px) {
      .item-01 .abt_int-item-l-wrap {
        width: 82.31111vw;
        margin: -4.08889vw auto 0; } }

.abt_int-item-key-ttl {
  font-size: 1.2rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  margin-bottom: 17px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_int-item-key-ttl {
      font-size: 3.2vw;
      margin-bottom: 4.08889vw; } }

.abt_int-item-ttl {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 39px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_int-item-ttl {
      font-size: 5.33333vw;
      margin-bottom: 8.53333vw; } }

.abt_int-item-txt {
  font-size: 1.4rem;
  line-height: 2;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_int-item-txt {
      font-size: 3.2vw;
      line-height: 1.66; } }

.abt_people {
  padding-top: 138px;
  padding-bottom: 125px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .abt_people {
      padding-top: 13.15556vw;
      padding-bottom: 26.66667vw; } }

.abt_people-l-inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .abt_people-l-inner {
      width: 91.11111vw; } }

.abt_people-ttl {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 95px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_people-ttl {
      font-size: 5.33333vw;
      font-weight: 900;
      text-align: center;
      margin-bottom: 12.97778vw; } }

.abt_people-l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .abt_people-l-wrap {
      display: block; } }

.abt_peopele-block {
  width: 720px;
  height: 500px;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .abt_peopele-block {
      width: 86.66667vw;
      height: 75.2vw; } }
  .abt_peopele-block.takami {
    background-color: #ffea00; }
  .abt_peopele-block.mitamura {
    background-color: #34582c; }
  .abt_peopele-block:nth-of-type(odd) {
    margin-left: -220px; }
    @media screen and (max-width: 768px) {
      .abt_peopele-block:nth-of-type(odd) {
        margin-left: -4.44444vw; } }
    .abt_peopele-block:nth-of-type(odd) a {
      padding-left: 220px; }
      @media screen and (max-width: 768px) {
        .abt_peopele-block:nth-of-type(odd) a {
          padding-left: 4.44444vw; } }
  .abt_peopele-block:nth-of-type(even) {
    margin-top: 50px;
    margin-right: -220px; }
    @media screen and (max-width: 768px) {
      .abt_peopele-block:nth-of-type(even) {
        margin-top: 0;
        margin-left: auto;
        margin-right: -4.44444vw; } }
    .abt_peopele-block:nth-of-type(even) a {
      padding-right: 220px; }
      @media screen and (max-width: 768px) {
        .abt_peopele-block:nth-of-type(even) a {
          padding-right: 4.44444vw; } }
    .abt_peopele-block:nth-of-type(even) .abt_peopele-block-l-inner {
      margin: 0 0 0 auto; }
  .abt_peopele-block a {
    display: block;
    width: 100%; }

.abt_peopele-block-l-inner {
  width: 400px;
  height: 500px;
  padding-top: 50px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .abt_peopele-block-l-inner {
      width: 70.13333vw;
      height: 75.2vw;
      padding-top: 8.88889vw; } }

.abt_people-photo {
  width: 100%;
  position: relative;
  margin-bottom: 37px; }
  @media screen and (max-width: 768px) {
    .abt_people-photo {
      margin-bottom: 4.08889vw; } }

.abt_people-name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  mix-blend-mode: difference;
  margin-bottom: 9px; }
  @media screen and (max-width: 768px) {
    .abt_people-name {
      font-size: 4.26667vw;
      margin-bottom: 1.6vw; } }

.abt_people-position {
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .abt_people-position {
      font-size: 3.2vw; } }

/*# sourceMappingURL=maps/about.css.map */