:root{
  --star_red: #e4007f;
}

.contentWrap {
  background-position:0 -20%;
}


.category {
  margin-top: min(10vw,172px);
}

.category_image    {border-top: 4px solid #b81c25;}
#c1.category_image {border-color: #b81c25;}
#c2.category_image {border-color: #ea5514;}
#c3.category_image {border-color: #006934;}
#c4.category_image {border-color: #2ea7e0;}
#c5.category_image {border-color: #172a88;}


/* ----------------------- .paragraph_title 段落タイトル ----------------------- */

.paragraph_title_h2 {
  font-size: min(2.6vw , 28px);
  margin-bottom: 1.4em;
  line-height: 1.7em;
}
.paragraph_title_h2_margin {
  margin-top: min(6.81vw , 70px);
}

.paragraph_title_h3 {
  font-size: min(2.22vw , 24px);
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  line-height: 1.7em;
}
.paragraph_title p {
    line-height: 2.1em;
  }



.bunkatu {
  border: 1px solid rgba(255,255,255,0.3);
  margin-top: min(10vw,172px);
  margin-bottom: min(10vw,172px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .paragraph_title_h2 {
    font-size: 5vw;
  }
  .paragraph_title_h3 {
    font-size: 4.5vw;
  }
.paragraph_title_h3_margin {
  margin-top: 0;
}
  .paragraph_title p {
    font-size: 3.3vw;
  }
}
/* ----------------------- / .paragraph_title 段落タイトル ----------------------- */



/* -- [カテゴリー カスタマイズ]------------------------------------------------ */
#location #c1.category_image .ann,
#location #c2.category_image .ann,
#location #c3.category_image .ann {
  text-shadow: 0 0 5px #000;
}
/* -- /[カテゴリー カスタマイズ]------------------------------------------------ */




/* -----------------------  #radar_map レーダーマップ ----------------------- */

#radar_map {
  width: min(96vw , 1000px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}


#radar_map > img:not(:first-of-type) {
  position: absolute;
  top:0;
  left: 0;
}
#radar_map > img:nth-of-type(2) {
  opacity: 50%;
  mix-blend-mode:multiply;
}
#radar_map > div {
  margin-top: 0.2em;
}
/* ================ SP ================ */
@media screen and (max-width: 767px) {
  #radar_map > div {
    text-align: left;
  }
}
/* ----------------------- / #radar_map レーダーマップ ----------------------- */




/* -----------------------  四角数字 ----------------------- */
.square_num {
  font-weight: bold;
  color: #fff;
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  vertical-align: baseline;
  line-height: 1.2em;
  text-align: center;
  margin-right: 0.2em;
  font-size: 1.2em;
}
.square_red {background-color:#b81c25;}
.square_grn {background-color:#006934;}
.square_sky {background-color:#2ea7e0;}
.square_pur {background-color:#172a88;}
.square_orn {background-color:#ea5514;}
/* ----------------------- / 四角数字 ----------------------- */


/* -----------------------  丸数字 ----------------------- */
.circle_num {
  font-weight: bold;
  background-color: var(--star_red);
  color: #fff;
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  border-radius: 0.6em;
  vertical-align: baseline;
  line-height: 1.2em;
  text-align: center;
  margin-right: 0.2em;
}
/* ----------------------- / 丸数字 ----------------------- */


/* -----------------------  共通項目 ----------------------- */


.shoulder_wrap {
  position: relative;
}
.shoulder_img {
  position: absolute;
  top:0;
  right: 0;
  height: min(5vw , 54px);
}
.shoulder_left .shoulder_img { /* 赤フダを左へ移動 */
  right: inherit;
  left: 0;
}
.ann large {
  font-size: 135%;
}
/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .shoulder_img {
    height: 14vw;
  }
}


/* ----------------------- / 共通項目 ----------------------- */


/* -----------------------  豊かな暮らしを支えるスーパーを身近に ----------------------- */

.super {
  margin-top: min(10vw,172px);
  letter-spacing: 0!important;
}
.super large {
  font-size: 135%;
}
/*-----*/

.super1 {
  display: flex;
  justify-content: space-between;
}
.super1 .shoulder_wrap {
  width: min(55.56vw , 600px);
}
.super1 .paragraph_title {
  width: min(37.04vw , 400px);
}

/*-----*/
.super2 {
  display: flex;
  justify-content: space-between;
}
.super2 > div:nth-of-type(1){width: min(37.04vw , 400px);margin-top:min(12.96vw , 140px);}
.super2 > div:nth-of-type(2){width: min(29.63vw , 320px);margin-top:min( 6.48vw ,  70px);}
.super2 > div:nth-of-type(3){width: min(25vw , 270px);}


/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .super1 {
    flex-direction:column-reverse;
  }
  .super1 .shoulder_wrap {
    width: 100%;
  }
  .super1 .paragraph_title {
    width: 100%;
    margin-bottom: 5vw;
  }
/*-----*/
  .super2 {
    display: flex;
    flex-direction:column;
  }
  .super2 > div:nth-of-type(1),
  .super2 > div:nth-of-type(2),
  .super2 > div:nth-of-type(3){width: 100%;margin-top:5vw;}

}
/* ----------------------- / 豊かな暮らしを支えるスーパーを身近に ----------------------- */




/* -----------------------  インテリアショップでお気に入りを選ぶ楽しみ ----------------------- */

.interior_wrap {
  display: flex;
  justify-content: space-between;
}
.interior_wrap .shoulder_wrap {
  width: min(51.85vw , 580px);
}
.interior_wrap .paragraph_title {
  width: min(37.04vw , 400px);
  padding-left: 2em;
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .interior_wrap {
    flex-direction: column;
  }
  .interior_wrap .shoulder_wrap {
    width: 100%;
  }
  .interior_wrap .paragraph_title {
    width: 100%;
    margin-bottom: 5vw;
    padding-left: 0;
  }
}
/* ----------------------- / インテリアショップでお気に入りを選ぶ楽しみ ----------------------- */





/* -----------------------  地元に息づく６つの商店街 ----------------------- */

.star_red {color: var(--star_red);}

.street_wrap {
  display: flex;
  justify-content: space-between;
}
.street_wrap .street_map {
  width: min(48.33vw , 522px);
}
.street_wrap .paragraph_title {
  width: min(46.3vw , 500px);
  padding-left: 2em;
}

.street_wrap ul {
  margin-top: min(3.24vw , 35px);
}
.street_wrap li {
  margin-top: 1em;
}
.street_wrap li .text_s {
  display: block;
  margin-left: 1.5em;
}

.street_ph_pc > div {
  margin-top: min(3.24vw , 35px);
}
.street_ph_pc > div:first-of-type img {
  width: min(25.93vw , 280px);
}
.street_ph_pc > div:last-of-type {
  display: flex;
}
.street_ph_pc > div:last-of-type > div {
  width: 50%;
}
.street_ph_pc > div:last-of-type > div img {
  width: min(18.52vw , 200px);
}

.street_ph_tab {display: none;}

/* ================ 1000 ================ */
@media screen and (max-width: 1000px) {
  .street_ph_pc  {display: none;}
  .street_ph_tab {
    display: flex;
    justify-content:space-between;
    margin-top: 5vw;
  }

  .street_ph_tab  > div {
    width: 32%;
  }
}


/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .street_wrap {
    flex-direction: column-reverse;
  }
  .street_wrap .street_map {
    width:100%;
  }
  .street_wrap .paragraph_title {
    width:100%;
    padding-left: 0;
  }
  .street_ph_tab {
    flex-direction: column;
    align-items: center;
  }

  .street_ph_tab  > div {
    width: 90%;
    margin-top: 5vw;
  }
  .street_map {
    margin-top: 8vw;
  }
}
/* ----------------------- / 地元に息づく６つの商店街 ----------------------- */



/*===========================================================================================================*/


/* ----------------------- 休日には家族と楽しめる大型ショッピングモールへ。 ----------------------- */
.mall {
  display: flex;
}
.mall .mall_ph {
  width: min(50vw , 860px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mall .mall_bus,
.mall .mall_ph > div:first-of-type > .ann {
  width: min(48.33vw , 522px);
  margin-right: 0;
  margin-left: auto;
}

.mall .paragraph_title {
  width: min(27.91vw , 480px);
  margin-left: min(3.49vw,60px);
}
.mall_floor {
  width: 82%;
  margin-top: min(3.24vw , 35px);
}

/* ================ 1300 ================ */
@media screen and (max-width: 1300px) {
  .mall .paragraph_title {
    width: calc(46vw - 30px);
  }
}
/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .mall {
    flex-direction: column-reverse;
  }
  .mall .mall_bus,
  .mall .mall_ph,
  .mall .mall_ph > div:first-of-type > .ann,
  .mall .paragraph_title {
    width: 94vw;
    margin-left: auto;
    margin-right: auto;
  }
  .mall .mall_ph {
    margin-top: 8vw;
  }
  .mall_floor {
    margin-left: 2vw;
  }
}
/* ----------------------- / 休日には家族と楽しめる大型ショッピングモールへ。 ----------------------- */




/* ----------------------- ショッピングモール バス囲み ----------------------- */

.mall_bus {
  background-color: #e6e6e7;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top:min(1.75vw , 30px);
  color: #000;
}
.mall_bus_wrap {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}
.mall_bus_wrap > div:first-of-type {
  width: 57.8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mall_bus_wrap > div:last-of-type {
  width: 38%;
}
.mall_bus_br br {
  display: none;
}
/* ================ 950 ================ */
@media screen and (max-width: 950px) {
  .mall_bus_br {
    margin-left: 10px;
    line-height: 1.6em;
  }
  .mall_bus_br br {
    display: block;
  }
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .mall_bus h2 {
    font-size: 110%;
    line-height: 1.8em;
  }
  .mall_bus_wrap {
    margin: 10px 10px 0 10px;
  }
  .mall_bus_wrap > div:last-of-type img {
  }
  .mall_bus_wrap .ann {
    margin-top: 0.5em;
    line-height: 1.4em;
  }
  .mall_bus_br {
    margin-left: 0;
  }
  .mall_bus_br br {
    display: none;
  }
  .mall_floor {
    width: 94%;
    margin-bottom: 3vw;
  }
}

/* ----------------------- / ショッピングモール バス囲み ----------------------- */








/*===========================================================================================================*/


/* -----------------------  グルメ共通 ----------------------- */

.gourmet {
  display: flex;
  justify-content: space-between;
  margin-top: min(6.5vw , 70px);
}
.gourmet.gourmet_L .gourmet_ph{
  order: 1;
}
.gourmet.gourmet_L .paragraph_title{
  order: 2;
}
.gourmet .gourmet_ph {
  width: min(56vw , 660px);
}
.gourmet .paragraph_title {
  width: min(35.16vw , 380px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .gourmet {
    flex-direction: column;
    margin-top: 20vw;
  }
  .gourmet.gourmet_L .gourmet_ph{
    order: 2;
  }
  .gourmet.gourmet_L .paragraph_title{
    order: 1;
  }
  .gourmet .gourmet_ph {
    width: 100%;
  }
  .gourmet .paragraph_title {
    width: 100%;
  }
  .gourmet_ph {
    margin-top: 5vw;
  }
}
/* ----------------------- / グルメ共通 ----------------------- */




/* ----------------------- 熟練の技で焼きあげる鰻の極み ----------------------- */

.gourmet1 .gourmet_ph_sub img {
  width: min(20.37vw , 220px);
  margin-top: min(1.39vw , 15px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .gourmet1 .gourmet_ph_sub img {
    width: 75%;
  }
}

/* ----------------------- / 熟練の技で焼きあげる鰻の極み ----------------------- */



/* ----------------------- やさしい時間が流れるカフェ ----------------------- */
.gourmet2 .paragraph_title > div:first-of-type > img {
  margin-top: 8px;
}

.gourmet2 .gourmet_ph_sub {
  margin-top: min(1.67vw , 18px);
}

/* ----------------------- / 熟練の技で焼きあげる鰻の極み ----------------------- */



/* ----------------------- 住宅街に佇む蕎麦処 ----------------------- */

.gourmet3 .gourmet_ph_sub img {
  width: min(22.78vw , 246px);
  margin-top: min(3.24vw , 35px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .gourmet3 .gourmet_ph_sub img {
    width: 75%;
  }
}
/* ----------------------- / 住宅街に佇む蕎麦処 ----------------------- */



/* ----------------------- 熟練の技で焼きあげる鰻の極み ----------------------- */

.gourmet4 .gourmet_ph_sub img {
  width: 100%;
  margin-top: min(1.39vw , 15px);
}
/* ----------------------- / 熟練の技で焼きあげる鰻の極み ----------------------- */





/*===========================================================================================================*/







/* ----------------------- ゆとりと潤いに包まれる身近な公園 ----------------------- */

.park1 {
  margin-top: min(6.5vw , 70px);
}
.park1_wrap {
  display: flex;
  justify-content: space-between;
}

.park1_wrap > div:first-of-type {
  width: min(40.74vw , 440px);
  margin-right: min(1.39vw , 15px);
}
.park1_wrap > div:last-of-type {
  width: min(53.33vw , 576px);
}
.park1_wrap > div:last-of-type > div:first-of-type {
  display: flex;
  justify-content: space-between;
}
.park1_wrap > div:last-of-type > div:first-of-type img {
  width: auto;
  height: min(18.52vw , 200px);
}
.park1_wrap > div:last-of-type > div:last-of-type img {
  width: min(37.04vw , 400px);
  margin-top: min(1.39vw , 15px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .park1_wrap {
    flex-direction: column;
  }

  .park1_wrap > div:first-of-type {
    width: 100%;
  }
  .park1_wrap > div:last-of-type {
    width: 100%;
  }
  .park1_wrap > div:last-of-type > div:first-of-type img {
    height: 33vw;
    margin-top: 5vw!important;
  }
  .park1_wrap > div:last-of-type > div:last-of-type img {
    width: 100%;
    margin-top: 5vw!important;
  }
}
/* ----------------------- / ゆとりと潤いに包まれる身近な公園 ----------------------- */






/* ----------------------- 休日に家族で訪れたくなる大型公園や遊び場が充実 ----------------------- */

.park2 {
  margin-top: min(6.5vw , 70px);
}
.park2_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.park2_wrap > div:first-of-type {
  width: min(61.11vw , 660px);
  margin-right: min(1.39vw , 15px);
}
.park2_wrap > div:last-of-type {
  width: min(35.19vw , 380px);
}

.park2_ph_sub {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: min(1.39vw , 15px);
}

.park2_ph_sub > div:first-of-type {
  width: min(14.81vw , 160px);
  margin-right: min(1.39vw , 15px);
}
.park2_ph_sub > div:last-of-type {
  width: min(18.52vw , 200px);
}
.park2_ph_sub > div:last-of-type img {
  margin-top: min(1.39vw , 15px);
}
.park2 .ann .ann {
  margin-top: 0.3em;
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .park2_wrap {
    flex-direction: column;
  }

  .park2_wrap > div:first-of-type {
    order: 2;
    width: 100%;
    margin-right: 0;
    margin-top: 5vw;
  }
  .park2_wrap > div:last-of-type {
    order: 1;
    width: 100%;
  }

  .park2_ph_sub > div:first-of-type {
    width: 37%;
    margin-right: 0;
  }
  .park2_ph_sub > div:last-of-type {
    width: 60%;
  }
}


/* -イイナパーク川口---------- */


.park2_wrap2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: min(6.48vw , 70px);
}
.park2_wrap2 img {
  margin-top: min(1.39vw , 15px);
}
.park2_wrap2 > div:first-of-type > div:first-of-type > div:nth-of-type(2) {
  margin: 0.3em 0 1em 0;
}

.park2_wrap2 > div:first-of-type {
  width: min(37.41vw , 404px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  margin-right: min(1.39vw , 15px);
}
.park2_wrap2 > div:last-of-type {
  width: min(58.7vw , 634px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}


/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .park2_wrap2 {
    flex-direction: column;
  }

  .park2_wrap2 > div:first-of-type {
    width: 100%;
    margin-right: 0;
  }
  .park2_wrap2 > div:last-of-type {
    width: 100%;
  }
}
/* ----------------------- / 休日に家族で訪れたくなる大型公園や遊び場が充実 ----------------------- */











/* ----------------------- EDUCATION PHOTO ----------------------- */

.edu1 {
  margin-top: min(6.5vw , 70px);
}
.edu1_wrap {
  display: flex;
  justify-content: space-between;
  gap: min(1.39vw , 15px);
}
.edu1_wrap > div {
  width: min(46.3vw , 500px);
}
.edu1_wrap > div:last-of-type {
  margin-top: min(10vw , 108px);
}

/*-----*/
.edu2_wrap {
  display: flex;
  justify-content: space-around;
}
.edu2_wrap > div {
  width: min(25.93vw , 280px);
  margin-top: min(10vw , 108px);
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .edu1_wrap {
    flex-direction: column;
    gap:none;
  }
  .edu1_wrap > div {
    width: 100%;
    margin-top: 5vw
  }

/*-----*/

  .edu2_wrap {
    display: block;
  }
  .edu2_wrap > div {
    width: 75%;
  }
  .edu2_wrap > div:nth-of-type(2) {
    margin-left: auto;
    margin-right: auto;
  }
  .edu2_wrap > div:nth-of-type(3) {
    margin-left: auto;
    margin-right: 0;
  }
}
/* ----------------------- / EDUCATION PHOTO ----------------------- */









/* ----------------------- 子育て世帯にやさしい、さまざまな行政支援 ----------------------- */


.childcare {
  background-color: #fff;
  text-align: center;
  margin-top: min(10vw,172px);
  position: relative;
}
#childcare1 img {
  width: 100%;
  cursor: pointer;
}
#childcare1 figcaption {
  bottom: 12%;
}


#childcare1 {
  background-image: url("../img/location/support_head_bg_open_pc.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#childcare1.active {
  background-image: url("../img/location/support_head_bg_close_pc.jpg");
}
#childcare1 img {
  vertical-align: top;
}

.childcare_wrap {
  display: none; /* プルダウン対応 */
  padding-top: min(6vw, 60px);
}


.childcare_wrap > div:first-of-type {
  display: flex;
  justify-content: space-between;
  margin-top: min(6vw,60px);
  padding-bottom: min(6vw,60px);
}
.childcare_wrap > div:first-of-type > img {
  width: min(42vw,470px);
}


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

  #childcare1 figcaption {
    bottom: 20%;
  }

  #childcare1 {
    background-image: url("../img/location/support_head_bg_open_sp.jpg");
  }
  #childcare1.active {
    background-image: url("../img/location/support_head_bg_close_sp.jpg");
  }
  .childcare .ann {
    font-size: 50%;
  }
  .childcare_wrap > div:first-of-type {
    flex-direction: column;
  }
  .childcare_wrap > div:first-of-type > img {
    width: 100%;
  }
  .childcare_wrap > div:first-of-type > img:last-of-type {
    margin-top: min(6vw,60px);
  }
}

/* ----------------------- / 子育て世帯にやさしい、さまざまな行政支援 ----------------------- */





/* ----------------------- 日々の暮らしに寄り添う、“かかりつけ”の安心を ----------------------- */
.medi1 {
  margin-top: min(6.5vw , 70px);
}
.medi1_wrap {
  display: flex;
  justify-content: space-between;
}
.medi1_wrap > div {
  width: min(22.22vw , 240px);
}
.medi1_wrap small {
  font-size: 80%;
}
/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .medi1 {
    margin-bottom: 10vw
  }
  .medi1_wrap {
    flex-wrap: wrap;
  }
  .medi1_wrap > div {
    width: 48%;
  }
  .medi1_wrap small {
    font-size: 100%;
  }
  .medi1_wrap img {
    margin-top: min(1.39vw , 15px);
  }
}
/* ----------------------- / 日々の暮らしに寄り添う、“かかりつけ”の安心を ----------------------- */





/* ----------------------- 小児科の夜間・休日の救急対応や、地域の健康を支える総合病院を身近に ----------------------- */
.medi2 {
  margin-top: min(6.5vw , 70px);
}
.medi2_wrap {
  display: flex;
  justify-content: space-between;
}
.medi2_wrap > img {
  width: min(59.26vw , 640px);
  margin-left: min(1.39vw , 15px);
}
.medi2_wrap > div {
  width: min(35.16vw , 380px);
}
.medi2_wrap.medi2_wrap_L > img {order: 1;margin-right: min(1.39vw , 15px);}
.medi2_wrap.medi2_wrap_L > div {order: 2;}

.medi2 p {
  margin-top: 0.8em;
}
/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .medi2_wrap {
    flex-direction: column;
  }
  .medi2_wrap p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .medi2_wrap > img {
    width:100%;
    margin-left: 0;
    margin-right:0;
  }
  .medi2_wrap > div {
    width:100%;
  }
  .medi2_wrap.medi2_wrap_L > img {order: 2;}
  .medi2_wrap.medi2_wrap_L > div {order: 1;}
}
/* ----------------------- / 小児科の夜間・休日の救急対応や、地域の健康を支える総合病院を身近に ----------------------- */










/* ----------------------- LIFE INFORMATION ----------------------- */
.lifeinfo {
  margin-top: min(20vw,216px);
}


.lifeinfo h2 {
  font-size: min(3.7vw , 40px);
  margin-bottom: 1.4em;
  line-height: 1.7em;
  text-align: center;
}
.lifeinfo h2 span {
  display: inline-block;
  letter-spacing: 0.2em;
  transform: perspective(0.1em);
}

.tabs {
	width: min(100% , 1080px);
	margin: 60px auto 0;
}
ul.tab {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
ul.tab li {
	width: 19.7%;
	background: rgba(255,255,255,.7);
	color: #000;
	letter-spacing: 0;
}
ul.tab li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.tab li a img {
  max-width: none;
  width: 100%;
}
ul.tab li.active {
	background: #fff;;
}
ul.tab li:hover{
	background: #fff;
  opacity: 1;
}
ul.tab li:hover img {
  opacity: 1;
}

.area {
	display: none;
	opacity: 0;
	background: #fff;
}
.area.is-active {
    display: block;
    opacity: 1;
    animation-name: displayAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.area .life_info_inner {
  display: flex;
  background-color: #fff;
}
.area .life_info_inner .life_map {width:min(77.78vw , 840px)}
.area .life_info_inner .life_info.pc {width:min(22.22vw , 240px)}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .lifeinfo h2 span {
    font-size: 5.5vw;
  }
  ul.tab {
    height: auto;
    flex-wrap: wrap;
  }
  ul.tab li {
    width: 32%;
  }
  ul.tab li.two {
    width: 49%;
    margin-top: 3vw;
  }
  .area .life_info_inner {
    display: block;
  }
  .area .life_info_inner .life_map {width:100%}
}
/* ----------------------- LIFE INFORMATION ----------------------- */