.photo {
  display: inline-block;
  position: relative; }
  .photo__caption {
    position: absolute;
    right: 5px;
    bottom: 5px; }

.layoutCol {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.masterIntroduce {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
  padding-bottom: 100px;
  border-bottom: 1px solid #eeeeee; }

.masterIntroSection__headline {
  text-align: center; }
  .masterIntroSection__headline .en {
    color: #333;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    letter-spacing: .1em;
    line-height: .8; }
    @media only screen and (max-width: 736px) {
      .masterIntroSection__headline .en {
        font-size: calc(48vw/750*100); } }
  .masterIntroSection__headline .jp {
    color: #666;
    display: block;
    font-size: 24px;
    letter-spacing: .24em;
    line-height: calc(42/32);
    margin-top: 30px; }
    @media only screen and (max-width: 736px) {
      .masterIntroSection__headline .jp {
        font-size: calc(30vw/750*100); } }

.towerFeature {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
  position: relative; }
  .towerFeature__caption{
    position: absolute;
    bottom: -5%;
    left: 30%;
  }
  .towerFeature__image {
    margin: 0 auto 0 80px; }
  .towerFeature .towerSection {
    width: 376px; }
    .towerFeature .towerSection__headline {
      color: #333333;
      font-size: 24px;
      letter-spacing: .06em;
      line-height: calc(36/24); }
    .towerFeature .towerSection__text {
      color: #333333;
      font-size: 14px;
      letter-spacing: .15em;
      line-height: calc(32/14);
      margin-top: 30px; }

.facilityArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 80px auto 0;
  max-width: 1080px;
  width: 100%; }
  @media only screen and (max-width: 736px) {
    .facilityArea {
      padding: calc(30vw/750*100);
      margin: calc(80vw/750*100); } }
  @media only screen and (min-width: 736px) {
    .facilityArea .layoutCol__item {
      margin-right: 32px; }
      .facilityArea .layoutCol__item:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (max-width: 736px) {
    .facilityArea .layoutCol__item {
      width: 100%; } }
  @media only screen and (min-width: 736px) {
    .facilityArea .layoutCol__item:nth-of-type(n+3) {
      margin-top: 60px; } }
  @media only screen and (max-width: 736px) {
    .facilityArea .layoutCol__item:not(:last-of-type) {
      margin-bottom: calc(120vw/750*100); } }

.facilityBlock .photo__caption {
  color: #fff; }

.facilityTitle {
  margin-top: 30px;
  position: relative; }
  .facilityTitle .en {
    color: #333;
    display: block;
    font-size: 24px;
    letter-spacing: .05em;
    line-height: .8; }
    @media only screen and (max-width: 736px) {
      .facilityTitle .en {
        font-size: calc(48vw/750*100); } }
  .facilityTitle .jp {
    color: #666;
    display: block;
    font-size: 12px;
    letter-spacing: .24em;
    line-height: 1;
    margin-top: 20px; }
    @media only screen and (max-width: 736px) {
      .facilityTitle .jp {
        font-size: calc(30vw/750*100); } }
  .facilityTitle .floor {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    letter-spacing: .15em;
    line-height: .8;
    position: absolute;
    bottom: 0;
    right: 0; }
    @media only screen and (max-width: 736px) {
      .facilityTitle .floor {
        font-size: calc(30vw/750*100); } }

.planArea {
  padding-bottom: 160px;
  padding-top: 140px; }
  @media only screen and (max-width: 736px) {
    .planArea {
      padding-bottom: calc(160vw/750*100);
      padding-top: calc(160vw/750*100); } }
  .planArea .tabNav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 140px;
    max-width: 632px;
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .planArea .tabNav {
        padding: calc(30vw/750*100);
        margin: 0 auto calc(50vw/750*100); } }
    .planArea .tabNav .navList {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .planArea .tabNav .navList__item {
        width: 200px; }
        @media only screen and (max-width: 736px) {
          .planArea .tabNav .navList__item {
            margin-bottom: calc(30vw/750*100);
            width: 100%; } }
        .planArea .tabNav .navList__item--kdb {
          width: 416px; }
          @media only screen and (max-width: 736px) {
            .planArea .tabNav .navList__item--kdb {
              width: 100%;
              margin-bottom: calc(20vw/750*100); } }
        .planArea .tabNav .navList__item.is-active .navList__link {
          background: #42475a;
          color: #fff; }
        @media only screen and (min-width: 736px) {
          .planArea .tabNav .navList__item:hover .navList__link {
            background: #42475a;
            color: #fff; } }
      .planArea .tabNav .navList__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #42475a;
        color: #42475a;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 48px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        @media only screen and (max-width: 736px) {
          .planArea .tabNav .navList__link {
            height: calc(80vw/750*100); } }
  .planArea .tabCont {
    display: none; }
    .planArea .tabCont.is-active {
      display: block; }
  .planArea .btnArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .planArea .btnArea {
        padding: calc(30vw/750*100); } }
    .planArea .btnArea .layoutCol__item {
      width: 524px; }
      @media only screen and (min-width: 736px) {
        .planArea .btnArea .layoutCol__item {
          margin-right: 32px; }
          .planArea .btnArea .layoutCol__item:nth-of-type(2n) {
            margin-right: 0; } }
      @media only screen and (max-width: 736px) {
        .planArea .btnArea .layoutCol__item {
          width: 100%; } }
      @media only screen and (min-width: 736px) {
        .planArea .btnArea .layoutCol__item:nth-of-type(n+3) {
          margin-top: 60px; } }
      @media only screen and (max-width: 736px) {
        .planArea .btnArea .layoutCol__item:not(:last-of-type) {
          margin-bottom: calc(80vw/750*100); } }

.planBtn {
  background-color: #eeeeee;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .planBtn__link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 200px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 50px; }
    @media only screen and (max-width: 736px) {
      .planBtn__link {
        height: calc(300vw/750*100);
        padding: calc(50vw/750*100); } }
  .planBtn__type {
    font-family: 'Old Standard TT', serif;
    font-size: 104px;
    font-weight: 700;
    line-height: .92;
    letter-spacing: 0;
    position: relative; }
    @media only screen and (max-width: 736px) {
      .planBtn__type {
        font-size: calc(168vw / 750 * 100);
      }    
    }
    .planBtn__type::before {
      content: "TYPE:";
      position: absolute;
      top: 0;
      right: calc(100% + 50px);
      font-size: 16px; }
  .planBtn .spec {
    margin: auto 0 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: .8;
    letter-spacing: .1em; }
    .planBtn .spec__length {
      margin-top: 15px; }
      .planBtn .spec__length .meter {
        font-size: 24px;
        font-family: 'Old Standard TT', serif; }
  .planBtn .arrow {
    background-color: #000;
    bottom: 32px;
    position: absolute;
    right: 48px;
    width: 128px;
    height: 1px;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    @media only screen and (max-width: 736px) {
      .planBtn .arrow {
        bottom: calc(30vw/750*100);
        right: calc(30vw/750*100); } }
    .planBtn .arrow::before {
      border-left: 1px solid #000;
      border-top: 1px solid #000;
      content: "";
      display: block;
      position: absolute;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      height: 10px;
      width: 10px;
      right: 0;
      top: -5px; }
  @media only screen and (min-width: 736px) {
    .planBtn:hover {
      opacity: .6; }
      .planBtn:hover .arrow {
        -webkit-transform: translate(10%, 0) scale(0.8, 1);
        -ms-transform: translate(10%, 0) scale(0.8, 1);
        transform: translate(10%, 0) scale(0.8, 1); } }

.kankyoBtn {
  margin: 100px auto 0;
  max-width: 320px;
  position: relative;
  width: 100%;
  z-index: 1; }
  @media only screen and (max-width: 736px) {
    .kankyoBtn {
      margin-top: calc(100vw / 750 * 100); } }
  .kankyoBtn__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #42475a;
    color: #42475a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    @media only screen and (max-width: 736px) {
      .kankyoBtn__link {
        height: calc(80vw/750*100); } }
  @media only screen and (min-width: 736px) {
    .kankyoBtn:hover .kankyoBtn__link {
      background: #42475a;
      color: #fff; } }

.planSlide {
  position: relative;
  z-index: 1; }
  .planSlide::before {
    content: "";
    background-color: #42475a;
    height: 100%;
    top: 64px;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 0; }
  .planSlide .swiper-wrapper {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%; }
  .planSlide .swiper-slide {
    opacity: 0; }
    .planSlide .swiper-slide.swiper-slide-active {
      opacity: 1; }

.slideBlock {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 84px;
  max-width: 1280px;
  width: 100%; }
  @media only screen and (max-width: 736px) {
    .slideBlock {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-bottom: calc(60vw/750*100); } }
  .slideBlock__image {
    display: block;
    margin: 0 0 0 auto; }

.slideInfo {
  background-color: #42475a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 736px) {
    .slideInfo {
      margin-top: calc(160vw/750*100);
      padding: 0 20px; } }
  .slideInfo__detail {
    color: #cccccc;
    font-size: 12px;
    letter-spacing: .05em;
    line-height: calc(20/12);
    margin-bottom: 30px; }
    @media only screen and (max-width: 736px) {
      .slideInfo__detail {
        margin-bottom: calc(40vw/750*100); } }
  .slideInfo__title {
    color: #ffffff;
    font-size: 42px;
    font-family: 'Old Standard TT', serif;
    letter-spacing: 0;
    line-height: .8;
    margin-bottom: 100px; }
    @media only screen and (max-width: 736px) {
      .slideInfo__title {
        margin-bottom: calc(100vw/750*100); } }
  .slideInfo__caption {
    color: #999; }
    .slideInfo__caption::before {
      background: url("../imgs/icon-camera.png") no-repeat;
      content: "";
      display: inline-block;
      width: 17px;
      height: 15px;
      margin-right: 8px;
      vertical-align: bottom; }

.slideController {
  position: absolute;
  top: 128px;
  left: 0;
  width: 64px;
  height: 21px; }
  @media only screen and (max-width: 736px) {
    .slideController {
      left: calc(40vw/750*100);
      top: calc(460vw/750*100); } }
  .slideController .swiper-button-next,
  .slideController .swiper-button-prev {
    height: 21px;
    top: 0;
    width: 24px;
    margin-top: 0; }
  .slideController .swiper-button-next, .slideController .swiper-container-rtl .swiper-button-prev {
    background: url("../imgs/icon-arrow.svg") no-repeat;
    background-size: cover;
    right: 0; }
  .slideController .swiper-button-prev, .slideController .swiper-container-rtl .swiper-button-next {
    background: url("../imgs/icon-arrow.svg") no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    left: 0; }

.madoriArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
  max-width: 1080px;
  margin: 0 auto 160px;
  padding-bottom: 100px;
  margin-bottom: 0;
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 736px) {
    .madoriArea {
      margin: 0 auto calc(160vw/750*100);
      margin-bottom: 0;
      padding: 0 calc(60vw/750*100) calc(100vw/750*100); } }

.leadSection.leadSection--fix {
  margin: 0 auto 80px;
  padding: 80px 0;
  max-width: 1080px;
  width: 100%;
}
@media only screen and (max-width: 736px) {
  .leadSection.leadSection--fix {
    margin: 0 auto calc(80vw/750*100);
    padding: calc(100vw/750*100) calc(80vw/750*100);
  }
}

.backBtn__wrap {
  width: 100%;
  max-width: 200px;
  margin: 30px auto 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 160px;
}

.backBtn {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  background-color: #42475a;
  color: #fff;
  padding: 5px;
  font-size: 16px;
  line-height: calc(40/16);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}