@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .cap {
  display: inline-block;
  width: 100%;
  background: rgba(0, 0, 0, 0.65); }

.contents_wrap p {
  letter-spacing: 0.1em; }

.sec_ttl.black {
  color: #333; }

.read.min {
  font-size: 13px; }

.en_ttl {
  font-weight: 600; }

.inner {
  max-width: 1150px; }

.lead {
  font-size: clamp(16px, 1.667vw, 20px); }

.img {
  position: relative; }
  .img .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    aspect-ratio: 1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    display: grid;
    place-items: center;
    font-size: clamp(14px, 1.334vw, 16px); }

.sec01 {
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  .sec01::before {
    content: '';
    position: absolute;
    inset: 0;
    top: auto;
    background: url("../images/location/bg01.jpg") center center/cover no-repeat;
    width: 100%;
    top: 10.6%;
    z-index: -1; }
    @media screen and (max-width: 480px) {
      .sec01::before {
        top: 14.3%; } }
  .sec01 .img {
    mix-blend-mode: multiply;
    position: relative;
    max-width: 1600px;
    margin: 0 auto; }
    .sec01 .img .cap {
      bottom: 20%;
      right: 16.25%;
      color: #333;
      text-shadow: none; }
      @media screen and (max-width: 480px) {
        .sec01 .img .cap {
          right: 5px;
          bottom: 5px; } }

.grid_wrap {
  display: grid;
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  justify-content: space-between;
  row-gap: 7px; }

.sec02 .sec02_wrap {
  margin-bottom: clamp(50px, 10vw, 120px); }
  .sec02 .sec02_wrap .ttl_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap .ttl_wrap {
        flex-direction: column;
        margin-right: 0;
        align-items: center;
        row-gap: 10px; } }
    .sec02 .sec02_wrap .ttl_wrap .area_ttl {
      position: relative;
      width: 54.07%;
      font-size: clamp(20px, 2.667vw, 32px);
      background: #d28556;
      line-height: 1;
      color: #fff;
      padding: 20px 0;
      padding-left: 14.07%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .ttl_wrap .area_ttl {
          padding-left: 0;
          width: 100%;
          text-align: center; } }
      .sec02 .sec02_wrap .ttl_wrap .area_ttl .min {
        font-size: 65%; }
      .sec02 .sec02_wrap .ttl_wrap .area_ttl::after {
        content: '';
        width: 55px;
        height: 100%;
        position: absolute;
        left: 100%;
        top: 0;
        clip-path: polygon(0 0, 0% 100%, 100% 0);
        background: #d28556;
        transform: translate(-1px, 0px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .ttl_wrap .area_ttl::after {
            display: none; } }
    .sec02 .sec02_wrap .ttl_wrap .txt {
      font-size: clamp(16px, 1.25vw, 20px); }
      @media screen and (min-width: 960px) {
        .sec02 .sec02_wrap .ttl_wrap .txt {
          max-width: 1150px;
          width: 100%;
          position: absolute;
          margin: 0 auto;
          left: 0;
          right: 0;
          text-align: right; } }
  .sec02 .sec02_wrap .fdc_wrap {
    display: flex;
    flex-direction: column;
    row-gap: clamp(30px, 5.834vw, 70px); }
.sec02 .sec02_wrap01 .img .icon {
  background: #d28556; }
.sec02 .sec02_wrap01 .ttl_wrap .area_ttl {
  background: #d28556; }
  .sec02 .sec02_wrap01 .ttl_wrap .area_ttl::after {
    background: #d28556; }
.sec02 .sec02_wrap01 .wrap01 {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 6px; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap01 {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px; } }
  .sec02 .sec02_wrap01 .wrap01 .img:nth-child(1) {
    grid-column: span 2; }
    @media screen and (min-width: 960px) {
      .sec02 .sec02_wrap01 .wrap01 .img:nth-child(1) {
        grid-row: span 2; } }
  @media screen and (min-width: 960px) {
    .sec02 .sec02_wrap01 .wrap01 .img:nth-child(6) {
      grid-column: 3/5;
      grid-row: 2/4; } }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap01 .img:nth-child(6) {
      grid-column: span 2; } }
@media screen and (max-width: 480px) {
  .sec02 .sec02_wrap01 .wrap02 {
    flex-direction: column;
    row-gap: 15px;
    margin-top: -25px; } }
.sec02 .sec02_wrap01 .wrap02 .img {
  width: 50.18%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap02 .img {
      width: 100%; } }
.sec02 .sec02_wrap01 .wrap02 .in_box {
  position: relative;
  width: 49.14%;
  flex-wrap: wrap;
  row-gap: clamp(15px, 3.479vw, 40px); }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap02 .in_box {
      width: 100%; } }
  .sec02 .sec02_wrap01 .wrap02 .in_box::before {
    content: '';
    position: absolute;
    top: -33.5%;
    right: 0;
    z-index: -1;
    width: 75.05%;
    aspect-ratio: 424/316;
    background: #e6c3aa; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .wrap02 .in_box::before {
        display: none; } }
  .sec02 .sec02_wrap01 .wrap02 .in_box .img, .sec02 .sec02_wrap01 .wrap02 .in_box .cap_l {
    width: 49.05%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap02 .in_box .img {
      max-width: 283px;
      margin-inline: auto;
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap02 .in_box .cap_l {
      background: #e6c3aa;
      padding: 15px;
      width: 100%;
      text-align: center; } }
  .sec02 .sec02_wrap01 .wrap02 .in_box .read {
    width: fit-content;
    margin-inline: auto; }
    @media screen and (min-width: 960px) {
      .sec02 .sec02_wrap01 .wrap02 .in_box .read {
        line-height: 2.54; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .wrap02 .in_box .read {
        text-align: center; } }
.sec02 .sec02_wrap01 .wrap03 {
  flex-direction: row-reverse;
  row-gap: 15px; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap01 .wrap03 {
      flex-direction: column; } }
  .sec02 .sec02_wrap01 .wrap03 .img {
    width: 50.18%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .wrap03 .img {
        width: 100%; } }
  .sec02 .sec02_wrap01 .wrap03 .in_box {
    width: 46.96%;
    border-top: 1px solid #9a8071;
    padding-top: clamp(10px, 2.5vw, 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 .wrap03 .in_box {
        width: 100%;
        row-gap: 20px;
        justify-content: center;
        column-gap: 4%; } }
    .sec02 .sec02_wrap01 .wrap03 .in_box .lead {
      flex-shrink: 0; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .wrap03 .in_box .lead {
          text-align: center; } }
    .sec02 .sec02_wrap01 .wrap03 .in_box .item {
      width: 48.34%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .wrap03 .in_box .item {
          width: 48%; } }
      .sec02 .sec02_wrap01 .wrap03 .in_box .item .txt_img {
        width: 92.73%;
        padding-bottom: 10px;
        border-bottom: 1px solid #9a8071;
        line-height: 1;
        font-size: 0;
        margin-bottom: 5px;
        margin-top: 5px; }
      .sec02 .sec02_wrap01 .wrap03 .in_box .item.item02 .txt_img {
        width: 100%; }
.sec02 .sec02_wrap02 .img .icon {
  background: #61669c; }
.sec02 .sec02_wrap02 .ttl_wrap .area_ttl {
  background: #61669c; }
  .sec02 .sec02_wrap02 .ttl_wrap .area_ttl::after {
    background: #61669c; }
@media screen and (max-width: 480px) {
  .sec02 .sec02_wrap02 .wrap01 {
    display: flex;
    flex-direction: column;
    row-gap: 15px; } }
.sec02 .sec02_wrap02 .wrap01 .grid_wrap {
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  column-gap: 6px;
  row-gap: 4px; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap02 .wrap01 .grid_wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px; } }
  .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(1) {
    grid-row: span 2;
    grid-column: span 2; }
  .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(5) {
    grid-row: span 2; }
  .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(6) {
    grid-column: 2/3; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(6) {
        grid-column: auto; } }
  .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(7) {
    grid-column: 3/4; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 .wrap01 .grid_wrap .img:nth-child(7) {
        grid-column: span 2;
        max-width: 283px;
        margin-inline: auto; } }
.sec02 .sec02_wrap02 .wrap01 .text_wrap {
  display: flex;
  align-items: flex-end;
  column-gap: 5.22%;
  margin-top: -17.2%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap02 .wrap01 .text_wrap {
      flex-direction: column;
      margin-top: 0;
      align-items: center; } }
  .sec02 .sec02_wrap02 .wrap01 .text_wrap .cap_l {
    aspect-ratio: 577/324;
    width: 50.18%;
    background: #d8dae7;
    padding: 30px;
    align-content: flex-end; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 .wrap01 .text_wrap .cap_l {
        width: 100%;
        padding: 10px;
        aspect-ratio: auto;
        margin-bottom: 10px;
        text-align: center; } }
  .sec02 .sec02_wrap02 .wrap01 .text_wrap .read {
    line-height: 2.54; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 .wrap01 .text_wrap .read {
        text-align: center; } }
.sec02 .sec02_wrap02 .wrap02 .grid_wrap {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 4px;
  row-gap: 2px;
  margin-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap02 .wrap02 .grid_wrap {
      grid-template-columns: repeat(2, 1fr); } }
  .sec02 .sec02_wrap02 .wrap02 .grid_wrap .img:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2; }
.sec02 .sec02_wrap02 .wrap02 .read {
  line-height: 2.54;
  margin-left: 2em; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap02 .wrap02 .read {
      margin-left: 0;
      text-align: center; } }
.sec02 .sec02_wrap03 .img .icon {
  background: #338f81; }
.sec02 .sec02_wrap03 .ttl_wrap .area_ttl {
  background: #338f81; }
  .sec02 .sec02_wrap03 .ttl_wrap .area_ttl::after {
    background: #338f81; }
.sec02 .sec02_wrap03 .wrap01 .item_wrap {
  position: relative;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-end;
  column-gap: 3px;
  z-index: 1; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap03 .wrap01 .item_wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px;
      margin-bottom: 10px; } }
  .sec02 .sec02_wrap03 .wrap01 .item_wrap::before {
    content: '';
    width: 57.4%;
    aspect-ratio: 660/394;
    background: #d5e4e1;
    position: absolute;
    bottom: -26.5%;
    right: 0;
    z-index: -1; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap03 .wrap01 .item_wrap::before {
        display: none; } }
  .sec02 .sec02_wrap03 .wrap01 .item_wrap .img:nth-child(1), .sec02 .sec02_wrap03 .wrap01 .item_wrap .img:nth-child(2) {
    grid-column: span 2; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap03 .wrap01 .item_wrap .img:nth-child(5) {
      max-width: 283px;
      margin-inline: auto;
      grid-column: span 2; } }
  .sec02 .sec02_wrap03 .wrap01 .item_wrap .cap_l {
    padding: 0 20px; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap03 .wrap01 .item_wrap .cap_l {
        padding: 15px;
        background: #d5e4e1;
        grid-column: span 2;
        margin-top: 10px;
        text-align: center; } }
.sec02 .sec02_wrap03 .wrap01 .read {
  line-height: 2.54;
  margin-top: 2em;
  margin-left: 2em; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap03 .wrap01 .read {
      margin-left: 0;
      margin-top: 0;
      text-align: center; } }

.sec03 {
  padding: 70px 0 55px;
  background: url("../images/location/bg02.jpg") center center/cover no-repeat; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding: 50px 0; } }
  .sec03 .ttl_wrap {
    color: #fff; }
    .sec03 .ttl_wrap .sec_ttl {
      color: #fff; }
  .sec03 .img .icon {
    background: #c45920; }
  .sec03 .grid_wrap {
    row-gap: 4px; }
    @media screen and (max-width: 480px) {
      .sec03 .grid_wrap {
        column-gap: 5px; } }
    .sec03 .grid_wrap .img:nth-child(1) {
      grid-column: span 2; }
      @media screen and (min-width: 960px) {
        .sec03 .grid_wrap .img:nth-child(1) {
          grid-row: span 2; } }
    @media screen and (min-width: 960px) {
      .sec03 .grid_wrap .img:nth-child(6) {
        grid-column: 3/5;
        grid-row: 2/4; } }
    @media screen and (max-width: 480px) {
      .sec03 .grid_wrap .img:nth-child(6) {
        grid-column: span 2; } }
  .sec03 .cap_l {
    color: #fff; }

@media screen and (max-width: 480px) {
  .ls0_sp {
    letter-spacing: 0 !important; } }

.pinch_box {
  width: calc(100% - 40px);
  margin-inline: auto; }

.bnr_ttl {
  line-height: 1;
  color: #002a55;
  font-size: clamp(14px, 1.286vw, 18px);
  margin: 0 auto 0.7em;
  text-align: center; }

.bnr_txt {
  line-height: 1;
  color: #002a55;
  font-size: clamp(16px, 1.572vw, 22px);
  padding: 0.6em 0;
  max-width: 800px;
  margin: 0 auto;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #002a55;
  margin-bottom: 0.8em;
  text-align: center; }

@media screen and (max-width: 480px) {
  .swipe1 figure,
  .swipe1 img {
    width: 800px;
    max-width: 800px; } }

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