/*! Writen  by SCSS */
.gnavi_in .gnavi_img .current {
  background: url("../images/common/nav_img_loc.jpg") center center/cover; }

@media screen and (max-width: 767px) {
  .t_cap_bg {
    line-height: 1.4; } }

body .wrap {
  overflow: visible; }

.wrap {
  padding-top: 0 !important; }

div.container {
  padding-top: 0;
  padding-bottom: 0; }

.inner_830 {
  max-width: 830px;
  margin: 0 auto; }

.sec {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .sec {
      padding: 30px 0; } }
  .sec .tab {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .sec .tab {
        gap: 5px; } }
    .sec .tab li {
      max-width: calc((100% - 20px) / 3);
      width: 280px;
      background: #a6afb4; }
      @media screen and (max-width: 767px) {
        .sec .tab li {
          max-width: calc((100% - 10px) / 3); } }
      .sec .tab li a {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        padding: 15px 10px;
        text-align: center;
        font-size: clamp(12px, calc(18vw / 13.2), 18px);
        line-height: 1.4;
        letter-spacing: 0.1em;
        color: #fff;
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 767px) {
          .sec .tab li a {
            padding: 8px 5px; } }
        .sec .tab li a::after {
          content: "";
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, #004ca0, #0a2682);
          opacity: 0;
          transition: all 0.4s ease-in-out; }
        .sec .tab li a.active::after, .sec .tab li a:hover::after {
          opacity: 1; }
  .sec .box {
    padding-bottom: 80px; }
    .sec .box.bg {
      background: #efeeef; }
    @media screen and (max-width: 480px) {
      .sec .box {
        padding-bottom: 40px; } }
  .sec .t1 {
    font-size: clamp(16px, calc(22vw / 8.7), 22px);
    line-height: 1.4;
    font-weight: 400; }
    .sec .t1 .s {
      font-size: 70%; }
  .sec .t3 {
    font-size: clamp(12px, calc(16vw / 13.2), 16px);
    letter-spacing: 0.08em;
    font-weight: 400;
    color: #555;
    line-height: 1.8; }
    .sec .t3.ttl {
      display: flex;
      align-items: center; }
      .sec .t3.ttl::after {
        content: "";
        flex: 1;
        height: 1px;
        margin-left: 10px;
        background: #000; }

.sec0 {
  background: #efeeef;
  padding-top: 0;
  padding-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec0 {
      padding-bottom: 40px; } }

.sec01 .box11 {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec01 .box11 {
      display: block; } }
  .sec01 .box11 .img {
    width: calc(360% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec01 .box11 .img {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
        width: calc(100% + 40px);
        margin: 0 -20px 15px; } }
    @media screen and (max-width: 480px) {
      .sec01 .box11 .img li {
        width: calc(100% / 3); } }
    .sec01 .box11 .img li:not(:last-child) {
      margin-bottom: calc(10% / 3.6); }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .img li:not(:last-child) {
          margin-bottom: 0; } }
  .sec01 .box11 .txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(430% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec01 .box11 .txt {
        width: 100%;
        display: block; } }
    .sec01 .box11 .txt .t1 {
      margin-bottom: 1.4em;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .txt .t1 {
          margin-bottom: 0.8em; } }
    .sec01 .box11 .txt .mb {
      margin-bottom: 4em; }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .txt .mb {
          margin-bottom: 1.8em; } }
    .sec01 .box11 .txt .t4 {
      font-size: clamp(16px, calc(24vw / 8.7), 24px);
      line-height: 1;
      margin-bottom: 0.4em;
      font-weight: 400; }
    .sec01 .box11 .txt .t5 {
      font-size: clamp(14px, calc(20vw / 8.7), 20px);
      line-height: 1;
      margin-bottom: 0.8em;
      font-weight: 400; }
    .sec01 .box11 .txt .bg {
      height: calc(220% / 6.4);
      background: #eeedee;
      padding: 15px 25px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .txt .bg {
          margin-top: 15px; } }
.sec01 .box12 {
  max-width: 890px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec01 .box12 {
      display: block; } }
  .sec01 .box12 .fig {
    width: calc(590% / 8.9);
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec01 .box12 .fig {
        width: 100%;
        margin: 15px 0; } }
  .sec01 .box12 .img {
    width: calc(273% / /.9); }
    .sec01 .box12 .img.vsp {
      display: none; }
    @media screen and (max-width: 480px) {
      .sec01 .box12 .img {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px; }
        .sec01 .box12 .img.vsp {
          display: flex; } }
    .sec01 .box12 .img li {
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec01 .box12 .img li {
          width: 50%; } }
      .sec01 .box12 .img li:not(:last-child) {
        margin-bottom: 5px; }
        @media screen and (max-width: 480px) {
          .sec01 .box12 .img li:not(:last-child) {
            margin-bottom: 0; } }
.sec01 .box13 {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec01 .box13 {
      display: block; } }
  .sec01 .box13 .img {
    width: calc(360% / 8.3);
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec01 .box13 .img {
        width: 100%;
        margin-bottom: 15px;
        max-width: 80%;
        margin: 0 auto 15px; } }
  .sec01 .box13 .txt {
    width: calc(430% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec01 .box13 .txt {
        width: 100%; } }
    .sec01 .box13 .txt .t1 {
      margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        .sec01 .box13 .txt .t1 {
          margin-bottom: 0.8em; } }
    .sec01 .box13 .txt .mb {
      margin-bottom: 3.4em; }
      @media screen and (max-width: 480px) {
        .sec01 .box13 .txt .mb {
          margin-bottom: 1.8em; } }
.sec01 .box14 {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec01 .box14 {
      display: block; } }
  .sec01 .box14 .img {
    width: calc(360% / 8.3);
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec01 .box14 .img {
        width: 100%;
        margin-bottom: 15px;
        max-width: 80%;
        margin: 0 auto 15px; } }
  .sec01 .box14 .txt {
    width: calc(430% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec01 .box14 .txt {
        width: 100%; } }
    .sec01 .box14 .txt .t1 {
      margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        .sec01 .box14 .txt .t1 {
          margin-bottom: 0.8em; } }
    .sec01 .box14 .txt .mb {
      margin-bottom: 2em; }
      @media screen and (max-width: 480px) {
        .sec01 .box14 .txt .mb {
          margin-bottom: 1.8em; } }
.sec01 .fig01 {
  text-align: center; }
  .sec01 .fig01 .inn {
    display: inline-block;
    position: relative; }
    .sec01 .fig01 .inn .img1 {
      position: absolute;
      top: 0;
      right: 0;
      width: calc(385% / 8.7); }
      @media screen and (max-width: 480px) {
        .sec01 .fig01 .inn .img1 {
          position: static;
          width: 50%; } }
    .sec01 .fig01 .inn .img2 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(385% / 8.7); }
      @media screen and (max-width: 480px) {
        .sec01 .fig01 .inn .img2 {
          position: static;
          width: 50%; } }
    @media screen and (min-width: 480px) {
      .sec01 .fig01 .inn .cap03 {
        right: calc(150% / 8.7);
        bottom: calc(150% / 9.3); } }
    @media screen and (max-width: 480px) {
      .sec01 .fig01 .inn .cap03 {
        bottom: calc(40% / 3.58); } }
  @media screen and (max-width: 480px) {
    .sec01 .fig01 .fig01_imgs {
      display: flex;
      width: calc(100% + 40px);
      margin: 0 -20px; }
      .sec01 .fig01 .fig01_imgs > div {
        width: 50%;
        position: relative; } }

.sec02 .box21 {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  @media screen and (max-width: 480px) {
    .sec02 .box21 {
      display: block; } }
  .sec02 .box21 .img {
    width: calc(360% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec02 .box21 .img {
        width: 100%;
        display: flex;
        margin-bottom: 15px; } }
    .sec02 .box21 .img li:not(:last-child) {
      margin-bottom: calc(10% / 3.6); }
      @media screen and (max-width: 480px) {
        .sec02 .box21 .img li:not(:last-child) {
          margin-bottom: calc(10% / 3.6);
          margin-right: 5px; } }
  .sec02 .box21 .txt {
    width: calc(430% / 8.3); }
    @media screen and (max-width: 480px) {
      .sec02 .box21 .txt {
        width: 100%;
        display: block; } }
    .sec02 .box21 .txt .t1 {
      margin-bottom: 1.4em; }
      @media screen and (max-width: 480px) {
        .sec02 .box21 .txt .t1 {
          margin-bottom: 0.8em; } }
    .sec02 .box21 .txt .mb {
      margin-bottom: 4em; }
      @media screen and (max-width: 480px) {
        .sec02 .box21 .txt .mb {
          margin-bottom: 1.8em; } }
    .sec02 .box21 .txt .img2 {
      display: flex;
      justify-content: space-between; }
      .sec02 .box21 .txt .img2 li {
        width: calc(208% / 4.3); }
        @media screen and (max-width: 480px) {
          .sec02 .box21 .txt .img2 li {
            width: auto; } }
        @media screen and (max-width: 480px) {
          .sec02 .box21 .txt .img2 li:not(:last-child) {
            margin-right: 5px; } }
.sec02 .ttl23 {
  font-size: clamp(14px, calc(18vw / 8.7), 18px);
  line-height: 1;
  letter-spacing: 0.08em;
  margin-bottom: 1em;
  font-weight: 400;
  text-align: center;
  color: #fff;
  padding: 0.5em 10px;
  max-width: 830px;
  margin: 0 auto 1.6em;
  background: linear-gradient(90deg, #004ca0, #0a2682); }
.sec02 .box23 {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .sec02 .box23:not(:last-child) {
    margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    .sec02 .box23 {
      display: block; } }
  .sec02 .box23 .img {
    width: calc(360% / 8.3); }
    @media screen and (max-width: 600px) {
      .sec02 .box23 .img {
        max-width: 364px;
        width: 100%;
        margin: 0 auto 15px;
        margin-bottom: 15px; } }
  .sec02 .box23 .txt {
    width: calc(430% / 8.3); }
    @media screen and (max-width: 600px) {
      .sec02 .box23 .txt {
        width: 100%; } }
    .sec02 .box23 .txt .t6 {
      font-size: clamp(14px, calc(18vw / 8.7), 18px);
      line-height: 1;
      margin-bottom: 1em;
      font-weight: 400; }
    .sec02 .box23 .txt ul li {
      font-size: clamp(15px, calc(19vw / 8.7), 19px);
      font-size: clamp(14px, calc(17vw / 8.7), 17px);
      line-height: 1.4;
      font-weight: 400;
      padding: 0.8em 0;
      position: relative; }
      .sec02 .box23 .txt ul li p {
        padding-left: 1em;
        text-indent: -1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        padding-right: 25px;
        position: relative; }
        .sec02 .box23 .txt ul li p .small {
          font-size: 80%; }
      .sec02 .box23 .txt ul li::after {
        position: absolute;
        left: 0;
        bottom: -4px;
        background: radial-gradient(circle farthest-side, #b5b5b5, #b5b5b5 45%, transparent 45%, transparent);
        background-size: 8px;
        content: '';
        display: inline-block;
        height: 8px;
        width: 100%; }
      .sec02 .box23 .txt ul li:first-child::before {
        position: absolute;
        left: 0;
        top: -4px;
        background: radial-gradient(circle farthest-side, #b5b5b5, #b5b5b5 45%, transparent 45%, transparent);
        background-size: 8px;
        content: '';
        display: inline-block;
        height: 8px;
        width: 100%; }
      .sec02 .box23 .txt ul li .icon {
        width: 23px;
        height: 23px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background: linear-gradient(90deg, #004ca0, #0a2682); }
        .sec02 .box23 .txt ul li .icon::before {
          content: "";
          position: absolute;
          top: calc(50% - 1px);
          left: 4px;
          width: 15px;
          height: 2px;
          margin: auto;
          background: #fff;
          transition: all 0.5s ease-in-out 0s; }
        .sec02 .box23 .txt ul li .icon::after {
          content: "";
          position: absolute;
          left: calc(50% - 1px);
          top: 0;
          height: 15px;
          bottom: 0;
          margin: auto;
          width: 2px;
          background: #fff;
          transition: all 0.5s ease-in-out 0s; }
      .sec02 .box23 .txt ul li .txts {
        display: grid;
        grid-template-rows: 0fr;
        transition: all 0.5s ease-in-out 0s; }
        .sec02 .box23 .txt ul li .txts > div {
          overflow: hidden;
          font-size: clamp(13px, calc(14vw / 8.7), 14px);
          line-height: 1.8; }
      .sec02 .box23 .txt ul li.act .icon::before {
        transform: rotate(180deg); }
      .sec02 .box23 .txt ul li.act .icon::after {
        transform: rotate(90deg); }
      .sec02 .box23 .txt ul li.act .txts {
        padding-top: 0.5em;
        grid-template-rows: 1fr; }

.location-list {
  position: relative; }
  .location-list .swiper-pagination-progressbar.swiper-pagination-horizontal {
    left: 20px; }
    @media screen and (max-width: 767px) {
      .location-list .swiper-pagination-progressbar.swiper-pagination-horizontal {
        left: 15px; } }
  .location-list li.swiper-slide {
    padding-left: 2px !important;
    padding-right: 2px !important; }
    @media screen and (max-width: 767px) {
      .location-list li.swiper-slide {
        padding-left: 2px !important;
        padding-right: 2px !important; } }
    .location-list li.swiper-slide .img {
      margin-bottom: 12px;
      position: relative; }
      .location-list li.swiper-slide .img .cap {
        bottom: -18px; }
        @media screen and (max-width: 480px) {
          .location-list li.swiper-slide .img .cap {
            bottom: -14px;
            bottom: 0;
            color: #fff;
            background: rgba(0, 0, 0, 0.5);
            padding: 1px 8px;
            right: 0; } }
  .location-list .txt {
    text-align: left;
    padding: 0 5px; }
    .location-list .txt .name {
      font-size: clamp(14px, calc(18vw / 16), 18px);
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .location-list .txt .name {
          font-size: 15px; } }
      .location-list .txt .name .small {
        font-size: 70%; }
      .location-list .txt .name .s {
        display: block;
        font-size: 70%; }
        @media screen and (max-width: 767px) {
          .location-list .txt .name .s {
            margin-top: 0.3em;
            display: block;
            margin-left: 0; } }
    .location-list .txt .t3 {
      color: #333;
      margin-top: 0.4em;
      padding-right: 0.5em; }
    .location-list .txt .list_ttl {
      font-size: clamp(15px, calc(24vw / 16), 24px);
      line-height: 1;
      margin-top: 0.6em;
      margin-bottom: 0.5em;
      color: #938059;
      display: flex;
      align-items: center; }
      .location-list .txt .list_ttl::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #938059;
        margin-left: 1em; }
    .location-list .txt .list {
      font-size: clamp(12px, calc(16vw / 16), 16px);
      display: flex;
      flex-wrap: wrap;
      gap: 0em 1em; }
      .location-list .txt .list li {
        white-space: nowrap; }
        .location-list .txt .list li.item_wide {
          width: 100%; }
        .location-list .txt .list li .text_box {
          color: #777; }
        .location-list .txt .list li .cap_l {
          width: 100%; }
        .location-list .txt .list li.ex {
          width: 100%;
          margin-top: -0.3em; }
  .location-list .swiper {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      .location-list .swiper {
        padding-top: 20px; } }
  .location-list .swiper-paginationWrap {
    z-index: 10;
    position: absolute;
    top: 7.25vw;
    right: 20px;
    left: 20px; }
    @media screen and (max-width: 767px) {
      .location-list .swiper-paginationWrap {
        top: 25vw;
        right: 10px;
        left: 10px; } }
    .location-list .swiper-paginationWrap .btn-wrap {
      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      gap: 10px; }
      .location-list .swiper-paginationWrap .btn-wrap .prev, .location-list .swiper-paginationWrap .btn-wrap .next {
        padding: 0;
        margin: 0;
        width: 49px;
        height: 49px;
        background: none;
        border: none;
        outline: none;
        transition: 0.4s ease;
        cursor: pointer; }
        @media screen and (max-width: 767px) {
          .location-list .swiper-paginationWrap .btn-wrap .prev, .location-list .swiper-paginationWrap .btn-wrap .next {
            width: 30px;
            height: 30px; } }

.sec03 {
  background: #efeeef;
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    .sec03 {
      padding: 40px 0; } }
  .sec03 .inner .lifeinfo_wrap {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .sec03 .inner .lifeinfo_wrap {
        display: block; } }
    .sec03 .inner .lifeinfo_wrap .lifeinfo_map {
      width: calc(780% / 12.8);
      order: 2;
      position: relative; }
      @media screen and (max-width: 767px) {
        .sec03 .inner .lifeinfo_wrap .lifeinfo_map {
          width: 100%;
          padding: 0;
          height: 100vw;
          margin-bottom: 15px; } }
      @media screen and (max-width: 480px) {
        .sec03 .inner .lifeinfo_wrap .lifeinfo_map {
          width: calc(100% + 40px);
          margin: 0 -20px 15px; } }
      .sec03 .inner .lifeinfo_wrap .lifeinfo_map .gmaps {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
    .sec03 .inner .lifeinfo_wrap .lifeinfo_tab {
      width: 100%;
      order: 1;
      display: flex;
      justify-content: center;
      margin-bottom: 30px;
      border: solid 1px #fff;
      flex-wrap: wrap; }
      .sec03 .inner .lifeinfo_wrap .lifeinfo_tab.bottom {
        order: 4;
        margin-top: 30px; }
      @media screen and (max-width: 480px) {
        .sec03 .inner .lifeinfo_wrap .lifeinfo_tab {
          width: calc(100% + 40px);
          margin: 0 -20px 15px; }
          .sec03 .inner .lifeinfo_wrap .lifeinfo_tab.bottom {
            margin-top: 15px; } }
      .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item {
        width: calc(100% / 6);
        border: solid 1px #fff;
        cursor: pointer;
        background: #a6afb4;
        color: #fff;
        padding: 1.18% 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item p {
          z-index: 5;
          position: relative;
          font-size: clamp(12px, calc(18vw / 13.4), 18px);
          font-size: clamp(12px, calc(16vw / 13.4), 16px);
          font-weight: 400;
          text-align: center;
          line-height: 1.3; }
          @media screen and (max-width: 375px) {
            .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item p {
              font-size: 11px; } }
        @media screen and (max-width: 767px) {
          .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item {
            padding: 15px 5px;
            width: calc(100% / 3); } }
        .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, #004ca0, #151a7a);
          opacity: 0;
          transition: all 0.3s ease-in-out; }
        @media (hover: hover) {
          .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item:hover::after {
            opacity: 1; } }
        .sec03 .inner .lifeinfo_wrap .lifeinfo_tab .tab_item.active::after {
          opacity: 1; }
    .sec03 .inner .lifeinfo_wrap .lifeinfo_list {
      order: 3;
      position: relative;
      width: calc(480% / 12.8); }
      @media screen and (max-width: 767px) {
        .sec03 .inner .lifeinfo_wrap .lifeinfo_list {
          width: 100%;
          margin-bottom: 15px; } }
      .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
        /*&::before{
        	content: "";
        	display: block;
        	position: absolute;
        	margin: auto;
        	max-width: 201px;
        	width: 100%;
        	aspect-ratio: 201 / 37;
        	inset: 0;
        	z-index: 2;
        	background: url("../images/location/02/icon_dammy.png") center / cover no-repeat;
        }*/ }
        .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item.active {
          position: relative;
          opacity: 1;
          pointer-events: all; }
        .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list {
          height: 575px;
          overflow-y: scroll;
          padding-top: 15px;
          padding-bottom: 15px; }
          @media screen and (max-width: 767px) {
            .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list {
              max-height: 200px;
              height: 100%;
              overflow-y: scroll;
              padding-top: 15px;
              padding-bottom: 15px;
              column-count: inherit;
              column-gap: 0; } }
          .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in {
            cursor: pointer;
            font-size: clamp(12px, calc(16vw / 13.2), 16px);
            line-height: 1.5;
            display: flex;
            align-items: center;
            gap: 0 2.23%;
            padding-bottom: 15px;
            padding-right: 5px;
            /*&:last-child{
            	padding-bottom: 0;
            	border-bottom: none;
            }*/ }
            @media screen and (max-width: 480px) {
              .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in {
                gap: 0 1.34%;
                padding-bottom: 12px; } }
            @media screen and (max-width: 390px) {
              .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in {
                font-size: clamp(11px, calc(14vw / 13.2), 14px); } }
            .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dt {
              padding: 0.3em 0 0.2em;
              line-height: 1;
              width: 1.5em;
              display: flex;
              justify-content: center;
              align-items: center;
              background: linear-gradient(90deg, #004ca0, #151a7a);
              color: #fff; }
              @media screen and (max-width: 480px) {
                .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dt {
                  width: 5.6%;
                  padding: 0.25em 0 0.25em; } }
            .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dd.name {
              flex: 1;
              /*width: cal_per(447,287);
              @include mq($br_sp){
              	width: 55%;
              }*/ }
              .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dd.name .s {
                font-size: 70%; }
              .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dd.name .s1 {
                font-size: 70%;
                display: block;
                margin-top: -0.3em; }
                @media screen and (max-width: 480px) {
                  .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dd.name .s1 {
                    margin-top: -0.2em; } }
            .sec03 .inner .lifeinfo_wrap .lifeinfo_list .item .item_list .item_in dd.walk {
              /*width: cal_per(447,150);
              text-align: right;
              @include mq($br_sp){
              	width: 38%;
              	padding-right: 3px;
              }*/ }

/*.gm-style .gm-style-iw-d div .name {
	white-space: nowrap;
}
*/

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