/*
brakepoint
*/
/* line 27, office-tour.scss */
.page_title .page_title_inner h1 {
  padding-top: 30px; }
  @media screen and (max-width: 800px) {
    /* line 27, office-tour.scss */
    .page_title .page_title_inner h1 {
      padding-top: 15px; } }
  /* line 32, office-tour.scss */
  .page_title .page_title_inner h1::after {
    position: absolute;
    left: -63px;
    top: -140px;
    width: 180px;
    height: 168px;
    content: "";
    background-image: url("../img/office_tour_title.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 32, office-tour.scss */
      .page_title .page_title_inner h1::after {
        left: -40px;
        top: -110px;
        width: 129px;
        height: 121px; } }

/* line 55, office-tour.scss */
.bg_scroll {
  width: 2562px; }
  @media screen and (max-width: 800px) {
    /* line 55, office-tour.scss */
    .bg_scroll {
      width: 1544px; } }
  /* line 61, office-tour.scss */
  .bg_scroll img:first-child {
    animation: bg_scroll01 60s -30s linear infinite; }
  /* line 64, office-tour.scss */
  .bg_scroll img:last-child {
    animation: bg_scroll02 60s linear infinite; }

@keyframes bg_scroll01 {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }
@keyframes bg_scroll02 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
/* line 86, office-tour.scss */
p {
  font-size: 16px; }

/* line 91, office-tour.scss */
.office-tour-top {
  position: relative;
  width: 92.9%;
  margin: 0 0 75px auto;
  padding-bottom: 0; }
  @media screen and (max-width: 800px) {
    /* line 91, office-tour.scss */
    .office-tour-top {
      width: 96%;
      margin: 0 0 60px auto; } }
  /* line 100, office-tour.scss */
  .office-tour-top img {
    width: 100%; }

/* line 104, office-tour.scss */
.office-tour-img {
  position: relative;
  z-index: 0; }

/* line 111, office-tour.scss */
#concept {
  padding-bottom: 205px; }
  @media screen and (max-width: 800px) {
    /* line 111, office-tour.scss */
    #concept {
      padding-bottom: 100px; } }
  @media screen and (max-width: 800px) {
    /* line 116, office-tour.scss */
    #concept h2 {
      display: none; } }

/* line 122, office-tour.scss */
.concept-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 122, office-tour.scss */
    .concept-content {
      flex-direction: column;
      gap: 45px 0; } }
  /* line 129, office-tour.scss */
  .concept-content .l-concept {
    width: 41.8%; }
    @media screen and (max-width: 800px) {
      /* line 129, office-tour.scss */
      .concept-content .l-concept {
        width: 100%; } }
    /* line 134, office-tour.scss */
    .concept-content .l-concept h3 {
      color: #092C87;
      font-family: 'Noto Serif JP', serif;
      font-size: 48px;
      letter-spacing: 0.2em;
      line-height: 1.4;
      margin-bottom: 60px; }
      @media screen and (max-width: 800px) {
        /* line 134, office-tour.scss */
        .concept-content .l-concept h3 {
          font-size: 34px;
          line-height: 1.7;
          margin-bottom: 50px; } }
    /* line 147, office-tour.scss */
    .concept-content .l-concept p {
      margin-bottom: 0; }
      /* line 149, office-tour.scss */
      .concept-content .l-concept p.read-concept {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.75;
        margin-bottom: 25px; }
        @media screen and (max-width: 800px) {
          /* line 149, office-tour.scss */
          .concept-content .l-concept p.read-concept {
            font-size: 23px;
            margin-bottom: 35px; } }
  /* line 161, office-tour.scss */
  .concept-content .r-concept {
    width: 50.9%; }
    @media screen and (max-width: 800px) {
      /* line 161, office-tour.scss */
      .concept-content .r-concept {
        width: 100%; } }

/* line 171, office-tour.scss */
.zone {
  position: relative;
  width: 100%;
  height: 100%; }
  /* line 175, office-tour.scss */
  .zone .sidebar {
    position: sticky;
    top: calc(50% - 222px);
    width: 230px;
    height: 100%;
    z-index: 4;
    padding: 0 0 0 35px; }
    @media screen and (max-width: 800px) {
      /* line 175, office-tour.scss */
      .zone .sidebar {
        display: none; } }
    /* line 185, office-tour.scss */
    .zone .sidebar #sidenav {
      position: relative;
      margin: 0 0 45px;
      padding: 0 0 0 25px; }
      /* line 189, office-tour.scss */
      .zone .sidebar #sidenav li {
        line-height: 1.2;
        margin: 0 0 10px;
        padding: 0; }
        /* line 193, office-tour.scss */
        .zone .sidebar #sidenav li:last-child {
          margin-bottom: 0; }
        /* line 196, office-tour.scss */
        .zone .sidebar #sidenav li a {
          position: relative;
          display: inline-block;
          color: #ACB1BF;
          font-size: 20px;
          font-weight: 700;
          text-decoration: none;
          padding-left: 25px;
          transition: color 0.3s ease-out; }
          /* line 205, office-tour.scss */
          .zone .sidebar #sidenav li a.active {
            color: #262727; }
            /* line 207, office-tour.scss */
            .zone .sidebar #sidenav li a.active::before {
              opacity: 1; }
          /* line 211, office-tour.scss */
          .zone .sidebar #sidenav li a::before {
            position: absolute;
            left: 0;
            top: 50%;
            translate: 0 -50%;
            width: 16px;
            height: 4px;
            content: "";
            background-color: #2B5CD3;
            opacity: 0;
            transition: opacity 0.3s ease-out; }
    /* line 226, office-tour.scss */
    .zone .sidebar #sideimg {
      position: relative;
      width: 230px;
      height: 240px;
      margin: 0;
      padding: 0; }
      /* line 232, office-tour.scss */
      .zone .sidebar #sideimg li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 1;
        margin: 0;
        padding: 0; }
        /* line 242, office-tour.scss */
        .zone .sidebar #sideimg li.z01 a {
          background-image: url("../img/zone01_map.png"); }
        /* line 247, office-tour.scss */
        .zone .sidebar #sideimg li.z02 a {
          background-image: url("../img/zone02_map.png"); }
        /* line 252, office-tour.scss */
        .zone .sidebar #sideimg li.z03 a {
          background-image: url("../img/zone03_map.png"); }
        /* line 257, office-tour.scss */
        .zone .sidebar #sideimg li.p01 a {
          background-image: url("../img/zone04_map.png"); }
        /* line 261, office-tour.scss */
        .zone .sidebar #sideimg li a {
          display: block;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: opacity 0.3s ease-out;
          background-image: url("../img/zone01_map.png");
          background-repeat: no-repeat;
          background-position: left top;
          background-repeat: no-repeat;
          background-size: cover;
          pointer-events: none; }
          /* line 273, office-tour.scss */
          .zone .sidebar #sideimg li a.active {
            opacity: 1; }
  /* line 280, office-tour.scss */
  .zone #zone01 {
    margin-top: -445px; }
    @media screen and (max-width: 800px) {
      /* line 280, office-tour.scss */
      .zone #zone01 {
        margin-top: 0; } }

/* line 287, office-tour.scss */
.zone-content {
  width: 100%;
  padding: 0 0 160px 280px; }
  @media screen and (max-width: 800px) {
    /* line 287, office-tour.scss */
    .zone-content {
      padding: 0 0 100px; } }
  /* line 293, office-tour.scss */
  .zone-content h2 {
    margin-bottom: 70px;
    padding-top: 34px;
    border-top: 1px solid #ACB1BF; }
    @media screen and (max-width: 800px) {
      /* line 293, office-tour.scss */
      .zone-content h2 {
        padding-top: 25px;
        margin-bottom: 65px; } }
    /* line 301, office-tour.scss */
    .zone-content h2::before {
      position: absolute;
      left: 0;
      top: -1px;
      width: 65px;
      height: 1px;
      content: "";
      background-color: #2B5CD3; }
    /* line 310, office-tour.scss */
    .zone-content h2 .en {
      display: block;
      font-size: 50px;
      letter-spacing: 0.05em;
      line-height: 1; }
      @media screen and (max-width: 800px) {
        /* line 310, office-tour.scss */
        .zone-content h2 .en {
          font-size: 32px; } }
  /* line 320, office-tour.scss */
  .zone-content h3 {
    display: inline-block;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.05em;
    line-height: 1.36;
    background-color: #2B5CD3;
    padding: 4px 10px;
    margin-bottom: 30px; }
    @media screen and (max-width: 800px) {
      /* line 320, office-tour.scss */
      .zone-content h3 {
        font-size: 18px;
        padding: 4px 6px;
        margin-bottom: 25px; } }
  /* line 335, office-tour.scss */
  .zone-content .read-zone {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.75;
    margin-bottom: 45px; }
    @media screen and (max-width: 800px) {
      /* line 335, office-tour.scss */
      .zone-content .read-zone {
        font-size: 18px;
        margin-bottom: 30px; } }
  /* line 345, office-tour.scss */
  .zone-content .cap-zone {
    margin-bottom: 70px; }
    @media screen and (max-width: 800px) {
      /* line 345, office-tour.scss */
      .zone-content .cap-zone {
        margin-bottom: 32px; } }

/* line 352, office-tour.scss */
.zone-img-top {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 352, office-tour.scss */
    .zone-img-top {
      width: calc(100% + 60px);
      margin-left: -30px; }
      /* line 360, office-tour.scss */
      .zone-img-top img {
        width: 100%; } }

/* line 365, office-tour.scss */
.voice-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 55px; }
  @media screen and (max-width: 800px) {
    /* line 365, office-tour.scss */
    .voice-content {
      flex-direction: column;
      gap: 24px 0;
      margin-bottom: 40px; } }
  /* line 375, office-tour.scss */
  .voice-content:last-child {
    margin-bottom: 0; }
  /* line 378, office-tour.scss */
  .voice-content.reverse {
    flex-direction: row-reverse; }
    @media screen and (max-width: 800px) {
      /* line 378, office-tour.scss */
      .voice-content.reverse {
        flex-direction: column; } }
  /* line 384, office-tour.scss */
  .voice-content .l-voice {
    width: 48%; }
    @media screen and (max-width: 800px) {
      /* line 384, office-tour.scss */
      .voice-content .l-voice {
        width: 100%; } }
  /* line 390, office-tour.scss */
  .voice-content .r-voice {
    position: relative;
    width: 47.5%;
    padding: 35px 40px 35px 45px; }
    @media screen and (max-width: 800px) {
      /* line 390, office-tour.scss */
      .voice-content .r-voice {
        width: 100%;
        padding: 47px 5px 47px 8px; } }
    /* line 398, office-tour.scss */
    .voice-content .r-voice::before, .voice-content .r-voice::after {
      position: absolute;
      width: 36px;
      height: 33px;
      content: "";
      background-image: url("../img/double_quotation.svg");
      background-repeat: no-repeat;
      background-position: left top;
      pointer-events: none; }
    /* line 409, office-tour.scss */
    .voice-content .r-voice::before {
      left: 0;
      top: 0; }
    /* line 413, office-tour.scss */
    .voice-content .r-voice::after {
      right: 0;
      bottom: 0;
      rotate: 180deg; }
    /* line 418, office-tour.scss */
    .voice-content .r-voice h4 {
      display: inline-block;
      color: #2B5CD3;
      font-size: 16px;
      line-height: 1.43;
      text-decoration: underline;
      text-underline-offset: 4px;
      margin-bottom: 15px; }
    /* line 427, office-tour.scss */
    .voice-content .r-voice p {
      color: #2B5CD3;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 0; }

/* line 438, office-tour.scss */
#pickup {
  margin-bottom: 160px; }
  @media screen and (max-width: 800px) {
    /* line 438, office-tour.scss */
    #pickup {
      margin-bottom: 140px; } }
  /* line 443, office-tour.scss */
  #pickup .cbox {
    position: relative;
    background-color: #E7EBF4;
    padding: 115px 0 120px 100px; }
    @media screen and (max-width: 800px) {
      /* line 443, office-tour.scss */
      #pickup .cbox {
        padding: 125px 0 100px; } }
    /* line 450, office-tour.scss */
    #pickup .cbox::after {
      position: absolute;
      left: 100%;
      top: 0;
      width: 100vw;
      height: 100%;
      content: "";
      background-color: #E7EBF4;
      pointer-events: none;
      z-index: -1; }
      @media screen and (max-width: 800px) {
        /* line 450, office-tour.scss */
        #pickup .cbox::after {
          left: -30px; } }
  /* line 465, office-tour.scss */
  #pickup .zone-content {
    padding-bottom: 0; }
    /* line 467, office-tour.scss */
    #pickup .zone-content h2 {
      position: absolute;
      left: 22px;
      top: -36px;
      border: none;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 467, office-tour.scss */
        #pickup .zone-content h2 {
          left: -18px;
          top: 22px;
          width: 87px; } }
      /* line 479, office-tour.scss */
      #pickup .zone-content h2::before {
        display: none; }
    /* line 483, office-tour.scss */
    #pickup .zone-content .read-zone {
      margin-bottom: 12px; }
    /* line 488, office-tour.scss */
    #pickup .zone-content .building-img {
      position: relative;
      width: 98.4%;
      left: 110px;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 488, office-tour.scss */
        #pickup .zone-content .building-img {
          width: calc(100vw - 18px);
          left: -13px; } }
    /* line 498, office-tour.scss */
    #pickup .zone-content .zone-img-top {
      margin-top: -5px; }
      @media screen and (max-width: 800px) {
        /* line 498, office-tour.scss */
        #pickup .zone-content .zone-img-top {
          margin-top: -2px; } }
    /* line 504, office-tour.scss */
    #pickup .zone-content .cap-zone {
      margin-bottom: 40px; }
    /* line 507, office-tour.scss */
    #pickup .zone-content .pickup-photo {
      display: flex;
      flex-wrap: wrap;
      gap: 24px 4.2%; }
      @media screen and (max-width: 800px) {
        /* line 507, office-tour.scss */
        #pickup .zone-content .pickup-photo {
          gap: 24px 0; } }
      /* line 514, office-tour.scss */
      #pickup .zone-content .pickup-photo figure {
        width: 47.8%; }
        @media screen and (max-width: 800px) {
          /* line 514, office-tour.scss */
          #pickup .zone-content .pickup-photo figure {
            width: 100%; }
            /* line 518, office-tour.scss */
            #pickup .zone-content .pickup-photo figure img {
              width: 100%; } }
        /* line 522, office-tour.scss */
        #pickup .zone-content .pickup-photo figure figcaption {
          display: block;
          font-size: 16px;
          margin-top: 10px; }

/*# sourceMappingURL=office-tour.css.map */