@charset "UTF-8";
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
A-OTF Ryumin Pr6N
300：Bold（デフォルト）
*/
/*
font-weight:$weight;
400：Regular（デフォルト）
700：Bold
*/
/*
example
@include dotted(#COLOR, WidthPX,SpaceingPX,HeightPX); 横破線
@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.sec_base_area {
  width: 100%;
  padding: 1.1rem 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1; }
  @media print, screen and (min-width: 461px) {
    .sec_base_area {
      height: 100vh; } }
  @media screen and (max-width: 460px) {
    .sec_base_area {
      padding: 0 0.2rem 0.7rem 0.2rem;
      z-index: 3; } }
  .sec_base_area:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 50px;
    background-color: #000; }
    @media print, screen and (min-width: 461px) {
      .sec_base_area:before {
        bottom: 0; } }
    @media screen and (max-width: 460px) {
      .sec_base_area:before {
        bottom: -25px; } }
  .sec_base_area .base_list {
    position: relative;
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
    -webkit-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
    -o-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
    transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
    @media print, screen and (min-width: 461px) {
      .sec_base_area .base_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .sec_base_area .base_list li {
      -webkit-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
      -o-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
      transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
      @media print, screen and (min-width: 461px) {
        .sec_base_area .base_list li {
          width: calc(20% - 0.32rem); } }
      @media screen and (max-width: 460px) {
        .sec_base_area .base_list li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .sec_base_area .base_list li + li {
            margin-top: 0.4rem; } }
      .sec_base_area .base_list li .base_name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        @media print, screen and (min-width: 461px) {
          .sec_base_area .base_list li .base_name {
            text-align: center;
            -webkit-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            -o-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
            .sec_base_area .base_list li .base_name.up {
              opacity: 1 !important; } }
        @media screen and (max-width: 460px) {
          .sec_base_area .base_list li .base_name {
            width: 50%;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media screen and (max-width: 460px) {
          .sec_base_area .base_list li .base_name.type01 {
            margin-top: 20px; } }
        .sec_base_area .base_list li .base_name .ja {
          font-size: 20px;
          font-size: 0.2rem;
          letter-spacing: 0.12em;
          font-family: a-otf-ryumin-pr6n, serif;
          font-weight: 500;
          font-style: normal;
          -webkit-text-stroke: 0.8px; }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .base_name .ja {
              font-size: 15px;
              font-size: 0.15rem; } }
        .sec_base_area .base_list li .base_name .en {
          font-size: 32px;
          font-size: 0.32rem;
          letter-spacing: 0.06em;
          font-family: petersburg-web, serif;
          font-weight: 500;
          font-style: normal; }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .base_name .en {
              font-size: 23px;
              font-size: 0.23rem; } }
      .sec_base_area .base_list li .img_box {
        width: 100%;
        height: 4rem;
        position: relative; }
        @media print, screen and (min-width: 461px) {
          .sec_base_area .base_list li .img_box {
            margin-top: 0.2rem;
            -webkit-transition: height 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            -o-transition: height 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            transition: height 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); } }
        @media screen and (max-width: 460px) {
          .sec_base_area .base_list li .img_box {
            height: 0;
            padding-top: 50%;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1; } }
        .sec_base_area .base_list li .img_box img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          font-family: "object-fit: cover;";
          background-size: cover;
          background-position: center center; }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .img_box img {
              position: absolute;
              top: 0;
              left: 0; } }
        .sec_base_area .base_list li .img_box .deco_txt {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 0.4rem;
          padding: 0 0.12rem;
          font-size: 20px;
          font-size: 0.2rem;
          letter-spacing: 0.06em;
          font-family: petersburg-web, serif;
          font-weight: 500;
          font-style: normal;
          color: #fff;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 2; }
          @media print, screen and (min-width: 461px) {
            .sec_base_area .base_list li .img_box .deco_txt {
              -webkit-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              -o-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
              .sec_base_area .base_list li .img_box .deco_txt.up {
                opacity: 1 !important; } }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .img_box .deco_txt {
              height: 0.3rem;
              padding: 0 0.1rem;
              font-size: 15px;
              font-size: 0.15rem; } }
          .sec_base_area .base_list li .img_box .deco_txt::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #1E1E1E;
            z-index: -1;
            opacity: .8; }
          .sec_base_area .base_list li .img_box .deco_txt::after {
            content: '';
            position: absolute;
            top: 0;
            right: -0.4rem;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.4rem 0 0 0.4rem;
            border-color: transparent transparent transparent #1E1E1E;
            z-index: -1;
            opacity: .8; }
            @media screen and (max-width: 460px) {
              .sec_base_area .base_list li .img_box .deco_txt::after {
                right: -0.3rem;
                border-width: 0.3rem 0 0 0.3rem; } }
        .sec_base_area .base_list li .img_box .office_img_box {
          position: absolute;
          top: 0;
          width: calc(100% * 5 + 0.32rem * 5);
          height: 4rem;
          z-index: 1;
          pointer-events: none;
          opacity: 0;
          -webkit-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
          -o-transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
          transition: opacity 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .img_box .office_img_box {
              display: none; } }
          .sec_base_area .base_list li .img_box .office_img_box.type_1 {
            left: 0; }
          .sec_base_area .base_list li .img_box .office_img_box.type_2 {
            left: calc(-100% - 0.4rem); }
          .sec_base_area .base_list li .img_box .office_img_box.type_3 {
            left: calc(-100% * 2 - 0.4rem * 2); }
          .sec_base_area .base_list li .img_box .office_img_box.type_4 {
            left: calc(-100% * 3 - 0.4rem * 3); }
          .sec_base_area .base_list li .img_box .office_img_box.type_5 {
            left: calc(-100% * 4 - 0.4rem * 4); }
          .sec_base_area .base_list li .img_box .office_img_box .office_img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover;";
            background-size: cover;
            background-position: center center; }
          .sec_base_area .base_list li .img_box .office_img_box .bar {
            width: 0.4rem;
            height: 100%;
            background-color: #fff;
            display: block;
            position: absolute;
            top: 0;
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%); }
            .sec_base_area .base_list li .img_box .office_img_box .bar:nth-of-type(1) {
              left: calc(20%);
              -webkit-transform: translateX(-80%);
              -ms-transform: translateX(-80%);
              transform: translateX(-80%); }
            .sec_base_area .base_list li .img_box .office_img_box .bar:nth-of-type(2) {
              left: calc(40%);
              -webkit-transform: translateX(-60%);
              -ms-transform: translateX(-60%);
              transform: translateX(-60%); }
            .sec_base_area .base_list li .img_box .office_img_box .bar:nth-of-type(3) {
              left: calc(60%);
              -webkit-transform: translateX(-40%);
              -ms-transform: translateX(-40%);
              transform: translateX(-40%); }
            .sec_base_area .base_list li .img_box .office_img_box .bar:nth-of-type(4) {
              left: calc(80%);
              -webkit-transform: translateX(-20%);
              -ms-transform: translateX(-20%);
              transform: translateX(-20%); }
      .sec_base_area .base_list li .link_box {
        position: relative;
        z-index: 3; }
        @media print, screen and (min-width: 461px) {
          .sec_base_area .base_list li .link_box {
            overflow: hidden;
            width: calc(100% + 2px);
            left: -1px; } }
        @media screen and (max-width: 460px) {
          .sec_base_area .base_list li .link_box {
            width: 50%;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3; } }
        .sec_base_area .base_list li .link_box a {
          display: block;
          padding: 0 0 0 0.1rem;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 16px;
          font-size: 0.16rem;
          line-height: 3.1;
          letter-spacing: 0.06em;
          font-family: petersburg-web, serif;
          font-weight: 500;
          font-style: normal;
          border-bottom: 1px solid #8E8E8E;
          position: relative; }
          @media print, screen and (min-width: 461px) {
            .sec_base_area .base_list li .link_box a {
              background-color: #FFF;
              -webkit-transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              -o-transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); } }
          @media screen and (max-width: 460px) {
            .sec_base_area .base_list li .link_box a {
              width: 100%;
              font-size: 15px;
              font-size: 0.15rem;
              line-height: 3; } }
          .sec_base_area .base_list li .link_box a .arrow {
            position: absolute;
            top: 50%;
            right: 0.1rem;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 0.12rem;
            height: 1px;
            background-color: #1E1E1E;
            -webkit-transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            -o-transition: transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            transition: transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
            transition: transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
            .sec_base_area .base_list li .link_box a .arrow::before {
              content: '';
              position: absolute;
              top: 50%;
              right: -3px;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 3px 0 3px 4px;
              border-color: transparent transparent transparent #1E1E1E;
              -webkit-transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              -o-transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1);
              transition: background-color 0.4s cubic-bezier(0.515, 0.005, 0.505, 1); }
          @media print, screen and (min-width: 461px) {
            .sec_base_area .base_list li .link_box a:hover {
              background-color: #1E1E1E;
              color: #fff; }
              .sec_base_area .base_list li .link_box a:hover .arrow {
                background-color: #fff; }
                .sec_base_area .base_list li .link_box a:hover .arrow::before {
                  border-color: transparent transparent transparent #fff; } }
        @media print, screen and (min-width: 461px) {
          .sec_base_area .base_list li .link_box.up {
            opacity: 1 !important; }
            .sec_base_area .base_list li .link_box.up a .arrow {
              -webkit-transform: translateY(-50%) translateX(0.06rem);
              -ms-transform: translateY(-50%) translateX(0.06rem);
              transform: translateY(-50%) translateX(0.06rem); } }
      .sec_base_area .base_list li:hover .img_box .office_img_box {
        pointer-events: none;
        opacity: 1; }

/*# sourceMappingURL=index_base_area.css.map */