/*! Writen  by SCSS */
/*#contents_wrap {
	position: relative;
}


div#container {
	max-width: none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	position: relative;
	padding-bottom: 0;
}*/
.inn {
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .inn {
      margin-bottom: 20px; } }

@media screen and (max-width: 480px) {
  .box {
    display: flex;
    flex-direction: column-reverse; } }

.imgbox {
  width: calc(470% / 16);
  width: calc(550% / 16);
  width: calc(520% / 16);
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s linear;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 480px) {
    .imgbox {
      position: relative;
      height: auto;
      width: calc(100% - 40px);
      width: 100%;
      margin-inline: auto;
      inset: auto;
      display: flex;
      flex-direction: row; } }
  .imgbox > div {
    width: 100%;
    height: 50%;
    position: relative; }
    @media screen and (max-width: 480px) {
      .imgbox > div {
        width: 50%;
        height: auto; } }

.cont {
  width: calc(1130% / 16);
  width: calc(1050% / 16);
  width: calc(1080% / 16);
  padding: 70px 20px 70px;
  margin: 0 0 0 auto;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .cont {
      width: calc(100% - 40px);
      padding: 90px 0 30px;
      margin: 0 auto; } }

.cont_inn {
  max-width: 860px;
  margin: 0 auto; }

.imgbox .t_cap {
  z-index: 50; }

.box1 .imgbox {
  opacity: 1; }
  .box1 .imgbox > div:nth-child(1) {
    background: url("../img/location/img101.jpg") bottom center;
    background-size: cover; }
  .box1 .imgbox > div:nth-child(2) {
    background: url("../img/location/img102.jpg") center center;
    background-size: cover; }

@media screen and (max-width: 480px) {
  .box1 .cont {
    padding-top: 40px; } }

.box2 .imgbox {
  opacity: 0; }
  .box2 .imgbox > div:nth-child(1) {
    background: url("../img/location/img201.jpg") bottom center;
    background-size: cover; }
  .box2 .imgbox > div:nth-child(2) {
    background: url("../img/location/img202.jpg") center center;
    background-size: cover; }
  @media screen and (max-width: 480px) {
    .box2 .imgbox {
      opacity: 1; } }

.box3 .imgbox {
  opacity: 0; }
  .box3 .imgbox > div:nth-child(1) {
    background: url("../img/location/img301.jpg") bottom center;
    background-size: cover; }
  .box3 .imgbox > div:nth-child(2) {
    background: url("../img/location/img302.jpg") center center;
    background-size: cover; }
  @media screen and (max-width: 480px) {
    .box3 .imgbox {
      opacity: 1; } }

.box3 .cont .txt01.s {
  font-size: clamp(14px, calc(19vw / 9.6), 19px); }
  @media screen and (max-width: 480px) {
    .box3 .cont .txt01.s {
      font-size: calc(15vw / 3.9); } }

.b2 .box1 .imgbox {
  opacity: 0; }
  @media screen and (max-width: 480px) {
    .b2 .box1 .imgbox {
      opacity: 1; } }

.b2 .box2 .imgbox {
  opacity: 1; }

.b3 .box2 .imgbox {
  opacity: 0; }
  @media screen and (max-width: 480px) {
    .b3 .box2 .imgbox {
      opacity: 1; } }

.b3 .box3 .imgbox {
  opacity: 1; }

/*@media screen and (max-width:767px){
  .sp_img_ex {
    margin-right: -20px;
    margin-left: -20px;
  }
	.imgbox {
		width: 100%;
		height: auto;
		position: relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
	}
  .box.box1{
    padding: 0;
  }
  .sp_wrap {
    padding: 0 20px 20px;
  }
	.box1 .imgbox {
		background: none;
		opacity: 1;
		padding: 0;
	}
	.box1 .imgbox img{
		width: 100%;
	}
	.box2 .imgbox {
		background: none;
		opacity: 1;
	}

	.b2 .box1 .imgbox {
		opacity: 1;
	}
	.b2 .box2 .imgbox {
		opacity: 1;
	}
	.b2 .box3 .imgbox {
		opacity: 1;
	}
	.b3 .box1 .imgbox {
		opacity: 1;
	}
	.b3 .box2.imgbox {
		opacity: 1;
	}
	.b3 .box3.imgbox {
		opacity: 1;
	}


	.cont {
		width: 100%;
		padding: 20px 20px;
		margin: 0 auto 0 auto;
	}
	.box2 .cont {
		padding: 20px 20px;
	}
}*/
/*.sp_ex1 {
	margin: 0 -20px;
}*/
.m_img {
  display: grid;
  grid-template-columns: calc(430% / 8.6) calc(215% / 8.6) calc(215% / 8.6);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 60px; }
  .m_img div:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2; }
  .m_img div:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3; }
  .m_img div:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3; }
  .m_img div:nth-child(4) {
    grid-area: 1 / 3 / 3 / 4; }
  @media screen and (max-width: 480px) {
    .m_img {
      margin: 0 -20px 30px;
      margin: 0 0 30px;
      /*grid-template-columns: calc(430% / 6.45) calc(215% / 6.45) 0;
      div:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
      div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
      div:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
      div:nth-child(4) { display: none; }*/
      grid-template-columns: 50% 50%;
      grid-template-rows: repeat(3, auto); }
      .m_img div:nth-child(1) {
        grid-area: 1 / 1 / 2 / 3; }
      .m_img div:nth-child(2) {
        grid-area: 2 / 1 / 3 / 2; }
      .m_img div:nth-child(3) {
        grid-area: 3 / 1 / 4 / 2; }
      .m_img div:nth-child(4) {
        grid-area: 2 / 2 / 4 / 3; } }

.img2 {
  display: flex;
  justify-content: center;
  gap: 5px; }

.ttl_en {
  color: #0075c2;
  font-size: clamp(32px, calc(50vw / 16), 50px);
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.3em; }
  @media screen and (max-width: 480px) {
    .ttl_en {
      font-size: calc(27vw / 3.9); } }

.cont_box {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .cont_box {
      display: block; } }
  .cont_box .l {
    width: calc(500% / 8.6); }
    @media screen and (max-width: 767px) {
      .cont_box .l {
        width: 100%;
        margin-bottom: 20px; } }
    .cont_box .l .txt01 {
      line-height: 1.8; }
    .cont_box .l .txt02 {
      line-height: 2.1; }
  .cont_box .r {
    width: calc(340% / 8.6); }
    @media screen and (max-width: 767px) {
      .cont_box .r {
        width: 100%; }
        .cont_box .r .min {
          width: 60%;
          margin-inline: auto; } }
    .cont_box .r .txt02 {
      line-height: 1.8; }
  .cont_box .txt01 {
    letter-spacing: 0.05em; }
  .cont_box .txt02 {
    letter-spacing: 0.05em; }

.shop_list {
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  padding: 10px 0;
  display: flex;
  gap: 2.5em;
  font-size: clamp(10px, calc(13vw / 16), 13px);
  letter-spacing: 0.05em;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .shop_list {
      justify-content: center; } }
  @media screen and (max-width: 480px) {
    .shop_list {
      font-size: calc(12vw / 3.9);
      justify-content: flex-start; } }

.shop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px; }
  @media screen and (max-width: 480px) {
    .shop {
      flex-direction: column;
      gap: 35px; } }
  .shop li {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .shop li {
        width: 100%; } }
    .shop li .sp_s {
      max-width: 415px;
      margin-inline: auto; }
    .shop li .t1 {
      margin-top: 0.8em;
      font-size: clamp(10px, calc(20vw / 16), 20px);
      letter-spacing: 0.05em;
      line-height: 1.3;
      padding-bottom: 0.2em;
      margin-bottom: 0.4em;
      border-bottom: solid 1px #333333; }
      @media screen and (max-width: 480px) {
        .shop li .t1 {
          font-size: calc(16vw / 3.9); } }
    .shop li .t2 {
      font-size: clamp(10px, calc(14vw / 16), 14px);
      letter-spacing: 0;
      line-height: 1.3;
      margin-bottom: 0.6em; }
      @media screen and (max-width: 480px) {
        .shop li .t2 {
          font-size: calc(12vw / 3.9); } }
    .shop li .t3 {
      font-size: clamp(10px, calc(16vw / 16), 16px);
      letter-spacing: 0.05em;
      line-height: 1;
      margin-bottom: 0.6em; }
      .shop li .t3 .l {
        font-size: 150%; }
      @media screen and (max-width: 480px) {
        .shop li .t3 {
          font-size: calc(13vw / 3.9); } }
    .shop li .t4 {
      text-align: center;
      font-size: clamp(10px, calc(15vw / 16), 15px);
      letter-spacing: 0.05em;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .shop li .t4 {
          text-align: left;
          font-size: calc(12vw / 3.9); } }

.sec {
  padding: 70px 0; }
  @media screen and (max-width: 480px) {
    .sec {
      padding: 50px 0; } }

.sec4 .inner {
  max-width: 1550px; }
  .sec4 .inner .box41 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .sec4 .inner .box41 {
        flex-direction: column;
        gap: 35px; } }
    .sec4 .inner .box41 > div {
      width: calc(750% / 15.5); }
      @media screen and (max-width: 767px) {
        .sec4 .inner .box41 > div {
          width: 100%;
          max-width: 750px;
          margin-inline: auto; } }
      .sec4 .inner .box41 > div .inn {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 5px; }
        .sec4 .inner .box41 > div .inn .img {
          width: calc(215% / 7.5); }
          @media screen and (max-width: 480px) {
            .sec4 .inner .box41 > div .inn .img {
              width: 34%; } }
          .sec4 .inner .box41 > div .inn .img figure {
            height: 100%; }
            .sec4 .inner .box41 > div .inn .img figure img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
        .sec4 .inner .box41 > div .inn .txt {
          width: calc(255% / 7.5); }
          @media screen and (max-width: 480px) {
            .sec4 .inner .box41 > div .inn .txt {
              width: 62%; } }
          .sec4 .inner .box41 > div .inn .txt .t41 {
            font-size: clamp(16px, calc(30vw / 15.5), 30px);
            font-weight: 700;
            letter-spacing: 0.1em;
            line-height: 1.4;
            font-feature-settings: "palt";
            margin-bottom: 0.6em;
            color: #003d6d; }
            @media screen and (max-width: 480px) {
              .sec4 .inner .box41 > div .inn .txt .t41 {
                font-size: calc(18vw / 3.9); }
                .sec4 .inner .box41 > div .inn .txt .t41.lo {
                  width: 60%; } }
          .sec4 .inner .box41 > div .inn .txt .txt02 {
            letter-spacing: 0;
            font-size: clamp(14px, calc(17vw / 15.5), 17px);
            margin-bottom: 0.8em; }
            @media screen and (max-width: 480px) {
              .sec4 .inner .box41 > div .inn .txt .txt02 {
                font-size: calc(14vw / 3.9); } }
          .sec4 .inner .box41 > div .inn .txt .txt03 {
            font-size: clamp(12px, calc(15vw / 15.5), 15px); }
            @media screen and (max-width: 480px) {
              .sec4 .inner .box41 > div .inn .txt .txt03 {
                font-size: calc(12vw / 3.9); } }
        .sec4 .inner .box41 > div .inn .fig {
          width: calc(240% / 7.5); }
          @media screen and (max-width: 480px) {
            .sec4 .inner .box41 > div .inn .fig {
              width: 100%; }
              .sec4 .inner .box41 > div .inn .fig figure {
                width: 80%;
                margin-inline: auto; } }

.sec5 .inner {
  max-width: 820px; }
  .sec5 .inner .box51 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec5 .inner .box51 {
        flex-direction: column;
        gap: 20px; } }
    .sec5 .inner .box51 li {
      width: calc(248% / 8.2); }
      @media screen and (max-width: 480px) {
        .sec5 .inner .box51 li {
          max-width: 248px;
          width: 64%;
          margin-inline: auto; } }
      .sec5 .inner .box51 li .flex {
        display: flex;
        align-items: baseline; }

.sec6 .box61 {
  display: flex; }
  @media screen and (max-width: 767px) {
    .sec6 .box61 {
      width: calc(100% - 40px);
      margin-inline: auto;
      flex-direction: column;
      gap: 25px; } }
  .sec6 .box61 > li {
    width: calc(100% / 3); }
    @media screen and (max-width: 767px) {
      .sec6 .box61 > li {
        width: 100%;
        max-width: 430px;
        margin-inline: auto; } }
    .sec6 .box61 > li .in {
      width: calc(100% - 40px);
      max-width: 430px;
      margin: 20px auto 0;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec6 .box61 > li .in {
          width: 100%; } }
      .sec6 .box61 > li .in .txt {
        width: calc(290% / 4.3); }
      .sec6 .box61 > li .in .img2 {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: calc(120% / 4.3); }
        @media screen and (max-width: 480px) {
          .sec6 .box61 > li .in .img2 li:nth-child(1) {
            height: 100%; }
            .sec6 .box61 > li .in .img2 li:nth-child(1) img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .sec6 .box61 > li .in .img2 li:nth-child(2) {
            display: none; }
          .sec6 .box61 > li .in .img2 li figure {
            height: 100%; } }
      .sec6 .box61 > li .in .t61 {
        font-size: clamp(16px, calc(25vw / 16), 25px);
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1;
        margin-bottom: 0.2em;
        font-feature-settings: "palt"; }
        @media screen and (max-width: 480px) {
          .sec6 .box61 > li .in .t61 {
            font-size: calc(19vw / 3.9); } }
      .sec6 .box61 > li .in .t62 {
        font-size: clamp(16px, calc(22vw / 16), 22px);
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1;
        margin-bottom: 0.5em;
        padding-bottom: 0.3em;
        border-bottom: solid 1px #333;
        font-feature-settings: "palt"; }
        .sec6 .box61 > li .in .t62 .l {
          font-size: 210%;
          color: #71653a; }
        .sec6 .box61 > li .in .t62 .l2 {
          font-size: 120%; }
        .sec6 .box61 > li .in .t62 .s {
          font-size: 70%; }
        @media screen and (max-width: 480px) {
          .sec6 .box61 > li .in .t62 {
            font-size: calc(16vw / 3.9); } }
      .sec6 .box61 > li .in .t63 {
        font-size: clamp(12px, calc(14vw / 16), 14px);
        letter-spacing: 0em;
        line-height: 1.7;
        font-feature-settings: "palt"; }
        @media screen and (max-width: 480px) {
          .sec6 .box61 > li .in .t63 {
            font-size: calc(12vw / 3.9); } }

.box62 {
  overflow: hidden;
  position: relative; }

.box62 li {
  padding: 5px;
  position: relative;
  width: 400px; }

.box62 li .img {
  position: relative; }

.box62 li .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4; }

.box62 li .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px; }

.box62 li .txt p {
  color: #fff; }

.box62 li .txt p:first-child {
  margin-bottom: 20px; }

@media screen and (max-width: 767px) {
  .box62 li .txt p:first-child {
    margin-bottom: 10px; } }
.box62 .t03 {
  font-size: clamp(12px, calc(20vw / 16), 20px); }
  @media screen and (max-width: 480px) {
    .box62 .t03 {
      font-size: calc(16vw / 3.9); } }

.box62 .t05 {
  font-size: clamp(12px, calc(18vw / 16), 18px); }
  .box62 .t05 .l {
    font-size: 140%; }
  @media screen and (max-width: 480px) {
    .box62 .t05 {
      font-size: calc(12vw / 3.9); } }

.slick_button_prev,
.slick_button_next {
  display: none; }

@media screen and (max-width: 767px) {
  .slick_button_prev,
  .slick_button_next {
    color: #000;
    text-shadow: 0 0 4px #fff;
    display: block;
    position: absolute; }

  .slick_button_prev,
  .slick_button_next {
    width: 50px;
    height: 50px;
    margin-top: calc(0px - (50px/ 2));
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center; }

  .slick_button_prev .arrow,
  .slick_button_next .arrow {
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  .slick_button_prev {
    left: 5px;
    top: 50%;
    right: auto;
    z-index: 100; }

  .slick_button_next {
    right: 5px;
    top: 50%;
    left: auto;
    z-index: 100; } }
.sec7 {
  padding-bottom: 6.25rem; }
  @media screen and (max-width: 767px) {
    .sec7 {
      padding-bottom: 5.5rem; } }
  .sec7 .inner {
    max-width: 1430px; }

.sec7_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.sec7_wrap .map_box {
  width: calc(930% / 14.3); }

.lifeinfo_wrap {
  width: calc(460% / 14.3); }

.lifeinfo_tab {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 5px; }

.lifeinfo_tab .item {
  width: calc(144% / 4.6);
  height: 2.67em;
  font-size: 15px;
  font-size: clamp(10px, calc(15vw / 14.3), 15px);
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #333;
  background: #f5f5f5;
  transition: background 0.4s ease-in-out,color 0.4s ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px; }
  .lifeinfo_tab .item .s {
    font-size: 70%; }
  .lifeinfo_tab .item.l {
    width: calc(224% / 4.6); }

.lifeinfo_tab .item:hover,
.lifeinfo_tab .item.active {
  color: #fff;
  background: #0075c2; }

.lifeinfo_content {
  position: relative; }

.lifeinfo_content .item {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s ease-in-out; }

.lifeinfo_content .item.active {
  position: relative;
  pointer-events: all;
  opacity: 1; }

.lifeinfo_content ul {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px calc(10% / 4.6);
  max-width: 460px;
  margin-inline: auto; }
  .lifeinfo_content ul li {
    width: calc(225% / 4.6); }
    .lifeinfo_content ul li p {
      margin-top: 0.4em;
      font-size: clamp(10px, calc(13vw / 14.3), 13px);
      line-height: 1.2; }
      .lifeinfo_content ul li p .l {
        font-size: 140%; }
      .lifeinfo_content ul li p .s {
        font-size: 80%; }
      @media screen and (max-width: 480px) {
        .lifeinfo_content ul li p {
          font-size: calc(11vw / 3.9); } }

.lifeinfo_content table {
  width: 100%; }

.lifeinfo_content table td {
  font-size: clamp(10px, calc(15vw / 14.3), 15px);
  line-height: 1;
  padding: 0.5em 0;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 480px) {
    .lifeinfo_content table td {
      font-size: calc(12vw / 3.9); } }

.lifeinfo_content table td:nth-child(1) {
  text-align: left;
  flex: 1;
  display: flex;
  align-items: baseline; }
  .lifeinfo_content table td:nth-child(1)::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #333;
    margin: 0 0.5em;
    transform: translateY(-0.3em); }

.lifeinfo_content table td:nth-child(2) {
  width: 2em;
  text-align: right; }

.lifeinfo_content table td:nth-child(3) {
  width: 2.3em;
  text-align: right; }

.lifeinfo_content table td:nth-child(4) {
  width: 1.8em;
  text-align: right; }

.lifeinfo_content table td:nth-child(5) {
  width: 4.2em;
  text-align: right; }

@media screen and (max-width: 767px) {
  .sec7_wrap {
    display: block; }

  .sec7_wrap .map_box {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 100%; }

  .lifeinfo_wrap {
    width: 100%; }

  .lifeinfo_tab {
    flex-wrap: wrap;
    padding-bottom: 20px; }

  .lifeinfo_tab .item {
    width: 32%;
    height: 4em;
    font-size: calc(13vw / 3.9);
    line-height: 1.2;
    letter-spacing: -0.05em;
    text-align: center;
    margin-bottom: 5px;
    margin-bottom: 5px; }
    .lifeinfo_tab .item .s {
      font-size: 80%; }

  .lifeinfo_content table th,
  .lifeinfo_content table td {
    font-size: calc(11vw / 3.9); } }

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