@charset "UTF-8";
/*! Writen  by SCSS */
.inner_main .main_img {
  background-image: url("/bunjyo/sakai-hamaderakoen/img/location/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_img {
      background-image: url("/bunjyo/sakai-hamaderakoen/img/location/main_sp.jpg"); } }
  .inner_main .main_img figure {
    width: calc(495%/16); }
    @media screen and (max-width: 480px) {
      .inner_main .main_img figure {
        width: calc(119%/3.75); } }

.fast_sec {
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .fast_sec {
      margin-bottom: 40px; } }

.sec01 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 40px; } }

.sec02 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 80px; } }

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

.flex_wrap {
  flex-wrap: wrap; }

.flex_rr {
  flex-direction: row-reverse; }

.pos_r {
  position: relative; }

.pos_a {
  position: absolute; }

@media screen and (max-width: 480px) {
  .inner_1000 {
    width: calc(100% - 20px); } }

.sec01_wrap_01 {
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec01_wrap_01 {
      flex-direction: column;
      gap: 20px 0; } }
  .sec01_wrap_01 .text_box {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_01 .text_box {
        width: 100%; } }
  .sec01_wrap_01 .image_wrap {
    width: 44%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_01 .image_wrap {
        width: 100%; } }
    .sec01_wrap_01 .image_wrap .image_box {
      max-width: 210px;
      width: 47.73%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap_01 .image_wrap .image_box:first-child {
          margin-top: 11.37%; } }
    .sec01_wrap_01 .image_wrap .cap_r {
      width: 100%;
      margin-top: 5px; }

.sec01_wrap_02 {
  margin-top: clamp(30px, 4.17%, 50px); }
  @media screen and (max-width: 480px) {
    .sec01_wrap_02 {
      flex-direction: column;
      gap: 20px 0; } }
  .sec01_wrap_02 .text_box {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_02 .text_box {
        width: 100%; } }
  .sec01_wrap_02 .image_box {
    max-width: 415px;
    width: 41.5%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap_02 .image_box {
        width: 100%; } }

.sec01_02_image_wrap {
  margin-top: clamp(-60px, -6%, -20px); }
  @media screen and (max-width: 480px) {
    .sec01_02_image_wrap {
      margin-top: 0;
      flex-direction: column;
      margin-top: 20px; } }
  .sec01_02_image_wrap .image_box_01 {
    max-width: 273px;
    width: 27.3%;
    margin-left: 6%;
    margin-top: 9%; }
    @media screen and (max-width: 480px) {
      .sec01_02_image_wrap .image_box_01 {
        width: 64.54%;
        margin-left: 13.34%;
        margin-top: 0; } }
  .sec01_02_image_wrap .image_box_02 {
    max-width: 216px;
    width: 21.6%;
    margin-top: 9%; }
    @media screen and (max-width: 480px) {
      .sec01_02_image_wrap .image_box_02 {
        margin-left: auto;
        width: 49.07%;
        margin-top: -24%; } }
  .sec01_02_image_wrap .image_box_03 {
    max-width: 297px;
    width: 29.7%; }
    @media screen and (max-width: 480px) {
      .sec01_02_image_wrap .image_box_03 {
        width: 54.14%;
        margin-top: -36%;
        margin-left: 8%; } }

.sec01_03_content {
  margin-top: clamp(40px, 5%, 60px); }
  .sec01_03_content .sec01_03_top_wrap {
    margin-bottom: clamp(40px, 5%, 60px); }
    .sec01_03_content .sec01_03_top_wrap .box_left {
      width: 52%;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 10px 0; }
      @media screen and (max-width: 480px) {
        .sec01_03_content .sec01_03_top_wrap .box_left {
          width: 44%; } }
      .sec01_03_content .sec01_03_top_wrap .box_left .read {
        margin-bottom: 1em; }
      .sec01_03_content .sec01_03_top_wrap .box_left .image {
        max-width: 230px;
        width: 44.24%;
        margin-left: auto; }
        @media screen and (max-width: 480px) {
          .sec01_03_content .sec01_03_top_wrap .box_left .image {
            width: 100%; } }
    .sec01_03_content .sec01_03_top_wrap .image_box {
      max-width: 440px;
      width: 44%; }
      @media screen and (max-width: 480px) {
        .sec01_03_content .sec01_03_top_wrap .image_box {
          width: 48%; } }

.sec01_03_bottom .sec01_03_b_left {
  width: 72%;
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 4%, 40px) 0; }
  @media screen and (max-width: 480px) {
    .sec01_03_bottom .sec01_03_b_left {
      width: 100%; } }
  .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .image_box {
    max-width: 240px;
    width: 33.34%; }
    @media screen and (max-width: 480px) {
      .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .image_box {
        width: 48%; } }
  .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .text_box {
    width: 61.12%; }
    @media screen and (max-width: 480px) {
      .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .text_box {
        width: 46.67%; } }
    .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .text_box .read {
      margin-bottom: 0.6em; }
    @media screen and (max-width: 480px) {
      .sec01_03_bottom .sec01_03_b_left .sec01_03_b_wrap .text_box .sec01_03_sp_image {
        margin-top: 10px; } }
.sec01_03_bottom .sec01_03_image_box {
  max-width: 240px;
  width: 24%; }

.sec01_03_b_cap {
  margin-bottom: clamp(40px, 5%, 60px); }

.sec01_03_list_outer .read {
  margin-bottom: clamp(25px, 3.34%, 40px); }
.sec01_03_list_outer .sec01_03_list_wrap {
  position: relative;
  padding-bottom: clamp(40px, 13.5%, 135px); }
  @media screen and (max-width: 480px) {
    .sec01_03_list_outer .sec01_03_list_wrap {
      padding-bottom: 0; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list {
    font-size: clamp(12px, 1.53vw, 16px);
    line-height: 1.12;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    gap: clamp(6px, 1.1%, 11px) 1.1%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list {
        max-width: 200px;
        font-size: 16px;
        flex-direction: column;
        gap: 5px 0;
        margin-left: auto;
        margin-right: auto; } }
    .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list .item {
      width: 19%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.8em 0.1em;
      border-radius: 10px;
      background: #a38b78;
      color: #fff;
      letter-spacing: -0.05em; }
      @media screen and (max-width: 480px) {
        .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list .item {
          width: 100%; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box {
    position: absolute;
    bottom: 0; }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_01 {
    max-width: 100px;
    width: 10%;
    left: 0;
    margin-bottom: 6%;
    margin-bottom: 1%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_01 {
        left: -10px;
        width: 26.67%;
        margin-bottom: 106.67%; }
        .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_01 .cap_r {
          text-align: left; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_02 {
    max-width: 134px;
    width: 13.4%;
    left: 21%;
    margin-bottom: 3%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_02 {
        width: 35.74%;
        left: -10px;
        margin-bottom: 69.34%; }
        .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_02 .cap_r {
          text-align: left; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_03 {
    max-width: 108px;
    width: 10.8%;
    left: 34.8%;
    margin-bottom: 4.5%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_03 {
        width: 28.8%;
        left: -10px;
        margin-bottom: 5.34%; }
        .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_03 .cap_r {
          text-align: left; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_04 {
    max-width: 90px;
    width: 9%;
    left: 56.21%;
    margin-bottom: 1%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_04 {
        width: 24%;
        left: auto;
        right: -10px;
        margin-bottom: 74.67%; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_05 {
    max-width: 151px;
    width: 15.1%;
    right: 0;
    margin-bottom: 10%; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_05 {
        width: 40.27%;
        bottom: auto;
        top: 0;
        right: -10px;
        margin-bottom: 0;
        margin-top: 10.67%; } }
  .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_06 {
    max-width: 142px;
    width: 14.2%;
    right: 0; }
    @media screen and (max-width: 480px) {
      .sec01_03_list_outer .sec01_03_list_wrap .sec01_03_list_image_wrap .image_box_06 {
        right: -10px;
        top: auto;
        width: 37.87%;
        margin-bottom: 10.67%; } }

.area_wrap {
  margin-bottom: clamp(50px, 6.67%, 80px);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  .area_wrap .area_image {
    margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .area_wrap .area_more {
      width: 60%;
      margin-left: auto;
      margin-right: auto; } }

.sec02 .item04 {
  display: flex;
  justify-content: center;
  grid-gap: 22px; }
  @media screen and (max-width: 1000px) {
    .sec02 .item04 {
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 768px) {
    .sec02 .item04 {
      width: calc(335%/3.75);
      margin: 0 auto;
      grid-gap: 33px 0; } }
  .sec02 .item04 .img10 {
    max-width: 600px;
    padding-top: calc(19%/6); }
    @media screen and (max-width: 768px) {
      .sec02 .item04 .img10 {
        padding-top: 0; } }
  @media screen and (max-width: 768px) {
    .sec02 .item04 .cap_r {
      font-size: 8px; } }
  .sec02 .item04 .cap_bg {
    background: #fff;
    padding: 10px; }
    .sec02 .item04 .cap_bg p {
      font-size: 9px; }

.life_info .sec_ttl_img {
  margin: 0 auto 30px; }
  @media screen and (max-width: 600px) {
    .life_info .sec_ttl_img {
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .life_info .sec_ttl_img {
      width: calc(162%/3.55);
      margin-bottom: 20px; } }
.life_info .lifeinfo_top {
  display: flex;
  flex-direction: column; }
  .life_info .lifeinfo_top .life_tabs {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 44px; }
    @media screen and (max-width: 1000px) {
      .life_info .lifeinfo_top .life_tabs {
        flex-wrap: wrap; } }
    @media screen and (max-width: 600px) {
      .life_info .lifeinfo_top .life_tabs {
        order: 2; } }
    @media screen and (max-width: 480px) {
      .life_info .lifeinfo_top .life_tabs {
        margin-bottom: 8px; } }
    .life_info .lifeinfo_top .life_tabs li {
      position: relative;
      width: 19.8%;
      line-height: 1.2;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 14px;
      padding: 12px 3px;
      cursor: pointer;
      background: #908e8e;
      transition: background 0.3s ease-in-out; }
      @media screen and (max-width: 1000px) {
        .life_info .lifeinfo_top .life_tabs li {
          height: 50px;
          width: calc(33.33% - 2px); }
          .life_info .lifeinfo_top .life_tabs li:nth-child(-n+2) {
            width: calc(50% - 2px);
            margin-bottom: 2px; } }
      @media screen and (max-width: 480px) {
        .life_info .lifeinfo_top .life_tabs li {
          height: 40px;
          padding: 8px;
          font-size: 13px; } }
      .life_info .lifeinfo_top .life_tabs li::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 2;
        height: 6px; }
        @media screen and (max-width: 480px) {
          .life_info .lifeinfo_top .life_tabs li::before {
            height: 3px; } }
      .life_info .lifeinfo_top .life_tabs li.col01.on {
        background: #db8c36; }
      @media (hover: hover) {
        .life_info .lifeinfo_top .life_tabs li.col01:hover {
          background: #db8c36; } }
      .life_info .lifeinfo_top .life_tabs li.col01::before {
        background: #db8c36; }
      .life_info .lifeinfo_top .life_tabs li.col02.on {
        background: #326189; }
      @media (hover: hover) {
        .life_info .lifeinfo_top .life_tabs li.col02:hover {
          background: #326189; } }
      .life_info .lifeinfo_top .life_tabs li.col02::before {
        background: #326189; }
      .life_info .lifeinfo_top .life_tabs li.col03.on {
        background: #6f855e; }
      @media (hover: hover) {
        .life_info .lifeinfo_top .life_tabs li.col03:hover {
          background: #6f855e; } }
      .life_info .lifeinfo_top .life_tabs li.col03::before {
        background: #6f855e; }
      .life_info .lifeinfo_top .life_tabs li.col04.on {
        background: #5ca6bf; }
      @media (hover: hover) {
        .life_info .lifeinfo_top .life_tabs li.col04:hover {
          background: #5ca6bf; } }
      .life_info .lifeinfo_top .life_tabs li.col04::before {
        background: #5ca6bf; }
      .life_info .lifeinfo_top .life_tabs li.col05.on {
        background: #c17180; }
      @media (hover: hover) {
        .life_info .lifeinfo_top .life_tabs li.col05:hover {
          background: #c17180; } }
      .life_info .lifeinfo_top .life_tabs li.col05::before {
        background: #c17180; }
  @media screen and (max-width: 600px) {
    .life_info .lifeinfo_top .cnt_ttl {
      order: 3; } }
  .life_info .lifeinfo_top .cnt_ttl li {
    position: relative;
    opacity: 1;
    text-align: center;
    padding: 0.5em;
    font-size: clamp(10px, 2vw, 20px);
    line-height: 1;
    color: #fff;
    transition: opacity 0.3s ease-in-out; }
    @media screen and (max-width: 600px) {
      .life_info .lifeinfo_top .cnt_ttl li {
        font-size: 18px;
        margin-bottom: 5px; } }
    .life_info .lifeinfo_top .cnt_ttl li:not(.on) {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      pointer-events: none;
      opacity: 0; }
    .life_info .lifeinfo_top .cnt_ttl li.col01 {
      background: #db8c36; }
    .life_info .lifeinfo_top .cnt_ttl li.col02 {
      background: #326189; }
    .life_info .lifeinfo_top .cnt_ttl li.col03 {
      background: #6f855e; }
    .life_info .lifeinfo_top .cnt_ttl li.col04 {
      background: #5ca6bf; }
    .life_info .lifeinfo_top .cnt_ttl li.col05 {
      background: #c17180; }
  @media screen and (max-width: 600px) {
    .life_info .lifeinfo_top .map {
      order: 1; } }
.life_info .tab_cnts {
  background: #fff;
  padding: 35px 40px; }
  @media screen and (max-width: 1000px) {
    .life_info .tab_cnts {
      padding: 20px 15px 25px; } }
  .life_info .tab_cnts .cont:not(.on) {
    display: none; }
.life_info .img_list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  grid-gap: 20px 0; }
  @media screen and (max-width: 600px) {
    .life_info .img_list {
      justify-content: flex-start;
      flex-direction: column;
      grid-gap: 10px 0;
      margin-bottom: 20px; } }
  .life_info .img_list .item {
    width: calc(300%/9.2); }
    @media screen and (max-width: 600px) {
      .life_info .img_list .item {
        width: 100%; } }
    .life_info .img_list .item:not(:nth-child(2n)) {
      margin-right: calc(30%/9.2); }
      @media screen and (max-width: 600px) {
        .life_info .img_list .item:not(:nth-child(2n)) {
          right: 0; } }
.life_info .item_img {
  margin-bottom: 7px; }
.life_info .item_txt {
  font-feature-settings: "palt";
  display: flex;
  align-items: baseline; }
  .life_info .item_txt::before {
    font-size: clamp(12px, 1.6vw, 16px);
    content: "●";
    margin-right: 0.3em; }
  .life_info .item_txt .txt1 {
    font-size: clamp(12px, 1.6vw, 16px);
    line-height: 1.4; }
    @media screen and (max-width: 600px) {
      .life_info .item_txt .txt1 {
        line-height: 1.2;
        font-size: 15px; } }
    .life_info .item_txt .txt1 .small {
      display: block;
      font-size: clamp(8px, 1.3vw, 13px);
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        .life_info .item_txt .txt1 .small {
          font-size: 12px;
          letter-spacing: -0.02em; } }
      @media screen and (max-width: 480px) {
        .life_info .item_txt .txt1 .small {
          letter-spacing: 0.04em; } }
    .life_info .item_txt .txt1 .small2 {
      display: block;
      font-size: clamp(8px, 1.2vw, 12px);
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        .life_info .item_txt .txt1 .small2 {
          font-size: 12px;
          letter-spacing: -0.02em; } }
      @media screen and (max-width: 480px) {
        .life_info .item_txt .txt1 .small2 {
          letter-spacing: 0.04em; } }
    .life_info .item_txt .txt1 .small3 {
      display: block;
      font-size: clamp(8px, 1.2vw, 12px);
      letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        .life_info .item_txt .txt1 .small3 {
          font-size: 12px;
          letter-spacing: -0.02em; } }
      @media screen and (max-width: 480px) {
        .life_info .item_txt .txt1 .small3 {
          letter-spacing: 0.04em; } }
    .life_info .item_txt .txt1 .ex {
      display: block; }
      @media screen and (max-width: 480px) {
        .life_info .item_txt .txt1 .ex {
          display: inline;
          padding-left: 0; } }
  .life_info .item_txt .txt2 {
    font-size: clamp(8px, 1.3vw, 13px); }
    @media screen and (max-width: 600px) {
      .life_info .item_txt .txt2 {
        font-size: 13px; } }
    .life_info .item_txt .txt2 span {
      font-size: 120%;
      display: inline-block;
      line-height: 1; }
.life_info .item_txt_wrap {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px 0; }
  @media screen and (max-width: 600px) {
    .life_info .item_txt_wrap {
      grid-gap: 13px 0; } }
  .life_info .item_txt_wrap .item_txt {
    width: calc(100%/3); }
    @media screen and (max-width: 1000px) {
      .life_info .item_txt_wrap .item_txt {
        width: 48%; }
        .life_info .item_txt_wrap .item_txt .txt1 .small br {
          display: none; } }
    @media screen and (max-width: 600px) {
      .life_info .item_txt_wrap .item_txt {
        width: 100%; } }
.life_info .tab03 .public_cnt {
  margin-bottom: 60px; }
.life_info .tab01 .item_txt::before {
  color: #db8c36; }
.life_info .tab02 .item_txt::before {
  color: #326189; }
.life_info .tab03 .item_txt::before {
  color: #6f855e; }
.life_info .tab04 .item_txt::before {
  color: #5ca6bf; }
.life_info .tab05 .item_txt::before {
  color: #c17180; }

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