@charset "UTF-8";
/*! Writen  by SCSS */
.inner_main .main_bg {
  background-image: url("/bunjyo/kobemizukidai/img/location/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("/bunjyo/kobemizukidai/img/location/main_sp.jpg"); } }
.inner_main .main_txt {
  width: calc(443%/16);
  left: calc(160%/16); }
  @media screen and (max-width: 480px) {
    .inner_main .main_txt {
      width: calc(167%/3.75);
      left: calc(10%/3.75); } }

.fast_ttl .sec_read .sup_wrap {
  padding-top: 0.7em;
  position: relative;
  display: inline-block; }
  .fast_ttl .sec_read .sup_wrap sup {
    position: absolute;
    font-size: 80%;
    line-height: 1;
    letter-spacing: 0;
    top: -0.5em;
    right: 0;
    left: 0;
    margin: auto; }
    @media screen and (max-width: 480px) {
      .fast_ttl .sec_read .sup_wrap sup {
        font-size: 60%;
        top: 0.4em;
        left: 0;
        right: auto; } }

.sec .sec_ttl {
  margin-bottom: 13px; }

.sec01 {
  margin-bottom: 125px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      margin-bottom: 30px; } }

.sec02 {
  padding: 120px 0 90px; }
  @media screen and (max-width: 600px) {
    .sec02 {
      padding: 30px 0 20px; } }

.sec_bus {
  margin-bottom: 90px; }
  @media screen and (max-width: 768px) {
    .sec_bus {
      margin-bottom: 40px; } }
  .sec_bus .sec_ttl {
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .sec_bus .sec_ttl {
        margin-top: -18px;
        margin-bottom: 5px;
        position: relative;
        z-index: 3;
        filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px white) drop-shadow(3px 3px 1px white) drop-shadow(2px 2px 1px white); }
        .sec_bus .sec_ttl img {
          width: 70px; } }

.sec01 .inner_1280 {
  width: calc(100% - 30px); }
.sec01 .item_ttl {
  font-size: clamp(14px, 1.69vw, 22px);
  font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 0.8em; }
  @media screen and (max-width: 768px) {
    .sec01 .item_ttl {
      letter-spacing: 0; } }
.sec01 .item01s {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px; }
  @media screen and (max-width: 600px) {
    .sec01 .item01s {
      flex-direction: column;
      grid-gap: 40px 0;
      margin-bottom: 40px; } }
  .sec01 .item01s .item {
    width: calc(600%/12.8); }
    @media screen and (max-width: 600px) {
      .sec01 .item01s .item {
        max-width: 600px;
        margin: 0 auto;
        width: 100%; } }
    .sec01 .item01s .item .txt_box {
      background: #da8c36;
      padding: 14px 9px;
      color: #fff;
      font-feature-settings: "palt";
      font-weight: 400; }
      @media screen and (max-width: 600px) {
        .sec01 .item01s .item .txt_box {
          padding: 5px 8px; } }
      .sec01 .item01s .item .txt_box .txt1 {
        font-size: clamp(16px, 1.84vw, 24px);
        line-height: 1;
        margin-bottom: 5px; }
      .sec01 .item01s .item .txt_box .txt2 {
        font-size: clamp(9px, 1.23vw, 16px);
        line-height: 1; }
.sec01 .item02s .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 60px 0; }
  @media screen and (max-width: 600px) {
    .sec01 .item02s .items {
      grid-gap: 40px 0;
      max-width: 380px;
      margin: 0 auto;
      grid-gap: 5px 0; } }
.sec01 .item02s .item {
  width: calc(380%/12.8); }
  @media screen and (max-width: 600px) {
    .sec01 .item02s .item {
      margin: 0 auto;
      width: calc(166%/3.4); } }
  .sec01 .item02s .item .txt_box {
    background: #da8c36;
    padding: 14px 9px;
    color: #fff;
    font-feature-settings: "palt";
    font-weight: 400; }
    @media screen and (max-width: 600px) {
      .sec01 .item02s .item .txt_box {
        padding: 5px 8px; } }
    .sec01 .item02s .item .txt_box.p_bg {
      background: #1aa74f; }
    .sec01 .item02s .item .txt_box.e_bg {
      background: #c17180; }
    .sec01 .item02s .item .txt_box .txt1 {
      font-size: clamp(12px, 1.38vw, 18px);
      line-height: 1;
      margin-bottom: 5px; }
    .sec01 .item02s .item .txt_box .txt2 {
      font-size: clamp(8px, 0.92vw, 12px);
      line-height: 1; }

.wide_img {
  width: 100%; }

.cap_bg {
  background: #eef0dc; }

.sec02 {
  background: #eef0dc; }
  .sec02 .sec_read {
    color: #717070;
    margin-bottom: 40px; }
    @media screen and (max-width: 600px) {
      .sec02 .sec_read {
        margin-bottom: 15px;
        letter-spacing: -0.05em;
        font-size: 16px; } }
  .sec02 .life_ttl {
    max-width: 441px;
    width: calc(441%/10);
    margin: 0 auto 40px;
    line-height: 0;
    position: relative;
    padding-bottom: 50px; }
    @media screen and (max-width: 600px) {
      .sec02 .life_ttl {
        width: 208px;
        padding-bottom: 10px;
        margin-bottom: 10px; } }
    .sec02 .life_ttl::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-bottom: 1px solid #333;
      max-width: 80px;
      z-index: 1;
      display: block; }
      @media screen and (max-width: 600px) {
        .sec02 .life_ttl::before {
          max-width: 28px; } }
  .sec02 .map {
    max-width: 1000px;
    margin: 0 auto; }
  .sec02 .life_tabs {
    max-width: 1000px;
    margin: 0 auto; }
  .sec02 .tab {
    display: flex;
    align-items: stretch; }
    @media screen and (max-width: 600px) {
      .sec02 .tab {
        margin: 10px auto 8px;
        flex-wrap: wrap;
        grid-gap: 5px; } }
    .sec02 .tab li {
      width: calc(100%/4);
      text-align: center; }
      @media screen and (max-width: 600px) {
        .sec02 .tab li {
          width: calc(50% - 2.5px); } }
      .sec02 .tab li a {
        font-size: clamp(13px, 1.38vw, 18px);
        line-height: 1;
        letter-spacing: 0.1em;
        color: #fff;
        padding: 1.15em 10px;
        display: block; }
  .sec02 .tab_cnt {
    background: #fff;
    padding: 60px 10px; }
    @media screen and (max-width: 600px) {
      .sec02 .tab_cnt {
        padding: 30px 15px; } }
  .sec02 .tab_inner {
    display: flex;
    flex-direction: column;
    grid-gap: 100px 0; }
    @media screen and (max-width: 600px) {
      .sec02 .tab_inner {
        grid-gap: 60px 0; } }
  .sec02 .img_list {
    display: flex;
    justify-content: center;
    grid-gap: 0 20px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 900px) {
      .sec02 .img_list {
        max-width: 600px; } }
    @media screen and (max-width: 600px) {
      .sec02 .img_list {
        display: flex;
        flex-direction: column;
        max-width: 300px;
        grid-gap: 20px 0;
        margin: 0 auto 30px; } }
    .sec02 .img_list li {
      width: calc(300%/9.8); }
      @media screen and (max-width: 900px) {
        .sec02 .img_list li {
          width: calc(300%/6.2); } }
      @media screen and (max-width: 600px) {
        .sec02 .img_list li {
          width: 100%; } }
      .sec02 .img_list li .img {
        margin-bottom: 5px; }
  .sec02 .txt_list {
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 10px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .sec02 .txt_list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px; } }
    @media screen and (max-width: 600px) {
      .sec02 .txt_list {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        max-width: 300px;
        margin: 0 auto; } }
    .sec02 .txt_list.col2 {
      max-width: 600px;
      margin: 0 auto;
      grid-template-columns: repeat(2, 1fr); }
  .sec02 .life_txt {
    text-indent: -1.2em;
    padding-left: 1.2em;
    font-size: clamp(13px, 1.15vw, 15px);
    letter-spacing: -0.05em;
    line-height: 1.4; }
    @media screen and (max-width: 600px) {
      .sec02 .life_txt {
        font-size: 15px; } }
    .sec02 .life_txt::before {
      content: "●";
      margin-right: 0.2em; }
    .sec02 .life_txt .small {
      font-size: clamp(10px, 1vw, 13px); }
      @media screen and (max-width: 600px) {
        .sec02 .life_txt .small {
          font-size: 13px; } }
    .sec02 .life_txt .cap_l {
      font-size: 8px; }
  .sec02 .color01 {
    background: #db8c36; }
  .sec02 .color02 {
    background: #c17180; }
  .sec02 .color03 {
    background: #5ca6bf; }
  .sec02 .color04 {
    background: #1aa74f; }
  @media screen and (max-width: 480px) {
    .sec02 #tab01 {
      padding-top: 20px;
      margin-top: -20px; } }
  .sec02 #tab01 .life_txt::before {
    color: #db8c36; }
  @media screen and (max-width: 480px) {
    .sec02 #tab02 {
      padding-top: 20px;
      margin-top: -20px; } }
  .sec02 #tab02 .life_txt::before {
    color: #c17180; }
  @media screen and (max-width: 480px) {
    .sec02 #tab03 {
      padding-top: 20px;
      margin-top: -20px; } }
  .sec02 #tab03 .life_txt::before {
    color: #5ca6bf; }
  .sec02 #tab04 {
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sec02 #tab04 {
        padding-top: 20px;
        margin-top: -20px; } }
    @media screen and (min-width: 600px) {
      .sec02 #tab04 .txt_list li.ex {
        margin-right: auto;
        margin-left: 10px; } }
    .sec02 #tab04 .life_txt::before {
      color: #1aa74f; }

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