@charset "utf-8";
/* ====================
  lp_facility
==================== */
figure{
position: relative;
}

.content_Wrap {
  color:#4c4948;
}

/*main_Visual*/
.main_Visual {
  position: relative;
}
.main_Visual .cap_Txt {
  /* bottom:13%; */
  bottom:110px;
  z-index:5;
}

.text-cont {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    padding: 3% 0;
}

.text-cont h3 {
    position: relative;
    font-size: clamp(16px, calc(-26.666666666666664px + 5.555555555555555vw), 40px);
    line-height: 2.0;
    letter-spacing: 0.15em;
    color: #fff;
    text-align: center;
    padding: 0 0 40px;
}
.text-cont p.main_copy02 {
    max-width: 400px;
    width:94%;
    margin: 0 auto;
}


.anc_Link {
  position: absolute;
  bottom:0;

  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anc_Link li {
  width: calc(100% / 5);
}
.anc_Link li a {
  display: block;
  text-align: center;
  color:#FFF;
  font-size:clamp(15px, calc(6.111111111111111px + 1.1574074074074074vw), 20px);
  line-height: 1.5;
  letter-spacing: 0.12em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding: 0.2em 0 0.5em;
  transition: .3s;
}
.anc_Link li a span {
  font-size:80%;
}
.anc_Link li a span.click {
  position: relative;
  font-size:60%;
  border:1px solid #FFF;
  padding: 3px 25px 3px 20px;
}
.anc_Link li a span.click::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0.9em;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translate(0,-70%);
}
.anc_Link li a img {
  width:auto;
  max-height:18px;
}
.anc_Link li:nth-child(1) a { background:rgba(57,89,43,0.5); }
.anc_Link li:nth-child(2) a { background:rgba(101,51,50,0.5); }
.anc_Link li:nth-child(3) a { background:rgba(16,63,96,0.5); }
.anc_Link li:nth-child(4) a { background:rgba(35,24,21,0.5); }
.anc_Link li:nth-child(5) a { background:rgba(91,83,0,0.5); }

.anc_Link li a:hover {
  opacity: .5;
  transition: .3s;
}
.under_btn {
display: flex;
justify-content: center;
width: 94%;
max-width: 1000px;
margin: 60px auto 0;
gap:20px 10px;
}
.under_btn li {
position: relative;
width: calc(100% / 5);
}
.under_btn li::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg) translate(0,-70%);
}
.under_btn a {
display: block;
  text-align: center;
  color:#FFF;
  font-size:clamp(15px, calc(6.111111111111111px + 1.1574074074074074vw), 20px);
  line-height: 1.2;
  letter-spacing: 0.12em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding: 0.6em 0;
  transition: .3s;
}
.under_btn a:hover {
opacity: 0.5;
}
.under_btn li:nth-child(1) a { background:rgba(57,89,43,0.7); }
.under_btn li:nth-child(2) a { background:rgba(101,51,50,0.7); }
.under_btn li:nth-child(3) a { background:rgba(16,63,96,0.7); }
.under_btn li:nth-child(4) a { background:rgba(35,24,21,0.7); }
.under_btn li:nth-child(5) a { background:rgba(91,83,0,0.7); }
.under_btn span {
font-size: 60%;
}


/* common
----------------------------------------- */
.align_L { text-align: left;}
.align_C { text-align: center;}
.align_R { text-align: right;}

.inner_800 {
  max-width: 800px;
  width:94%;
  margin: 0 auto;
}
.inner_900 {
  max-width: 900px;
  width:94%;
  margin: 0 auto;
}

.copy {
  font-size:clamp(13px, calc(7.666666666666667px + 0.6944444444444444vw), 16px);
  line-height: 1.5;
  letter-spacing: 0.12em;
  padding: 0 0 20px;
}
.copy02 {
  font-size:clamp(16px, calc(5.333333333333334px + 1.3888888888888888vw), 22px);
  line-height: 2.2;
  letter-spacing: 0.12em;
  padding: 0 0 20px;
  color:#413531;
}

.txt_box {
}
.txt_box p {
  font-size:clamp(13px, calc(7.666666666666667px + 0.6944444444444444vw), 16px);
  line-height: 1.8;
  letter-spacing: 0.12em;
  color: #413531;
}

/*.place strong {color:#e4007f; }*/

/* txt_fig_box */
.txt_fig_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 5%;
  overflow: hidden;
}
.txt_fig_box.mrgB30 {
  margin: 0 auto 30px;
}
.txt_fig_box .fig {
  width:50%;
}
.txt_fig_box .txt_box_wrap {
  width:50%;
  padding: 8% 5%;
}
.txt_fig_box .txt {
}
.txt_fig_box .place {
  color:#4c4948;
  font-size:clamp(20px, calc(2.2222222222222214px + 2.314814814814815vw), 30px);
  line-height: 1.5;
  letter-spacing: 0.12em;
  padding: 0 0 40px;
}
/* ↑shoppingは別書き */

.txt_fig_box .place span {
  font-size: 80%;
}

ul.list {
  border-top: 1px solid #4c4948;
  padding: 20px 0 0;
}
/* ↑shoppingは別書き */
ul.list li {
  font-size:clamp(13px, calc(9.444444444444445px + 0.4629629629629629vw), 15px);
  line-height: 1.5;
  letter-spacing: 0.12em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.map {
  max-width: 800px;
  width:94%;
  margin: 0 auto;
  padding: 0 0 60px;
}

/* life_info */
.life_info {
  max-width: 1000px;
  width:94%;
  margin: 0 auto;
}
.life_info .category {
  background: #6a5625;
  padding: 5px 20px;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  color:#FFF;
  font-size:clamp(16px, calc(5.333333333333334px + 1.3888888888888888vw), 22px);
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.life_info .category h4 {
  margin-right: 1em;
}
.life_info .category p {
  font-size: 80%;
}

.life_info .flex {
justify-content: space-between;
width: 100%;

}
.life_info .flex .info_box {
width: 48.5%;
padding: 8px 0;
}
.life_info .flex .info_box.column1 {
width: 100%;
padding: 12px 0 8px;
}
.info_box dl {
display: flex;
justify-content: space-between;
width: 100%;
padding: 8px 1em;

color:#4c4948;
font-size:clamp(12px, calc(8.444444444444445px + 0.4629629629629629vw), 14px);
line-height: 1.2;
letter-spacing: 0.06em;
}

.info_box dt {
display: flex;
align-items: center;
width:20em;
}
.info_box dt::after {
content: "";
flex-grow: 1;
height: 1px;
margin-left: .4em;
display: block;
background: #4c4948;
}

.info_box dt .num { color:#8b2a54; }

.info_box dd {
}

/* pickup_box */
.pickup_box {
  padding: 0 0 60px;
}
.pickup_box.padB30 {
  padding: 0 0 30px;
}
.pickup_box figure {
  padding: 0 0 30px;
}
.pickup_box .place_wrap {
  text-align:center;
  padding-bottom: 40px;
  color:#4c4948;
}
.pickup_box .place {
  display: inline-block;
  color:#4c4948;
  font-size:clamp(24px, calc(-0.8888888888888857px + 3.2407407407407405vw), 38px);
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-align: center;
  padding: 0 0 20px;
  border-bottom: 1px solid #4c4948;
  margin: 0 auto 20px;
}
.pickup_box .place.noline {
  padding: 0 0;
  border-bottom: none;
  margin: 0 auto;
}
.pickup_box .place span {
  font-size: 80%;
}
.pickup_box .add {
  font-size: clamp(13px, calc(7.666666666666667px + 0.6944444444444444vw), 16px);
  line-height: 1.3;
}



/* kobetsu
----------------------------------------- */
.intro {
  padding: 30px 0 100px;
  text-align: center;
}
.intro p {
  font-size: clamp(14px,1.285714285714286vw,18px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2.4;
  padding-top: 1.5em;
}


/* education
----------------------------------------- */
.education {}
.education .ttl {
  max-width: 300px;
  width:94%;
  margin: 0 auto;

  padding-bottom: 1.5em;
  border-bottom:8px solid #6a5625;
}
.education .lead {
  padding: 50px 0;
  text-align: center;
  color:#6a5625;

  font-size: clamp(16px, calc(-16px + 4.166666666666666vw), 34px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2;
}
.education_con {
  background: #f2f6ef;
  padding: 80px 0;
}


/* shopping
----------------------------------------- */
.shopping {}
.shopping .ttl {
  max-width: 270px;
  width:94%;
  margin: 0 auto;

  padding-bottom: 1.5em;
  border-bottom:8px solid #6a5625;
}
.shopping .lead {
  padding: 50px 0;
  text-align: center;
  color:#6a5625;

  font-size: clamp(16px, calc(-16px + 4.166666666666666vw), 34px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2;
}
.shopping .lead.white_txt {
  color:#FFF;
}
.shopping_con {
  background: #fdf5f3;
  padding: 80px 0;
}

.shopping .txt_fig_box .place {
  padding: 0 0 20px;
}

.shopping .txt_fig_box.ieon .txt_box_wrap {
  width:50%;
  padding: 2% 5%;
}

.shopping ul.list {
  border-top: 1px solid #4c4948;
  padding: 20px 0 15px;
}

.shopping .tenant_box_wrap {
  padding: 0 0 60px;
}
.shopping .tenant_box {
  padding: 0 0 20px;
  border-bottom:1px solid #4c4948;
}
.shopping .tenant_box.noline {
  padding: 0 0 20px;
  border-bottom:none;
}
.shopping .tenant_box h5 {
  font-size: clamp(14px,1.285714285714286vw,18px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding: 0 0 10px;
  border-bottom:1px solid #4c4948;
  margin-bottom: 15px;
}
.shopping .tenant_box p {
  font-size: clamp(13px, calc(7.666666666666667px + 0.6944444444444444vw), 16px);
  line-height: 1.6;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.shopping .tenant_box p span {
  color:#bfc0c0;
}
.shopping .tenant_box_wrap .notes {
  padding: 0.5em 0 0;
  text-align: right;
  font-size: clamp(10px, calc(6.444444444444445px + 0.4629629629629629vw), 12px);
  line-height: 1.3;
}

.shopping_con02 {
  background: #b27069;
  padding: 80px 0;
}

.shopping_con02 .img_column_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 30px;
}
.shopping_con02 .img_column_box li {
  width: 49.5%;
}
.shopping_con02 .img_column_box li:first-child {
  width: 100%;
  margin-bottom: 10px;
}

.shopping_con02 .pickup_box figure {
  padding: 0;
}
.shopping_con02 .pickup_box h5 {
  color:#FFF;
}
.shopping_con02 .pickup_box p {
  color:#FFF;
}


/* hospital
----------------------------------------- */
.hospital {}
.hospital .ttl {
  max-width: 270px;
  width:94%;
  margin: 0 auto;

  padding-bottom: 1.5em;
  border-bottom:8px solid #6a5625;
}
.hospital .lead {
  padding: 50px 0;
  text-align: center;
  color:#6a5625;

  font-size: clamp(16px, calc(-16px + 4.166666666666666vw), 34px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2;
}

.hospital_con {
  background: #edf1f7;
  padding: 80px 0;
}


/* public
----------------------------------------- */
.public {}
.public .ttl {
  max-width: 200px;
  width:94%;
  margin: 0 auto;

  padding-bottom: 1.5em;
  border-bottom:8px solid #6a5625;
}
.public .lead {
  padding: 50px 0;
  text-align: center;
  color:#6a5625;

  font-size: clamp(16px, calc(-16px + 4.166666666666666vw), 34px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2;
}
.public .lead.white_txt {
  color:#FFF;
}

.public_con {
  background: #edf1f7;
  padding: 80px 0;
}

.public_con02 {
  background: #8dac81;
  padding: 80px 0;
}

.public_con02 .pickup_box h5 {
  color:#FFF;
}
.public_con02 .pickup_box p {
  color:#FFF;
}


/* access
----------------------------------------- */
.access {}
.access .ttl {
  max-width: 220px;
  width:94%;
  margin: 0 auto;

  padding-bottom: 1.5em;
  border-bottom:8px solid #6a5625;
}
.access .lead {
  padding: 50px 0;
  text-align: center;
  color:#6a5625;

  font-size: clamp(16px, calc(-16px + 4.166666666666666vw), 34px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2;
}
.access_con {
  background: #fbf9ea;
  padding: 80px 0;
}

.access .zu {
  max-width: 800px;
  width:94%;
  margin: 0 auto;
  padding: 0 0 60px;
}

.access ul.column_02_box {
  display:flex;
  justify-content: space-between;
}
.access ul.column_02_box li {
  width:48.5%;
}
.access ul.column_02_box li p {
  padding: 10px 0 0;
  font-size: clamp(13px, calc(0.5555555555555571px + 1.6203703703703702vw), 20px);
  font-feature-settings: "palt";
  line-height: 1.6;
  letter-spacing: 0.125em;
}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {


/*main_Visual*/
.main_Visual {
  padding: 60px 0 0;
}
.main_Visual .cap_Txt {
  bottom:5px;
}

.text-cont {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    padding: 3% 0;
}

.text-cont h3 {
    padding: 0 0 20px;
    line-height: 1.6;
}
.text-cont p.main_copy02 {
    max-width: 100%;
    width:60%;
    margin: 0 auto;
}

.anc_Link {
  display: none;
}

.anc_Link_sp {
  width: 94%;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.anc_Link_sp li {
  /* width: calc(100% / 2); */
  width: calc((100% - 1%) / 2);
  margin-bottom: 4px;
}
.anc_Link_sp li a {
  position: relative;
  display: block;
  text-align: center;
  color:#FFF;
  font-size:clamp(13px, calc(0.5555555555555571px + 1.6203703703703702vw), 20px);
  line-height: 1.8;
  letter-spacing: 0.12em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding: 0em 0 1em;
  transition: .3s;
}
.anc_Link_sp li a::after{
  content: "";
  position: absolute;
  top: 82%;
  left: 50%;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg) translate(0,-70%);
}
.anc_Link_sp li a span {
  font-size:80%;
}
.anc_Link_sp li a img {
  width:auto;
  max-height:10px;
}
.anc_Link_sp li:nth-child(1) a { background:rgba(57,89,43,0.7); }
.anc_Link_sp li:nth-child(2) a { background:rgba(101,51,50,0.7); }
.anc_Link_sp li:nth-child(3) a { background:rgba(16,63,96,0.7); }
.anc_Link_sp li:nth-child(4) a { background:rgba(35,24,21,0.7); }
.anc_Link_sp li:nth-child(5) a { background:rgba(91,83,0,0.7); }

.anc_Link_sp li a:hover {
  opacity: .5;
  transition: .3s;
}

.under_btn {
flex-wrap: wrap;
margin: 30px auto 0;
gap:20px 10px;
}
.under_btn li {
    width: 48%;
}
.under_btn a {
    padding: 0.8em 0;
}

/* common
----------------------------------------- */

.copy {
  padding: 0 0 10px;
}
.copy02 {
  padding: 0 0 10px;
}

/* txt_fig_box */
.txt_fig_box {
  flex-direction: column;
  margin: 0 auto 5%;
}
.txt_fig_box.mrgB30 {
  margin: 0 auto 15px;
}
.txt_fig_box .fig {
  width:100%;
  order:2;
}
.txt_fig_box .txt_box_wrap {
  width:100%;
  padding: 8% 5% 6%;
  order:1;
}
.txt_fig_box .place {
  padding: 0 0 10px;
}

ul.list {
  padding: 10px 0 0;
}

.map {
  padding: 60px 0 30px;
}


/* life_info */
.life_info .flex {
flex-direction: column;
padding: 8px 0 0;
}
.life_info .flex .info_box {
width: 100%;
padding: 0 0;
}
.life_info .flex .info_box.column1 {
width: 100%;
padding: 0 0;
}

.info_box dl {
padding: 8px 0.2em;
}
.info_box dt {
width:18em;
}

/* pickup_box */
.pickup_box {
  padding: 0 0 50px;
}
.pickup_box.padB30 {
  padding: 0 0 20px;
}
.pickup_box figure {
  padding: 0 0 10px;
}
.pickup_box .place_wrap {
  padding-bottom: 20px;
}
.pickup_box .place {
  padding: 0 0 10px;
  border-bottom: 1px solid #4c4948;
  margin: 0 auto 10px;

}
.pickup_box .place span {
  font-size: 80%;
}
.pickup_box .add {
}



/* kobetsu
----------------------------------------- */
.intro {
  padding: 20px 0 50px;
  width:94%;
  margin: 0 auto;
}
.intro p {
  font-size: clamp(14px,1.285714285714286vw,18px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 2.4;
  padding-top: 1.5em;
}


/* education
----------------------------------------- */
.education .ttl {
  max-width: 100%;
  width:50%;
  margin: 0 auto;

  padding-bottom: 1.0em;
  border-bottom:5px solid #6a5625;
}
.education .lead { padding: 30px 0; }
.education_con { padding: 40px 0; }


/* shopping
----------------------------------------- */
.shopping .ttl {
  max-width: 100%;
  width:45%;
  margin: 0 auto;

  padding-bottom: 1.0em;
  border-bottom:5px solid #6a5625;
}
.shopping .lead { padding: 30px 0; }
.shopping_con { padding: 40px 0; }

.shopping .txt_fig_box.ieon .txt_box_wrap {
  width:100%;
  padding: 2% 5% 6%;
}

.shopping .tenant_box_wrap {
  padding: 0 0 0px;
}

.shopping_con02 {
  padding: 30px 0;
}

.shopping_con02 .img_column_box {
  padding: 0 0 20px;
}
.shopping_con02 .img_column_box li:first-child {
  margin-bottom: 3px;
}


/* hospital
----------------------------------------- */
.hospital .ttl {
  max-width: 100%;
  width:45%;
  margin: 0 auto;

  padding-bottom: 1.0em;
  border-bottom:5px solid #6a5625;
}
.hospital .lead { padding: 30px 0; }
.hospital_con { padding: 40px 0; }


/* public
----------------------------------------- */
.public .ttl {
  max-width: 100%;
  width:32%;
  margin: 0 auto;

  padding-bottom: 1.0em;
  border-bottom:5px solid #6a5625;
}
.public .lead { padding: 30px 0; }
.shopping_con { padding: 40px 0; }

.public .tenant_box_wrap {
  padding: 0 0 0px;
}
.public_con02 {
  padding: 30px 0;
}


/* access
----------------------------------------- */
.access .ttl {
  max-width: 100%;
  width:35%;
  margin: 0 auto;

  padding-bottom: 1.0em;
  border-bottom:5px solid #6a5625;
}
.access .lead { padding: 30px 0; }
.access_con { padding: 40px 0; }

.access .zu {
  padding: 0 0 30px;
}

.access ul.column_02_box {
  flex-direction: column;
}
.access ul.column_02_box li {
  width:100%;
  margin-bottom: 20px;
}
.access ul.column_02_box li p {
  padding: 10px 0 0;
}


}

/*=================================================================================
調整
==================================================================================*/

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .main_Visual .cap_Txt {
    bottom:90px;
  }
}