@charset "UTF-8";
/*html body setting*/
/* line 3, ../scss/_default.scss */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 10, ../scss/_default.scss */
body {
  position: relative;
  /*overflow: hidden;*/
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6;
  background: #fff;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  margin: auto;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}

/*px base setting*/
/* line 31, ../scss/_default.scss */
#pxBase sup {
  vertical-align: super;
  font-size: .5em;
}
/* line 35, ../scss/_default.scss */
#pxBase a:link,
#pxBase a:visited,
#pxBase a:active,
#pxBase a:hover {
  text-decoration: none;
}
/* line 41, ../scss/_default.scss */
#pxBase figure {
  position: relative;
}
/* line 44, ../scss/_default.scss */
#pxBase img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
/* line 48, ../scss/_default.scss */
#pxBase img.object-fit {
  object-fit: cover;
  height: 100%;
}

/* visible or hidden
--------------------------------------------------------------------------------*/
/* line 57, ../scss/_default.scss */
.hidden-pc {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  /* line 60, ../scss/_default.scss */
  .visible-pc {
    display: none !important;
  }

  /* line 61, ../scss/_default.scss */
  .hidden-pc {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  /* line 64, ../scss/_default.scss */
  .visible-tbsp {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  /* line 67, ../scss/_default.scss */
  .visible-sp {
    display: none !important;
  }
}
/* line 69, ../scss/_default.scss */
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 73, ../scss/_default.scss */
  .hidden-xs {
    display: none !important;
  }

  /* line 76, ../scss/_default.scss */
  .visible-xs {
    display: block !important;
  }
}
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/* line 6, ../scss/location.scss */
.canalFront-sec {
  padding: 160px 80px;
}
@media only screen and (max-width: 991px) {
  /* line 6, ../scss/location.scss */
  .canalFront-sec {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 6, ../scss/location.scss */
  .canalFront-sec {
    padding: 80px 30px;
  }
}
/* line 14, ../scss/location.scss */
.canalFront-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 16, ../scss/location.scss */
.canalFront-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  line-height: 1;
  color: #2F5850;
}
@media only screen and (max-width: 991px) {
  /* line 16, ../scss/location.scss */
  .canalFront-sec .inner .bigLead {
    font-size: 56px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 16, ../scss/location.scss */
  .canalFront-sec .inner .bigLead {
    font-size: 32px;
  }
}
/* line 25, ../scss/location.scss */
.canalFront-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  /* line 25, ../scss/location.scss */
  .canalFront-sec .inner .leadCopy {
    font-size: 18px;
    margin-bottom: 50px;
  }
}
/* line 32, ../scss/location.scss */
.canalFront-sec .inner .mainImg {
  position: relative;
  margin-right: calc(((100vw - 100%) / 2)* -1) !important;
  margin-left: calc(((100vw - 100%) / 2)* -1) !important;
}
/* line 38, ../scss/location.scss */
.canalFront-sec .bodyCopy {
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  /* line 38, ../scss/location.scss */
  .canalFront-sec .bodyCopy {
    margin-bottom: 40px;
  }
}
/* line 44, ../scss/location.scss */
.canalFront-sec .top80 {
  text-align: center;
}
/* line 47, ../scss/location.scss */
.canalFront-sec .canalFlex {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  gap: 80px;
}
@media only screen and (max-width: 991px) {
  /* line 47, ../scss/location.scss */
  .canalFront-sec .canalFlex {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 47, ../scss/location.scss */
  .canalFront-sec .canalFlex {
    flex-direction: column;
  }
}
/* line 59, ../scss/location.scss */
.canalFront-sec .canalFlex li figure {
  margin-bottom: 20px;
}
/* line 62, ../scss/location.scss */
.canalFront-sec .canalFlex li .ttl {
  font-size: 16px;
}
/* line 65, ../scss/location.scss */
.canalFront-sec .canalFlex li .copy {
  font-size: 16px;
  line-height: 1.5;
}
.canalFrontImgSlide {
  overflow: hidden;
}

.tennoz-sec {
  background: #2F5850;
  margin-bottom: 120px;
  padding: 120px 0;
}
.tennoz-sec .inner  {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 80px;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner  {
    padding: 0 30px;
  }
}
.tennoz-sec .tennozContentBox  {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .tennozContentBox  {
    margin-bottom: 80px;
  }
}
.tennoz-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 80px;
  padding-bottom: 60px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .bigLead {
    font-size: 32px;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.tennoz-sec .inner .bigLead::before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .bigLead::before {
    height: 40px;
  }
}
.tennoz-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 40px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .leadCopy {
    font-size: 18px;
  }
}
.tennoz-sec .inner .bodyCopy {
  font-size: 16px;
  line-height: 2;
  color: #ffffff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .bodyCopy {
    font-size: 14px;
  }
}
.tennoz-sec .inner .imgTtl {
  font-size: 16px;
  color: #ffffff;
  margin-top: 20px;
}
.tennoz-sec .inner .tennozImgSlide {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}
.tennoz-sec .inner .tennozImgSlide .swiper-button-next,
.tennoz-sec .inner .tennozImgSlide .swiper-button-prev {
  color: #333333;
  transform: translateY(-50%);
}
.tennoz-sec .inner .tennozImgSlide.slide2 .swiper-button-next,
.tennoz-sec .inner .tennozImgSlide.slide2 .swiper-button-prev {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .tennozImgSlide.slide2 .swiper-button-next,
  .tennoz-sec .inner .tennozImgSlide.slide2 .swiper-button-prev {
    display: flex;
  }
}
.tennoz-sec .inner .tennozImgSlide .swiper-button-next::before,
.tennoz-sec .inner .tennozImgSlide .swiper-button-prev::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  background: #ffffff;
  opacity: 0.6;
}
.tennoz-sec .inner .tennozImgSlide .swiper-button-next::after,
.tennoz-sec .inner .tennozImgSlide .swiper-button-prev::after {
  z-index: 2;
}
.tennoz-sec .inner .tennozImgSlide.slide2 .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .tennozImgSlide.slide2 .swiper-pagination {
    display: block;
  }
}
.tennoz-sec .inner .tennozImgSlide .swiper-pagination-bullet {
  bottom: 0;
}
.tennoz-sec .inner .tennozImgSlide .swiper-pagination-bullet {
  background: #ffffff;
}
.tennoz-sec .inner .tennozImgSlide .swiper-pagination-bullet-active {
  background: #ffffff;
}
.tennoz-sec .inner .tennozImgList {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .tennozImgList {
    display: block;
  }
}
.tennoz-sec .inner .tennozImgList li {
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .tennozImgList li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tennoz-sec .inner .tennozImgList li + li {
    margin-top: 60px;
  }
}
.tennoz-sec .inner .tennozImgList + .tennozImgSlide {
  margin-top: 60px;
}

/* line 73, ../scss/location.scss */
.shinagawa-sec {
  padding: 0px 80px 200px;
}
@media only screen and (max-width: 991px) {
  /* line 73, ../scss/location.scss */
  .shinagawa-sec {
    padding: 0px 50px 0px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 73, ../scss/location.scss */
  .shinagawa-sec {
    padding: 0px 30px 0px;
  }
}
/* line 81, ../scss/location.scss */
.shinagawa-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 83, ../scss/location.scss */
.shinagawa-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  line-height: 1;
  color: #2F5850;
}
@media only screen and (max-width: 991px) {
  /* line 83, ../scss/location.scss */
  .shinagawa-sec .inner .bigLead {
    font-size: 56px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 83, ../scss/location.scss */
  .shinagawa-sec .inner .bigLead {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
/* line 92, ../scss/location.scss */
.shinagawa-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  /* line 92, ../scss/location.scss */
  .shinagawa-sec .inner .leadCopy {
    font-size: 16px;
  }
}
/* line 98, ../scss/location.scss */
.shinagawa-sec .inner .bigimgWrap {
  position: relative;
  margin-right: calc(((100vw - 100%) / 2)* -1) !important;
  margin-left: calc(((100vw - 100%) / 2)* -1) !important;
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  /* line 98, ../scss/location.scss */
  .shinagawa-sec .inner .bigimgWrap {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 98, ../scss/location.scss */
  .shinagawa-sec .inner .bigimgWrap {
    margin-bottom: 40px;
  }
}
/* line 114, ../scss/location.scss */
.shinagawa-sec .bodyCopy {
  margin-bottom: 80px;
}
/* line 117, ../scss/location.scss */
.shinagawa-sec .top80 {
  text-align: center;
}
/* line 120, ../scss/location.scss */
.shinagawa-sec .shoppingList {
  max-width: 1280px;
  margin: 0 auto;
}
/* line 123, ../scss/location.scss */
.shinagawa-sec .shoppingList li + li {
  margin-top: 160px;
}
@media only screen and (max-width: 991px) {
  /* line 123, ../scss/location.scss */
  .shinagawa-sec .shoppingList li + li {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 123, ../scss/location.scss */
  .shinagawa-sec .shoppingList li + li {
    margin-top: 80px;
  }
}
/* line 132, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  /* line 132, ../scss/location.scss */
  .shinagawa-sec .shoppingList li .facilityFlex {
    flex-direction: column;
    gap: 20px;
  }
}
/* line 137, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc((100% - 60px) / 2);
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  /* line 137, ../scss/location.scss */
  .shinagawa-sec .shoppingList li .facilityFlex .textBlock {
    width: 100%;
    gap: 20px;
  }
}
/* line 145, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock .textWrap h4 {
  font-size: 24px;
  line-height: 1.75;
  margin-bottom: 20px;
}
/* line 147, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock .textWrap h4 span {
  display: block;
  font-size: 16px;
}
/* line 151, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock .textWrap p {
  line-height: 1.75;
  font-size: 16px;
}
/* line 155, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock .imgWrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
/* line 159, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .textBlock .imgWrap figure {
  position: relative;
}
/* line 164, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .imgBlock {
  width: calc((100% - 60px) / 2);
}
@media only screen and (max-width: 991px) {
  /* line 164, ../scss/location.scss */
  .shinagawa-sec .shoppingList li .facilityFlex .imgBlock {
    width: 100%;
  }
}
/* line 169, ../scss/location.scss */
.shinagawa-sec .shoppingList li .facilityFlex .imgBlock img {
  width: 100%;
}

/* line 178, ../scss/location.scss */
.lifeinfo-sec {
  padding: 0px 80px 160px;
}
@media only screen and (max-width: 991px) {
  /* line 178, ../scss/location.scss */
  .lifeinfo-sec {
    padding: 0 0px 100px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 178, ../scss/location.scss */
  .lifeinfo-sec {
    padding: 0 0px 80px;
  }
}
/* line 186, ../scss/location.scss */
.lifeinfo-sec .inner {
  max-width: 1600px;
  margin: 160px auto 0;
}
@media only screen and (max-width: 767px) {
  /* line 186, ../scss/location.scss */
  .lifeinfo-sec .inner {
    margin: 80px 30px 0;
  }
}
/* line 191, ../scss/location.scss */
.lifeinfo-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  line-height: 1;
  color: #2F5850;
}
@media only screen and (max-width: 991px) {
  /* line 191, ../scss/location.scss */
  .lifeinfo-sec .inner .bigLead {
    font-size: 56px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 191, ../scss/location.scss */
  .lifeinfo-sec .inner .bigLead {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.lifeinfo-sec .inner .bigLead.educationTtl {
  margin: 80px auto;
  padding-bottom: 60px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .lifeinfo-sec .inner .bigLead.educationTtl {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.lifeinfo-sec .inner .bigLead.educationTtl::before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  background: #2F5850;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .lifeinfo-sec .inner .bigLead.educationTtl::before {
    height: 40px;
  }
}
/* line 200, ../scss/location.scss */
.lifeinfo-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  /* line 200, ../scss/location.scss */
  .lifeinfo-sec .inner .leadCopy {
    font-size: 18px;
  }
}
/* line 206, ../scss/location.scss */
.lifeinfo-sec .inner .mainImg {
  position: relative;
  margin-right: calc(((100vw - 100%) / 2)* -1) !important;
  margin-left: calc(((100vw - 100%) / 2)* -1) !important;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  /* line 210, ../scss/location.scss */
  .lifeinfo-sec .inner .googleMap {
    margin-right: calc(((100vw - 100%) / 2)* -1) !important;
    margin-left: calc(((100vw - 100%) / 2)* -1) !important;
    margin-bottom: 60px;
  }
}
/* line 217, ../scss/location.scss */
.lifeinfo-sec .bodyCopy {
  margin-bottom: 80px;
}
/* line 220, ../scss/location.scss */
.lifeinfo-sec .top80 {
  text-align: center;
}
.lifeinfo-sec .inner .educationImgList {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .lifeinfo-sec .inner .educationImgList {
    display: block;
  }
}
.lifeinfo-sec .inner .educationImgList li {
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .lifeinfo-sec .inner .educationImgList li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .lifeinfo-sec .inner .educationImgList li + li {
    margin-top: 60px;
  }
}
.tennoz-sec .inner .educationImgList + .tennozImgSlide {
  margin-top: 60px;
}

/* line 178, ../scss/location.scss */
.bnr-sec {
  padding: 0px 80px 160px;
}
@media only screen and (max-width: 991px) {
  /* line 178, ../scss/location.scss */
  .bnr-sec {
    padding: 0 0px 100px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 178, ../scss/location.scss */
  .bnr-sec {
    padding: 0 0px 80px;
  }
}
/* line 186, ../scss/location.scss */
.bnr-sec .inner {
  max-width: 1600px;
  margin: 0px auto 0;
}
@media only screen and (max-width: 767px) {
  /* line 186, ../scss/location.scss */
  .bnr-sec .inner {
    margin: 0px 30px 0;
  }
}
.bnr-sec .inner .bnr_area {
    max-width: 1000px;
    margin: 0 auto;
    transition: opacity 0.3s;
}
.bnr-sec .inner .bnr_area:hover {
  opacity: 0.5; /* マウスオン時の透過度 */
}

/* line 225, ../scss/location.scss */
.tabList {
  margin-bottom: 30px;
}
/* line 227, ../scss/location.scss */
.tabList ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
}
@media only screen and (max-width: 991px) {
  /* line 227, ../scss/location.scss */
  .tabList ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  /* line 227, ../scss/location.scss */
  .tabList ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* line 237, ../scss/location.scss */
.tabList ul li {
  padding: 15px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  transition: .3s all ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  /* line 237, ../scss/location.scss */
  .tabList ul li {
    font-size: 14px;
    padding: 15px 5px;
  }
}
/* line 248, ../scss/location.scss */
.tabList ul li:hover {
  opacity: .95;
}
/* line 251, ../scss/location.scss */
.tabList ul li.cur {
  background: #2F5850;
}

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

.canalArea-sec{
  padding: 0px 80px 200px;
  overflow: hidden;
}

.canalArea-sec .inner{
  max-width: 1600px;
  margin: 0 auto;
}

.canalArea-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  line-height: 1;
  color: #2F5850;
}

.canalArea-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 40px;
}

.canalArea-sec .mainImg{
  margin-bottom: 60px;
}

.canalArea-sec .mainImg figcaption{
  text-align: right;
  padding-top: 5px;
  font-size: 1.1rem;
}

.swiper-canalArea figcaption{
  font-size: 22px;
}

@media only screen and (max-width: 991px) {
  .canalArea-sec {
    padding: 0 50px 100px
  }
  .canalArea-sec .inner .bigLead {
    font-size: 56px;
  }
  .canalArea-sec .inner .leadCopy {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .canalArea-sec {
    padding: 0px 30px 80px;
  }
  .canalArea-sec .inner .bigLead {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .canalArea-sec .mainImg{
    margin-bottom: 40px;
  }
}
/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

@media only screen and (max-width: 767px) {
    .mb20_sp{
        margin-bottom: 20px!important;
    }
}