@charset "UTF-8";

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

title : 
scope : /map_search/

last modify : 2020/09/25 Doan Thi Tuong Vi 新規作成

========================================================== */
/* body{
  font-family: "メイリオ", "Meiryo", sans-serif !important;
} */

html {
  min-width: inherit;
}

body {
  background: none;
}

@media screen and (max-width: 750px) {
  html {
    font-size: 13px;
    font-size: 4vw;
  }

  body {
    max-width: 100%;
    min-width: 375px;
  }
}

div,
p,
ul,
li,
img,
h1,
h2 {
  margin: 0;
  padding: 0;
}

ul,
section,
figure,
aside {
  display: block;
  margin: 0;
  padding: 0;
}

area:hover,
area {
  border: 0 !important;
  outline: none !important;
  cursor: pointer;
}

.view_pc {
  display: block !important;
}

.view_pc_inline {
  display: inline !important;
}

@media screen and (max-width: 750px) {
  .view_pc,
  .view_pc_inline {
    display: none !important;
  }
}

.view_sp,
.view_sp_inline {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .view_sp {
    display: block !important;
  }

  .view_sp_inline {
    display: inline !important;
  }
}

/* ClearFix */
.cf:before {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
  content: "";
  display: table;
}

/* flex */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

/*-- 全体 --*/
.content {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
  position: relative;
}

.content img {
  width: 100%;
}

.content a:hover {
  opacity: .8;
}

.ttl_main,
.no_link {
  display: none !important;
}

@media screen and (max-width: 750px) {
  #siteroute {
    display: none !important;
  }

  .ttl_main {
    display: none !important;
  }

  .ttl_main_h1 {
    background: #f75586;
    color: #fff;
    font-size: 1.533334rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    padding: .6rem 1rem;
    text-align: center;
  }
}

#btn_pagetop {
  display: none !important;
}

#back_top_top {
  background: url(/search/image/dtl_new/bg_pagetop_btn.png) no-repeat 0 0;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  transition: background .2s linear;
  width: 90px;
  z-index: 100;
}

#back_top_top:hover {
  background-position: 0 -50px;
}

@media screen and (max-width: 750px) {
  #back_top_top {
    display: none !important;
  }
}


/* ------------------------------------
 main_visual
-------------------------------------- */
.main_visual h1 {
  position: relative;
}

@media screen and (max-width: 750px) {
  .main_visual.main02 h1 {
    background: url(/map_search/image/img-main-inner02-sp.png) no-repeat 0 0 / 100% auto;
    min-height: 11rem;
  }

  .main_visual.main02 h1 img {
    min-height: 11rem;
  }

  .main_visual.main02 h1 img[src*="-pc.png"] {
    display: none;
  }
}

.main_visual h1 span {
  display: inline-block;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 28px;
  border: 4px solid #fff;
  border-radius: 9999px;
  background-color: #274a7b;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: .025em;
}

.meiryo .main_visual h1 span {
  padding-top: 12px;
}

@media all and (-ms-high-contrast:none) {
  .main_visual h1 span {
    bottom: 2.6rem;
  }
}

@media screen and (max-width: 750px) {
  .main_visual h1 span {
    left: 60%;
    padding: 10px 16px;
    width: 100%;
    max-width: 200px;
    text-align: center;
    font-size: .8rem;
    line-height: 1.4;
  }

  .meiryo .main_visual h1 span {
    bottom: 2.1rem;
  }
}

@media screen and (max-width: 337px) {
  .main_visual h1 span {
    bottom: 2.6rem;
  }

  .meiryo .main_visual h1 span {
    bottom: 2.5rem;
  }
}

@media (max-width: 750px) and (-ms-high-contrast:none) {
  .main_visual h1 span,
  .meiryo .main_visual h1 span {
    bottom: 2rem;
  }
}

@media (max-width: 337px) and (-ms-high-contrast:none) {
  .main_visual h1 span,
  .meiryo .main_visual h1 span {
    bottom: 2.3rem;
  }
}

/* mod_lead */
.mod_lead {
  font-size: 1.5rem;
  letter-spacing: .02em;
  line-height: 1.71;
  margin: 2rem auto 0;
  max-width: 720px;
  text-align: justify;
}

@media screen and (max-width: 750px) {
  .mod_lead {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6;
    margin: 1rem 1rem 0 !important;
  }
}

/* ------------------------------------
 mod_prtxt
-------------------------------------- */
aside.mod_prtxt {
  margin: 6.15rem auto 0;
  text-align: justify;
}

@media screen and (max-width: 750px) {
  aside.mod_prtxt {
    background: #fbe8f0;
    border: none;
    margin: 1.666667rem 1rem 0;
    padding: .67rem 1rem;
    width: auto;
  }
}

.mod_prtxt p {
  color: #000;
  font-size: 1.5rem;
  letter-spacing: .03em;
  line-height: 1.65;
}

@media screen and (max-width: 750px) {
  .mod_prtxt p {
    font-size: 1rem;
    line-height: 1.6;
  }
}

/* ------------------------------------
 mod_bnr_box
-------------------------------------- */
.mod_bnr_box {
  border-top: 1px solid #3e3424;
  margin-top: 2.6rem;
  padding-top: 5rem;
}

@media screen and (max-width: 750px) {
  .mod_bnr_box {
    border-top: none;
    margin: 2.667rem 1rem 0 !important;
    padding-top: 0;
  }
}

.mod_bnr_box a {
  display: block;
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
}

.mod_bnr_box a img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod_bnr_box a {
    max-width: 81%;
  }
}

.mod_bnr_box .cap {
  font-size: 1.6rem;
  margin-top: .6rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod_bnr_box .cap {
    font-size: 1rem;
    letter-spacing: .02em;
    line-height: 1.333334;
    margin: .5rem auto 0;
    max-width: 81%;
  }
}


@media (min-width: 751px) {
  .mod_bnr_box .map_search_bnr_col2{
    display: flex;
    gap: 20px;
    justify-content: center;
  }
  
  .mod_bnr_box .map_search_bnr_col2 figure{
    width: 450px;
  } 
  .map_search_bnr_col2 figcaption p span{
    display: inline-block;
  }
}

/* ------------------------------------
 mod_useful_relation
-------------------------------------- */
.mod_useful_relation {
  margin: 5rem auto 0;
  width: 940px;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation {
    margin: 2.28rem 1rem 0;
    width: auto;
  }
}

.mod_useful_relation dt {
  background: url(../image/bg-title02.png) center center no-repeat;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 auto;
  max-width: 580px;
  padding: .9rem 1rem 1rem;
  text-align: center;
  width: 100%;
}

.meiryo .mod_useful_relation dt {
  padding: 1.2rem 1rem .7rem;
}

@media all and (-ms-high-contrast:none) {
  .mod_useful_relation dt {
    padding: 1.2rem 1rem .7rem;
  }
}

@media screen and (max-width: 750px) {
  .mod_useful_relation dt {
    background: none;
    border-bottom: .2rem solid #f75586;
    color: #000;
    display: block;
    font-size: 1.333334rem;
    letter-spacing: .02em;
    min-width: 100%;
    padding: 0 0 .5rem !important;
    text-align: left;
  }
}

.mod_useful_relation dd>p {
  font-size: 1.5rem;
  letter-spacing: 0;
  margin: 2.9rem auto 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation dd>p {
    font-size: 1rem;
    letter-spacing: .02em;
    line-height: 1.6;
    margin: .7rem auto 0;
    text-align: justify;
  }
}

.mod_useful_relation .lst {
  align-content: center;
  -webkit-align-content: center;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  margin-top: 2.5rem;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation .lst {
    margin: 1rem auto 2.5rem;
    padding-bottom: 1.5rem;
    position: relative;
    width: 85%;
  }
    
}
.mod_useful_relation .lnk {
  background: #fff;
  border: 1px solid #e0d7c7;
  box-shadow: 0 0 4px 2px rgba(225, 220, 211, .35);
  box-sizing: border-box;
  display: block;
  height: 265px;
  width: calc(224 / 940 * 100%);
}

.mod_useful_relation .lnk.lnk_space {
  border: none;
  box-shadow: none;
}

.mod_useful_relation .lnk:nth-of-type(4n) {
  margin-right: 0;
}

.mod_useful_relation .lnk:nth-of-type(n+5) {
  margin-top: 1.3rem;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation .lnk {
    box-sizing: border-box;
    height: 56vw;
    margin-right: 5px;
    margin-left: 5px;
  }

  .mod_useful_relation .lnk:nth-of-type(n+5) {
    margin-top: 0;
  }
  .mod_useful_relation .lnk:nth-of-type(4n) {
    margin-right: 5px;
    margin-left: 5px;
  }
}

.mod_useful_relation .lnk a {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.mod_useful_relation .spr {
  display: block;
  height: 126px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation .spr {
    height: auto;
  }
}

.mod_useful_relation .lnk .spr>img {
  max-width: 222px;
  position: absolute;
  left: 0;
  top: 0;
}

.mod_useful_relation .lnk a:hover .spr img {
  opacity: .8;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation .lnk .spr>img {
    max-width: 100%;
    position: relative;
    width: 100%;
  }
}

.mod_useful_relation .l_ttl {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.43;
  margin: 1rem .8rem 0 1rem;
}

.mod_useful_relation .cap {
  color: #333;
  font-size: 13px;
  line-height: 20px;
  margin: .6rem .8rem 0 1rem;
}

@media screen and (max-width: 750px) {
  .mod_useful_relation .cap {
    color: #000;
    font-size: .9rem;
    letter-spacing: .02em;
    line-height: 1.333334;
    margin: .5rem .6rem 0;
    text-align: left;
  }

  .mod_useful_relation .slick-prev,
  .mod_useful_relation .slick-next {
    bottom: 0;
    height: 2.678rem;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 1.339rem;
    z-index: 1;
  }

  .mod_useful_relation .slick-prev {
    left: -7.5%;
  }

  .mod_useful_relation .slick-next {
    right: -7.5%;
  }

  .mod_useful_relation .slick-prev:before,
  .mod_useful_relation .slick-next:before {
    background: url(../image/ico-arrow-carousel.png) no-repeat center;
    background-size: contain;
    content: "";
    height: 2.678rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.339rem;
  }

  .mod_useful_relation .slick-next:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  .mod_useful_relation .slick-prev:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .mod_useful_relation .slick-dots {
    height: .8rem;
    bottom: 0;
  }

  .mod_useful_relation .slick-dots li {
    height: .8rem;
    line-height: .8;
    margin: 0 .76rem;
    width: .8rem;
  }

  .mod_useful_relation .slick-dots li button {
    height: .8rem;
    width: .8rem;
  }

  .mod_useful_relation .slick-dots li button:before {
    background: #ddd;
    height: .8rem;
    opacity: 1;
    left: 0;
    top: 0;
    width: .8rem;
  }

  .mod_useful_relation .slick-dots li.slick-active button:before {
    background: #f75586;
    opacity: 1;
  }
}

/* ------------------------------------
 地域情報一覧見出し部分
-------------------------------------- */
.area_list_ttl {
  background-color: #DF3367;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  left: 50%;
  margin-top: 29px;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  transform: translateX(-50%);
  width: 306px;
}
.area_list_ttl span {
  display: inline-block;
}
.area_list_box {
  border-bottom: 2px solid #DF3367;
  margin: 30px auto 10px;
  padding-bottom: 39px;
  width: 943px;
}
.area_list_box ul {
  display: flex;
  font-size: 14px;
  justify-content: space-around;
}

.area_list_box ul li {
  padding-left: 48px;
  position: relative;
  width: 140px;
}

.area_list_box ul li.nav_list_01 {
  width: 126px;
}

.area_list_box ul li:not(:last-child) {
  border-right: 1px solid #2c77d7;
}

.area_list_box ul li a{
  display: block;
  margin-left: -3px;
}

.area_list_box ul li a:before {
  background: url(/map_search/image/ico_home.svg) no-repeat;
  background-size: 23px;
  content: "";
  height: 30px;
  left: 13px;
  position: absolute;
  top: 5px;
  width: 23px;
}
.area_list_box ul li.nav_list_02 a:before {
  background: url(/map_search/image/ico_person.svg) no-repeat;
  background-size: 26px;
}
.area_list_box ul li.nav_list_03 a:before {
  background: url(/map_search/image/ico_health.svg) no-repeat;
  background-size: 23px;
}
.area_list_box ul li.nav_list_04 a:before {
  background: url(/map_search/image/ico_graph.svg) no-repeat;
  background-size: 23px;
}
.area_list_box ul li.nav_list_05 a:before {
  background: url(/map_search/image/ico_sports.svg) no-repeat;
  background-size: 23px;
}
.area_list_box ul li.nav_list_06 a:before {
  background: url(/map_search/image/ico_bus.svg) no-repeat;
  background-size: 23px;
}
.area_list_box ul li.nav_list_07 a:before {
  background: url(/map_search/image/ico_castle.svg) no-repeat;
  background-size: 23px;
}
.area_list_box ul li a:after {
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  content: "";
  color: #00f;
  height: 8px;
  position: absolute;
  right: 17px;
  top: 12px;
  transform: translateY(-25%) rotate(135deg);
  width: 8px; 
}
@media screen and (max-width: 750px) {
  .area_list_box {
    width:92%;
  }
  .area_list_box ul {
    display: flex;
    font-size: 14px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .area_list_box ul li:not(:last-child) {
    border-right: 1px solid #f75586;
}
  .area_list_box ul li.nav_list_01,
  .area_list_box ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    background: #fff;
    border: 1px solid #f75586;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 rgba(179, 159, 134, .5);
    box-shadow: 0 2px 0 rgba(179, 159, 134, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 10px 0 0 15px;
    padding-left: 48px;
    position: relative;
    width: calc(100% / 2 - 20px);
  }
  .area_list_box ul li a {
    color: #000;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom:5px;
  }
  .area_list_box ul li a:before {
    top: 8px;
  }
  .area_list_box ul li a:after {
    color: #f75586;
    top: 17px;
  }
}
/* ------------------------------------
 section
-------------------------------------- */
.inner_ttl {
  margin: 0 auto;
  max-width: 900px;
  position: relative;
  text-align: center;
  z-index: 0;
}
.inner_ttl.inner_ttl_ico {
  margin-top: 37px;
  font-size: 24px;
  letter-spacing: -0.001rem;
  color: #DF3367;
}
.inner_ttl.inner_ttl_ico .ico-map_search {
  width: 30px;
  margin-right: 9px;
}
.inner_ttl.inner_ttl_ico>* {
  padding: 0;
}
.inner_ttl.inner_ttl_ico>*>* {
  padding: 0;
  border: none;
}
.inner_ttl.inner_ttl_ico::before {
  content: none;
}

@media screen and (max-width: 750px) {
  .inner_ttl {
    text-align: left;
  }
}

.inner_ttl::before {
  background: #e99b2c;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .inner_ttl::before {
    display: none;
  }
}

.inner_ttl>* {
  background: #fff;
  display: inline-block;
  padding: 0 1rem;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .inner_ttl>* {
    display: block;
    padding: 0;
  }
}

.inner_ttl>*>* {
  border: 2px solid #e99b2c;
  display: inline-block;
  padding: .3rem;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .inner_ttl>*>* {
    border: none;
    display: block;
    padding: 0;
  }
}

.inner_ttl>*>*>* {
  background: url(../image/bg-title01.png) center center repeat;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 400;
  padding: 1.0rem 3.2rem 1.05rem;
  z-index: 3;
}

.map_area .inner_ttl>*>*>* {
  letter-spacing: .08em;
}

.meiryo .inner_ttl>*>*>* {
  padding: 1.2rem 3.2rem .8rem;
}

@media all and (-ms-high-contrast:none) {
  .inner_ttl>*>*>* {
    padding: 1.3rem 1rem .8rem;
  }
}

@media screen and (max-width: 750px) {
  .inner_ttl>*>*>* {
    background: none;
    border-bottom: .2rem solid #f75586;
    color: #000;
    display: block;
    font-size: 1.333334rem;
    letter-spacing: .02em;
    padding: 0 0 .566667rem !important;
  }
}

.lead_txt {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 2.5rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .lead_txt {
    font-size: 1rem;
    letter-spacing: .02em;
    line-height: 1.6;
    margin-top: .666667rem;
    text-align: justify;
  }
  .content .area_info .lead_txt {
    font-size: 1rem;
  }
}

.map_img {
  margin: 2rem auto 0;
  position: relative;
}

.map_img.map_img00 {
  background: url(/map_search/image/map-pc.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  margin: 1.4rem auto 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  max-width: 940px;
}

@media screen and (max-width: 750px) {
  .map_img {
    margin-top: 0;
  }

  .map_img::before {
    background: url(../image/ico-zoom.png) center no-repeat;
    background-size: contain;
    content: "";
    height: 1.5rem;
    position: absolute;
    bottom: .366667rem;
    right: .366667rem;
    width: 1.5rem;
  }
  
}

/* タップで検索マーク */
.map_img::after {
  background: url(../image/ico-finger.png) no-repeat center;
  background-size: 247px 47px;
  content: "";
  display: block;
  height: 48px;
  position: absolute;
  /* 上中央 */
  top: 30px;
  right: 315px;
  width: 265px;
}
.map_img00::after{
  top: 150px;
  right: 250px;
}

/* 中央 */
.map_img_icocenter::after{
  right: 315px;
}


/* 
個別
*/
.map_img00::after{
  top: 170px;
  right: 250px;
}
.map_img01::after{
  top: 30px;
  right: 260px;
}
.map_img_01_northern::after{
  right: 110px;
}
.map_img_eastern::after{
  top: 35px;
  right: 265px;
}
.map_img_sapporo::after{
  top: 35px;
  right: 35px;
}
.map_img_aomori:after,
.map_img25:after,
.map_img34:after{
  top: 40px;
  right: 480px;
}
.map_img03:after{
  top: 40px;
  right: 610px;
}
.map_img27:after{
  top: 40px;
  right: 560px;
}
.map_img04::after{
  top: 130px;
  right: 653px;
}
.map_img05::after{
  right: auto;
  left: 50px;
}
.map_img06::after,
.map_img39::after{
  right: 580px;
}
.map_img07::after{
  right: 420px;
}
.map_img08::after{
  top: 40px;
  right: 560px;
}
.map_img09::after,
.map_img20::after,
.map_img43::after,
.map_img45::after{
  right: 550px;
}
.map_img10::after,
.map_img19::after{
  top: 25px;
  right: 26px;
}
.map_img11::after{
  top: 30px;
  right: 640px;
}
.map_img11::after{
  top: 30px;
  right: 360px;
}
.map_img_saitama::after{
  top: 60px;
  right: 610px;
}
.map_img_chiba::after{
  top: 60px;
  right: 65px;
}
.map_img_yokohama::after{
  top: 45px;
  right: 50px;
}
.map_img_sagamihara::after,
.map_img_kawasaki::after{
  right: 335px;
}
.map_img15::after{
  top: 20px;
  right: 385px;
}
.map_img_nigatashi::after{
  top: 85px;
  right: 600px;
}
.map_img16::after{
  top: 40px;
  right: 360px;
}
.map_img_kyoto::after{
  top: 40px;
  right: 26px;
}
.map_img17::after{
  top: 40px;
  right: 510px;
}
.map_img18::after{
  top: 40px;
  right: 490px;
}
.map_img21::after{
  top: 50px;
  right: 540px;
}
.map_img22::after{
  top: 40px;
  right: 200px;
}
.map_img_shizuoka::after{
  top: 25px;
  right: 55px;
}
.map_img_hamamatsu::after,
.map_img_nagoya::after{
  right: auto;
  left: 75px;
  top: 45px;
}
.map_img23::after{
  right: 295px;
}
.map_img24::after{
  right: 40px;
}
.map_img26::after{
  top: 45px;
  right: 160px;
}
.map_img_osaka::after{
  top: 45px;
  right: 610px;
}
.map_img_sakai::after{
  top: 65px;
  right: 80px;
}
.map_img28::after{
  right: 115px;
}
.map_img_kobe::after{
  top: 65px;
  right: 590px;
}
.map_img29::after{
  right: 60px;
}
.map_img30::after{
  top: 40px;
  right: 60px;
}
.map_img32::after{
  top: 20px;
  right: 340px;
}
.map_img33::after{
  top: 25px;
  right: 20px;
}
.map_img_okayama::after{
  top: 45px;
  right: 80px;
}
.map_img_hiroshima::after{
  top: 65px;
  right: 590px;
}
.map_img35::after{
  top: 15px;
}
.map_img36::after,
.map_img37::after{
  top: 20px;
}
.map_img38::after{
  right: 510px;
}
.map_img_fukuoka::after{
  top: 45px;
  right: 590px;
}
.map_img40::after{
  top: 20px;
  right: 520px;
}
.map_img42::after{
  top: 20px;
}
.map_img44::after{
  right: 500px;
}
.map_img46::after{
  width: 249px;
  background-size: contain;
  top: 25px;
  right: 460px;
}
.map_img47::after{
  top: 20px;
  right: 130px;
}
.map_img_kumamoto::after{
  top: 45px;
  right: 100px;
}
.map_img_kitakyusyu::after{
  top: 65px;
  right: 590px;
}
.map_img_central_hokkaido::after,
.map_img_southern_hokkaido::after{
 right: 455px;
 width: 230px;
 top: 18px;
 background-size: contain;
}

@media screen and (max-width: 750px) {
  .map_img.view_sp::after {
    display: none;
  }
}

/* ------------------------------------
 map_area
-------------------------------------- */
.map_area {
  margin-top: 2rem;
}

@media screen and (max-width: 750px) {
  section {
    margin: 1.366667rem 1rem 0 !important;
  }
}

/* ------------------------------------
 list_area
-------------------------------------- */
.list_area {
  margin-top: 5.4rem;
}

@media screen and (max-width: 750px) {
  .list_area {
    margin-top: 2.5rem !important;
  }
}

.list_area_table {
  margin: 2.8rem auto 0;
  max-width: 800px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .list_area_table {
    margin-top: .966667rem;
  }

  .list_area_table table,
  .list_area_table tbody,
  .list_area_table tr,
  .list_area_table th,
  .list_area_table td {
    display: block;
  }
}

.list_area_table table {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .list_area_table table {
    border: 2px solid #f75586;
    border-collapse: collapse;
  }

  .list_area_table tr:not(:last-child) {
    border-bottom: 2px solid #f75586;
  }
}

.list_area_table th {
  padding: 0;
  vertical-align: top;
  width: calc(162 / 758 * 100%);
}

.list_area_table tr:nth-child(n+2) th {
  padding-top: .6rem;
}

.list_area_table th span {
  background: url(../image/bg-txt.png) center center no-repeat;
  background-size: contain;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  padding: .8rem;
}

.meiryo .list_area_table th span {
  padding: 1rem 1.34rem .6rem;
}

@media all and (-ms-high-contrast:none) {
  .list_area_table th span {
    padding: 1rem 1.34rem .6rem;
  }
}

@media screen and (max-width: 750px) {
  .list_area_table th {
    cursor: pointer;
    display: block;
    text-align: left;
    width: 100%;
  }

  .list_area_table tr:nth-child(n+2) th {
    padding-top: 0;
  }

  .list_area_table th span {
    background: #fbe8f0;
    color: #ff5b85;
    display: block;
    font-size: 1rem;
    padding: .933334rem 2.3rem 1rem 1.8rem !important;
    position: relative;
  }

  .list_area_table th span::before {
    background: #ff5b85;
    content: "";
    height: .7rem;
    position: absolute;
    left: .74rem;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .7rem;
  }

  .list_area_table th span::after {
    background: url(../image/ico-accordion01.png) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: .7rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -moz-transform: translateY(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) rotateZ(180deg);
    -o-transform: translateY(-50%) rotateZ(180deg);
    -webkit-transform: translateY(-50%) rotateZ(180deg);
    transform: translateY(-50%) rotateZ(180deg);
    width: 1.266667rem;
  }

  .list_area_table th.active span::after {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.list_area_table td {
  padding: 0 0 0 1.4rem;
  width: calc(592 / 758 * 100%);
}

.list_area_table tr:nth-child(n+2) td {
  padding-top: .6rem;
}

@media screen and (max-width: 750px) {
  .list_area_table td {
    display: block;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .3s ease-out;
    width: 100%;
  }

  .list_area_table tr:nth-child(n+2) td {
    padding-top: 0;
  }
}

.list_area_table td .list_table {
  justify-content: inherit;
}

.list_table li {
  float: left;
  margin: .3rem .5rem 1.7rem 0;
  max-width: 82px;
  width: 100%;
}

@media (min-width: 751px) and (-ms-high-contrast:none) {
  .list_table li {
    margin-top: .6rem;
  }
}

@media screen and (max-width: 750px) {
  .list_table li {
    float: none;
    margin: 0;
    max-width: 100%;
    width: 50%;
  }
}

.list_table li:last-child {
  margin-right: 0;
  width: auto;
}

@media screen and (max-width: 750px) {
  .list_table li:last-child {
    width: 50%;
  }

  .list_table li:nth-child(odd):last-child {
    width: 100%;
  }

  .list_table li {
    align-items: center;
    border-top: 2px solid #f75586;
    display: flex;
  }

  .list_table li:last-child:nth-child(odd) .list_table .add ul li:nth-last-child(2) {
    border-bottom: 2px solid #f75586;
  }

  .list_table .add ul li:last-child:nth-child(odd),
  .list_table .add ul li:last-child:nth-child(even) {
    border-bottom: 0;
  }

  .list_table li:nth-child(2n) {
    border-left: 1px solid #f75586;
  }

  .list_table li:nth-child(2n+1):not(:last-child) {
    border-right: 1px solid #f75586;
  }
}

.list_area .list_table li a,
.list_area .list_box li a {
  display: inline-block;
  padding: .2rem .1rem .2rem 1.7rem;
  position: relative;
}

.list_area .list_box li .disable {
  cursor: auto;
}

@media screen and (max-width: 750px) {
  .list_area .list_table li a {
    padding: .9rem 1.8rem 1rem 2.5rem;
    width: 100%;
  }

  .list_area .list_box li a {
    padding: 0.9rem 1.5rem 1rem 1rem;
    width: 100%;
  }
}

.list_area .list_table li a::before,
.list_area .list_box li a::before {
  background: url(../image/ico-search.png) left top no-repeat;
  content: "";
  height: 1.4rem;
  position: absolute;
  left: 0;
  top: 55%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.4rem;
}

.list_area .list_table li a span,
.list_area .list_box li a span {
  color: #1734e8;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
}

.list_area .list_table li span rt,
.list_area .list_box li span rt{
  font-size: 1rem;
  text-align: initial;
}

@media screen and (max-width: 750px) {
  .list_area .list_table li a::before,
  .list_area .list_box li a::before {
    display: none;
  }

  .list_area .list_table li a::after,
  .list_area .list_box li a::after {
    background: url(../image/ico-accordion02.png) center center no-repeat;
    background-size: contain;
    content: "";
    height: 1.066rem;
    position: absolute;
    right: .6rem;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .533rem;
  }

  .list_area .list_table li a span,
  .list_area .list_box li a span {
    color: #ff5b85;
    font-size: 1rem;
    font-weight: 600;
    padding-left: .7rem;
    position: relative;
  }

  .list_area .list_table li a span::before,
  .list_area .list_box li a span::before {
    background: #ff5b85;
    border-radius: 50%;
    content: "";
    height: .266667rem;
    position: absolute;
    left: 0;
    top: 50%;
    width: .266667rem;
  }

  .list_area .list_table li span rt,
  .list_area .list_box li span rt{
    font-size: 0.6rem;
    text-align: left;
  }
}

/*-- list_area_inner --*/
.list_area_inner {
  margin: 3rem auto 0;
  max-width: 864px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .list_area_inner {
    margin-top: 1.666667rem !important;
  }

  .city_page .list_area_inner {
    margin-top: 1rem !important;
  }
}

.list_area_inner.city {
  margin-top: 2.4rem;
}

.list_area_inner.ward+.list_area_inner.city,
.list_area_inner.town {
  margin-top: 4rem;
}

@media screen and (max-width: 750px) {
  .list_area_inner.city:not(:nth-child(3)),
  .list_area_inner.town {
    margin-top: 1.5rem !important;
  }
}

.list_ttl {
  margin: 0;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 750px) {
  .list_ttl {
    border: 1px solid #f75586;
    border-bottom: none;
    cursor: pointer;
    display: block;
    text-align: left;
    width: 100%;
  }

  .city_page .list_ttl {
    border-bottom: 1px solid #f75586;
  }
}

.list_ttl::before {
  background: #90c31f;
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}

.ward .list_ttl::before {
  background: #f294c5;
}

.town .list_ttl::before {
  background: #aac543;
}

@media screen and (max-width: 750px) {
  .list_ttl::before {
    display: none;
  }
}

.list_ttl>* {
  background: url(../image/bg-txt.png) center no-repeat;
  color: #fff;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  min-width: 162px;
  padding: .8rem;
  text-align: center;
  width: auto;
  z-index: 1;
  background-size: 100% 100% !important;
}

.ward .list_ttl >* {
  background: url(../image/bg-txt_pink.png) center no-repeat;
}

.town .list_ttl >* {
  background: url(../image/bg-txt_light.png) center no-repeat;
}

.list_ttl2>* {
  background: url(../image/bg-txt2.png) center no-repeat;
  max-width: 220px;
}

.ward .list_ttl2 >* {
  background: url(../image/bg-txt2_pink.png) center no-repeat;
}

.town .list_ttl2 >* {
  background: url(../image/bg-txt2_light.png) center no-repeat;
}

.meiryo .list_ttl>* {
  padding: 1rem 2.5rem .6rem;
}

.list_ttl>* {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 750px) {
  .list_ttl>*,  .list_ttl2>*  {
    background: #fbe8f0;
    color: #ff5b85;
    display: block;
    font-size: 1rem;
    max-width: 100%;
    padding: .9rem 2.3rem 1.033334rem 1.866667rem;
    position: relative;
    text-align: left;
  }

  .ward .list_ttl>*,
  .city .list_ttl>*,
  .town .list_ttl>*,
  .ward .list_ttl2>*,
  .city .list_ttl2>*,
  .town .list_ttl2>* {
    background: #fbe8f0;
  }

  .meiryo .list_ttl>* {
    padding: 1.1rem 2.3rem .833334rem 1.866667rem;
  }

  .list_ttl>*::before {
    background: #ff5b85;
    content: "";
    height: .7rem;
    position: absolute;
    left: .75rem;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .7rem;
  }

  .list_ttl>*::after {
    background: url(../image/ico-accordion01.png) center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: .7rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -moz-transform: translateY(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) rotateZ(180deg);
    -o-transform: translateY(-50%) rotateZ(180deg);
    -webkit-transform: translateY(-50%) rotateZ(180deg);
    transform: translateY(-50%) rotateZ(180deg);
    width: 1.266667rem;
  }

  .city_page .list_ttl>*::after {
    display: none;
  }

  .list_ttl.active>*::after {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.list_box {
  justify-content: inherit;
  margin-top: 1.2rem;
  padding-left: 3.6rem;
}

@media screen and (max-width: 750px) {
  .list_box {
    border-bottom: 1px solid #f75586;
    border-left: 1px solid #f75586;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    padding-left: 0;
    transition: max-height .3s ease-out;
  }
  .city_list,
  .city_list ~ .list_box {
    margin-top: .6rem !important;
  }
  .list_box.list_box_supercity li:nth-child(even):last-child {
    width: 100% !important;
  }
}

.ward .list_box li,
.city .list_box li {
  width: 20%;
}

@media screen and (min-width: 751px) {
.ward .list_box.list_box_supercity li.view_pc,
.city .list_box.list_box_supercity li.view_pc,
.list_area_inner .list_box li.full_width {
  font-weight: 600;
  width: 100%;
}

.ward .list_box.list_box_supercity li.view_pc + li + li,
.ward .list_box.list_box_supercity li.view_pc ~ li,
.ward .list_box.list_box_supercity li.view_pc + li,
.city .list_box.list_box_supercity li.view_pc + li + li,
.city .list_box.list_box_supercity li.view_pc ~ li,
.city .list_box.list_box_supercity li.view_pc + li {
  margin-top: 1.7rem;
  width: 20%;
}
}

/* .ward .list_box li:nth-child(5n),
.city .list_box li:nth-child(5n) {
  width: calc(127 / 824 * 100%);
} */

@media screen and (max-width: 750px) {
  .list_box li {
    align-items: center;
    border-top: 1px solid #f75586;
    border-right: 1px solid #f75586;
    display: flex;
    width: 50% !important;
  }

  .list_box li.full_width {
    width: 100% !important;
  }

  .list_box li:nth-child(odd):last-child:not(li.full_width ~ li:last-child) {
    width: 100% !important;
  }

  .city_page .list_box li:nth-child(2n+1):not(:last-child) {
    border-right: 0;
  }

  .list_box li:nth-child(2n) {
    border-left: 0;
  }

  .city_page .list_box li:nth-child(2n):not(:last-child) {
    border-left: 0;
    border-right: 1px solid #f75586;;
  }
}

.ward .list_box ,
.city .list_box  {
  margin-top: -0.5rem;
}
.ward .list_box li,
.city .list_box li {
  margin-top: 1.7rem;
}

@media screen and (max-width: 750px) {
  .ward .list_box li,
  .city .list_box li,
  .ward .list_box.list_box_supercity li {
    margin-top: 0;
  }
  .list_area_inner.ward .list_box ,
  .list_area_inner.city .list_box  {
    margin-top: 0;
  }

}

.town .list_box li {
  width: calc(210 / 824 * 100%);
  width: calc(100% / 3);
}

/* .town .list_box li:nth-child(4n) {
  width: calc(194 / 824 * 100%);
} */

.town .list_box li:nth-child(n+4) {
  margin-top: 1.7rem;
}

@media screen and (max-width: 750px) {
  .list_area .list_box li a {
    align-items: center;
    display: flex;
  }

  .town .list_box li:nth-child(n+4) {
    margin-top: 0;
  }

  .list_box li a span {
    padding-left: 1.2rem;
  }

  .list_box li a span::before {
    left: .5rem;
  }
}

.list_link_btn {
  margin: 0 auto;
  width: 88%;
}

.list_link_btn li {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .list_link_btn,
  .list_link_btn li {
    width: 100%;
  }
}

.list_link_btn li:nth-child(odd):last-child {
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.link_btn {
  margin-top: 2.7rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .link_btn {
    margin-top: 1rem !important;
  }
}

.link_btn a {
  background: #b13966;
  border: 2px solid #b13966;
  border-bottom: 4px solid #b13966;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  max-width: 350px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}

.map_img .link_btn a:hover {
  opacity: 1;
  background: #ca5b85;
  border: 2px solid #ca5b85;
  border-bottom: 4px solid #ca5b85;
}

.list_area .link_btn a {
  background: #192f4e;
  border: 0;
  border-bottom: 2px solid #192f4e;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  max-width: 355px;
  position: relative;
  text-align: center;
  width: 100%;
}

.list_area .link_btn a::before,
.list_area .link_btn a::before {
  background: url(../image/ico-arrow-pc.png) center no-repeat;
  background-size: contain;
  content: "";
  height: 1.1rem;
  position: absolute;
  left: auto;
  right: 2rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem;
}

.list_area .link_btn a>* {
  background: #274a7b;
  border-radius: 3px;
  display: block;
  padding: 0 3rem 0 2rem;
}

@media screen and (max-width: 750px) {
  .link_btn a,
  .list_area .link_btn a {
    border: 0;
    border-bottom: 5px solid #192f4e;
    border-radius: 5px;
    margin: 0 1.166667rem;
    max-width: 100%;
    width: auto;
  }
}

@media screen and (max-width: 750px) {
  .list_area .link_btn a>* {
    border-radius: 5px;
    padding: 0 2rem 0 1rem;
}
}

.link_btn a::before {
  background: url(../image/ico-arrow02-pc.png) center no-repeat;
  background-size: contain;
  content: "";
  height: 1.1rem;
  position: absolute;
  left: auto;
  right: 1rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem;
}

.list_area .link_btn a::before {
  background: url(../image/ico-arrow-pc.png) center no-repeat;
  background-size: contain;
  content: "";
  height: 1.1rem;
  position: absolute;
  left: auto;
  right: 2rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem;
}

.list_area .link_btn a::after {
  background: none;
}

@media screen and (max-width: 750px) {
  .list_area .link_btn a::before,
  .link_btn a::before {
    background: url(../image/ico-arrow-sp.png) center no-repeat;
    background-size: contain;
    height: .666667rem;
    right: 1.3rem;
    width: .533334rem;
  }
  .link_btn a::after {
    background: none;
  }
}

@media (max-width: 750px) and (-ms-high-contrast:none) {
  .list_area .link_btn a::before,
  .link_btn a::before {
    height: .9rem;
    width: .75rem;
  }
}

.link_btn a>* {
  background: #d54c82;
  border-radius: 4px;
  display: block;
  padding: 0 3rem 0 2rem;
}

.map_img .link_btn a>* {
  padding: 0 2.6rem 0 2rem;
}

.map_img .link_btn a:hover>* {
  background: #e07ca3;
}


@media screen and (max-width: 750px) {
  .link_btn a>* {
    background: #274a7b;
    border-radius: 5px;
    padding: 0 2rem 0 1rem;
  }
}

.list_area .link_btn a>*>*,
.link_btn a>*>* {
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.5rem 1rem;
}

.meiryo .link_btn a>*>* {
  padding: 1.9rem 1rem 1.5rem;
}

.list_area .link_btn a>*>* {
  color: #fff;
  padding: 2.2rem 1rem 1.8rem;
}

@media screen and (max-width: 750px) {
  .meiryo .list_area .link_btn a>*>*,
  .meiryo .link_btn a>*>* {
    color: #fff;
    }
  .list_area .link_btn a>*>*,
  .link_btn a>*>* {
    font-size: 1.133334rem;
    letter-spacing: .02em;
    padding: 1.016667rem 0 !important;
  }

  .meiryo .list_area .link_btn a>*>*,
  .meiryo .link_btn a>*>* {
    padding: 1.216667rem 0 .816667rem !important;
  }
}

@media (max-width: 750px) and (-ms-high-contrast:none) {
  .list_area .link_btn a>*>*,
  .link_btn a>*>* {
    padding: 1.216667rem 0 .816667rem;
  }
}

.map_img .link_btn {
  margin-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 16.5rem;
}

.map_img .link_btn a {
  width: 206px;
}

/*-- modal --*/
.modal {
  display: none;
}

.modal_ttl {
  margin: 0 auto;
  max-width: 580px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}

#modal_loading{
 text-align: center;
 padding: 1em 0;
 height: 337px;
}

#modal_loading img{
  margin-top: 150px;
}

@media screen and (max-width: 750px) {
  .modal_ttl {
    max-width: 100%;
    text-align: left;
  }
}

.modal_ttl::before {
  background: #e99b2c;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .modal_ttl::before {
    display: none;
  }
}

.modal_ttl>* {
  background: url(../image/bg.png);
  display: inline-block;
  padding: 0 2rem;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .modal_ttl>* {
    border-left: .333334rem solid #ff5b85;
    display: block;
    padding: 0 .7rem;
  }
}

.modal_ttl>*>* {
  border: 2px solid #e99b2c;
  display: inline-block;
  padding: .3rem;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .modal_ttl>*>* {
    border: none;
    display: block;
    padding: 0;
  }
}

.modal_ttl>*>*>* {
  background: url(../image/bg-title01.png) center center repeat;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 1.0rem 4.2rem 1.05rem;
}

@media screen and (max-width: 750px) {
  .modal_ttl>*>*>* {
    padding: 1.2rem 1rem .9rem;
  }
}

@media screen and (max-width: 750px) {
  .modal_ttl>*>*>* {
    background: none;
    color: #000;
    font-size: 1.333334rem;
    padding: .133334rem 0;
  }
}

.fancybox-overlay {
  background: rgba(0, 0, 0, 1);
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}

.fancybox-margin #header_s_box {
  padding-right: 17px;
}

.fancybox-opened {
  left: 50% !important;
  overflow: hidden;
  position: fixed !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

.fancybox-skin {
  background:  url(../image/sky.png) no-repeat top center, url(../image/bg_town.png) repeat-x bottom center #fff ;
  border-radius: 15px;
  border: solid 5px #60a318;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}

.fancybox-nav {
  display: none;
}

.fancybox-overlay{
  background: rgba(0, 0, 0, 1);
}

@media screen and (max-width: 750px) {
  .fancybox-skin {
    border-radius: .333334rem;
  }

  @media (orientation: portrait) {
    .fancybox-overlay {
      overflow: hidden !important;
    }
  }

  .fancybox-opened {
    width: 86.666667% !important;
  }

  @media (orientation: portrait) {
    html.fancybox-lock,
    html.fancybox-lock body {
      touch-action: none;
      overscroll-behavior: none;
      -webkit-overflow-scrolling: auto;
      overflow: hidden !important;
    }
  }

  @media (orientation: landscape) {
    html.fancybox-lock,
    html.fancybox-lock body {
      overflow: scroll !important;
    }
  }

  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 !important;
  }

  .fancybox-inner {
    height: auto !important;
    margin: 0 auto;
    width: 100% !important;
  }

  @media (orientation: portrait) {
    .fancybox-inner {
      overflow: hidden !important;
    }
  }

  #modal_map img:not([data-original]) {
    width: 100%;
  }

  .fancybox-close {
    right: 0;
    top: -36px;
  }
}

.modal_inner {
  padding: 4rem 8.0rem;
  width: 660px;
}

@media screen and (max-width: 750px) {
  .modal_inner {
    margin: 0 auto;
    max-width: 650px;
    padding: 1.333334rem 1.1rem;
    width: 100%;
  }
}


/*----------------------------
 地域から物件検索ボタン
----------------------------*/
[class^="srchbtn_box"] {
  margin: 0 auto;
}

[class^="srchbtn_box_list"] {
  border-top: none;
}

.modal_list_btn {
  display: table;
  margin: 0 auto;
}

.btn_google_map_wrap.google_map_box, .srchbtn_box_list_up {
  margin: 2.7rem auto 0;
  text-align: center;
}

.btn_google_map_wrap {
  margin: 2.25rem auto 3rem;
  text-align: center;
}

.btn_google_map {
  background:#ffe0ea;
  border: 1px solid #e54575;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 1.2rem 2.5rem 1.1rem;
  text-align: center;
}

.btn_google_map > a {
  color: #e54575;
  font-weight: bold;
}

.btn_google_map_wrap.google_map_box {
  margin-top: 1.5rem;
}

@media screen and (max-width: 750px) {
  .btn_google_map_wrap.google_map_box {
    margin-top: 1rem;
  }
}

.page_skip + .srchbtn_box_list_up {
  margin: 30px auto 0;
}

.google_map_box .btn_google_map,
p.btn_area_rent {
  align-items: center;
  background-color: #e06596;
  background-image: url(../image/ico_bg_area_rent.png);
  background-position: 9px center,right center;
  background-repeat: no-repeat;
  border: 2px solid #d25b86;
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0,0,0,.5);
  box-sizing: border-box;
  display: inline-flex;
  font-size: 1.5rem;
  font-weight: 600;
  min-height: 40px;
  line-height: 1.2;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.google_map_box .btn_google_map:after,
p.btn_area_rent:after {
  content: '';
  font-size: 0;
  min-height: inherit;
}

.google_map_box .btn_google_map {
  background-image: url(../image/ico-map-search.png);
  background-color: #e06596;
  padding: 0;
}

.google_map_box .btn_google_map > a,
p.btn_area_rent > a {
  align-items: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.4;
  padding: 5px 115px 5px 51px;
  text-align: left;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .google_map_box .btn_google_map > a,
  p.btn_area_rent > a {
    line-height: 1.2;
    padding: 0 80px 0 10px;
  }
}

.google_map_box .btn_google_map a::after,
p.btn_area_rent a::after {
  content: url(../image/ttl_bg_area_rent_logo.png);
  border-radius: 2px;
  display: block;
  position: absolute;
  top: calc(50% - 13px);
  right: 10px;
}

.google_map_box .btn_google_map:hover,
.google_map_box .btn_google_map:hover a::after,
p.btn_area_rent:hover,
p.btn_area_rent:hover a::after {
  opacity: .8;
}

@media screen and (max-width: 750px) {
.google_map_box .btn_google_map,
p.btn_area_rent{
  padding: 0.5em 1.5em 0.5em 2.2em;
  width: 100%;
  font-size: 1rem;
  height: auto;
  line-height: 1.2;
}
.google_map_box .btn_google_map::after,
p.btn_area_rent::after{
  content: none;
}
.google_map_box,
.srchbtn_box_list_up {
  margin: 1.3rem auto 0;
}

}
/*----------------------------*/

.modal_inner ul {
  letter-spacing: -.4em;
  margin-top: 1.2rem;
  padding: 0 1.2rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .modal_inner ul {
    margin-top: 1.166667rem;
  }
}

.modal_inner ul li {
  display: inline-block;
  letter-spacing: 0;
  margin-top: 1.2rem;
  padding: 0 .8rem;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .modal_inner ul li {
    margin-top: 0;
    padding: 0;
    width: 100%;
  }

  .modal_inner ul li:nth-child(n+2) {
    margin-top: .5rem;
  }
}

.modal_inner ul li>* {
  background: #1f7cb9;
  border-bottom: 3px solid #15527b;
  border-radius: 35px;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  padding: .5rem 3rem .4rem 5.3rem;
  position: relative;
  text-align: center;
}

.meiryo .modal_inner ul li>* {
  padding: .7rem 3rem .1rem 4.5rem;
}

@media screen and (max-width: 750px) {
  .meiryo .modal_inner ul.list_facility li > a {
    padding: .4rem 1.8rem .4rem 1.4rem;
  }
}

.modal_inner ul li>*:hover {
  opacity: .8;
}

@media screen and (max-width: 750px) {
  .modal_inner ul li>* {
    background: rgb(243, 222, 231);
    background: linear-gradient(0deg, rgba(243, 222, 231, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border: .066667rem solid #f75f8d;
    border-radius: .333334rem;
    box-shadow: 2px 3px 2px 0px rgba(201, 201, 201, 1);
    color: #f14a81;
    font-size: 1rem;
    padding: .6rem 1.7rem;
  }
}

.modal_inner ul li>*>* {
  display: block;
}

.modal_inner ul li>*>*:first-child {
  font-size: 1.2rem;
}

@media screen and (max-width: 750px) {
  .modal_inner ul li>*>* {
    display: initial;
  }

  .modal_inner ul li>*>*:first-child {
    font-size: .866667rem;
  }
}

.modal_inner ul li a::before {
  content: "";
  height: 2.4rem;
  position: absolute;
  left: 2.5rem;
  top: 1.2rem;
  width: 1.8rem;
}

@media screen and (max-width: 750px) {
  .modal_inner ul li a::before {
    background: url(../image/ico-arrow-modal.png) center no-repeat !important;
    background-size: contain !important;
    height: 1rem !important;
    left: auto;
    right: .95rem;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .6rem !important;
  }
}

.modal_inner ul li .living_facility::before {
  background: url(../image/ico-living.png) center no-repeat;
}

.modal_inner ul li .around::before {
  background: url(../image/ico-around.png) center no-repeat;
  height: 2.5rem;
  width: 2.4rem;
}

.modal_inner ul li .market::before {
  background: url(../image/ico-market.png) center no-repeat;
  height: 2.4rem;
  width: 2.3rem;
}

.modal_inner ul li .tourist_map::before {
  background: url(../image/ico-map.png) center no-repeat;
}

.modal_inner ul li .rent_market::before {
  background: url(../image/ico-rent.png) center no-repeat;
  height: 2.3rem;
  width: 2.5rem;
}

.modal_inner ul li .traffic_access::before {
  background: url(../image/ico-traffic.png) center no-repeat;
}

.close_btn {
  margin-top: 3rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .close_btn {
    margin-top: 1.2rem;
  }
}

.close_btn>* {
  background: #d1c6b5;
  border: 2px solid #888176;
  border-bottom: 4px solid #888176;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  max-width: 114px;
  padding: .9rem 1rem .8rem;
  width: 100%;
}

@media all and (-ms-high-contrast:none) {
  .close_btn>* {
    padding: 1.1rem 1rem .7rem;
  }
}

@media screen and (max-width: 750px) {
  .close_btn>* {
    border-bottom: 5px solid #86824d;
    border-radius: 4px;
    max-width: 280px;
    padding: .416667rem;
    width: 47.7%;
  }
}

@media (max-width: 750px) and (-ms-high-contrast:none) {
  .close_btn>* {
    padding: .516667rem .416667rem .316667rem;
  }
}

.close_btn>*:hover {
  opacity: .8;
}

.close_btn span > span {
  color: #201b0f;
  font-size: 1.5rem;
  font-weight: 600;
}

.close_btn span > span:first-child {
  color: #201b0f;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (max-width: 750px) {
  .close_btn>*>* {
    display: inline-block;
    font-size: 1rem;
    margin-right: .6rem;
  }
}

@media screen and (max-width: 750px) {
  .map_page_list {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    top: 0;
    width: 100%;
  }

  .map_page_list li,
  .map_page_list li img {
    margin: 0 auto;
    max-width: 686px;
    width: 100%;
  }
}

.search_info_map {
  background: #f7f5e7;
  margin: 25px auto 24px;
  padding: 42px 45px;
  position: relative;
  width: 940px;
  z-index: 12;
}

@media screen and (max-width: 750px) {
  .search_info_map {
    background: none;
    border: 1px solid #f75586;
    padding: 20px 5% 25px;
    margin: 15px auto 0;
    width: 100%;
  }
}

.map_inner {
  background: #fff;
  padding: 29px 59px 35px;
}

@media screen and (max-width: 750px) {
  .map_inner {
    padding: 0;
  }
}

.box_info {
  border-bottom: 2px solid #c0d989;
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}

.box_info:last-child {
  border-bottom: 0;
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .box_info {
    border-bottom: 1px solid #f75586;
    margin-bottom: 12px;
    padding-bottom: 8px;
  }
}

.ttl_info {
  align-items: flex-end;
  color: #90c31f;
  display: flex;
  font-size: 2.4rem;
  font-weight: 600;  
  line-height: 2rem;
  margin: 0;
  padding-left: 5.2rem;
}

.ttl_01 {
  background: url(../image/ttl-n01.png) left 0 no-repeat;
  height: 4.2rem;
}

.ttl_02 {
  background: url(../image/ttl-n02.png) left 0 no-repeat;
  height: 4.2rem;
}

.ttl_03 {
  background: url(../image/ttl-n03.png) left 0 no-repeat;
  height: 4.4rem;
}

.ttl_04 {
  background: url(../image/ttl-n04.png) left 0 no-repeat;
  height: 4.1rem;
}

.ttl_05 {
  background: url(../image/ttl-n05.png) left 0 no-repeat;
  height: 4.3rem;
}

.ttl_06 {
  background: url(../image/ttl-n06.png) left 0 no-repeat;
  height: 4.6rem;
}

.ttl_07 {
  background: url(../image/ttl-n07.png) left 0 no-repeat;
  height: 4.1rem;
}

.ttl_08 {
  background: url(../image/ttl-n08.png) left 0 no-repeat;
  height: 4.4rem;
}

.ttl_09 {
  background: url(../image/ttl-n09.png) left 0 no-repeat;
  height: 5rem;
}

.txt_num {
    display: none;
}

@media screen and (max-width: 750px) {
  .ttl_info {
    background: none;
    border-left: 5px solid #f75586;
    color: #000;
    font-size: 18px;
    height: auto;
    line-height: 1.8rem;
    margin-bottom: 10px;
    padding-left: 10px;
  }

  .txt_num {
    display: block;
  }
}

.box_l {
  margin-left: 7px;
  width: 540px;
}

.box_r {
  float: right;
  margin-right: 7px;
  width: 540px;
}

.txt_info {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-top: 1.9rem;
}

.txt_note {
  font-size: 1.5rem;
  line-height: 2;
  padding-left: 15px;
  text-indent: -15px;
}

@media screen and (max-width: 750px) {
  .box_l,
  .box_r {
    margin: 0;
    width: 100%;
  }

  .txt_info {
    font-size: 15px;
    margin-top: 0;
  }
  
  .txt_note {
    font-size: 14px;
    line-height: 1.6;
  }
}

.img_l,
.img_r {
  display: flex;
  justify-content: center;
  position: absolute;
  top: calc(50% - 46px);
  transform: translateY(-50%);
  width: 170px;
}

.img_r {
  right: 0;
}

.img_l img,
.img_r img {
  width: auto;
}

.img_last {
  margin-top: 20px;
}

@media screen and (max-width: 750px) {
  .img_l,
  .img_r {
    display: none;
  }
  .img_last {
  margin-top: 0;
}
}

.img_l img,
.img_r img {
  border: 0;
  height: auto;
  line-height: 1;
  max-width: 100%;
  vertical-align: top;
}

.img_r.img_r_06 {
  top: calc(50% - 187px);
}

.box_btn {
  margin-top: 2rem;
}

.box_btn.box_btn1-2 {
  display: flex;
  justify-content: center;
}
.box_btn.box_btn-more {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box_btn .btn_info {
  background: #fff;
  border: 2px solid #3252a5;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 0px rgba(54, 102, 171, 100%);
  width: 300px;
  height: 40px;
  margin: 0 auto;
}

.box_btn.box_btn1-2 .btn_info {
  margin: 0 5px;
}

.box_btn.box_btn-more .btn_info {
  margin: 0 5px 12px;
}

.box_btn .btn_info a {
  width: 100%;
  height: 100%;
  color: #3252a5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  background-color: #defbff;
  border-radius: 5px;
}

.box_btn .btn_info a:hover {
  color: #fff;
  background-color: #3252a5;
  border-radius: 0;
  opacity: 1;
}

.box_btn .btn_info a > span{
  position: relative;
  padding-left: 20px;
}

.box_btn .btn_info.btn_disable {
  border-color: #999;
  box-shadow: 0px 2px 0px 0px #999;
  background: #ddd;
}

.box_btn .btn_info.btn_disable a{
  pointer-events: none;
  color: #777;
  background-color: #ddd;
}
.box_btn .btn_info.btn_disable a > span::before{
  background-color: #777;
}

.box_btn .btn_info .btn_hmrapp > span {
  letter-spacing: normal;
}

.box_btn .btn_info a > span::before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #3666ab;
  border-radius: 50%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.box_btn .btn_info a:hover > span::before {
  background-color: #fff;
}

.box_btn .btn_info a > span::after {
  content: '';
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #defbff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: .3em;
}

.box_btn .btn_info.btn_disable a > span::after {
  border-color: transparent transparent transparent #ddd;
}
.box_btn .btn_info a:hover > span::after {
  border-color: transparent transparent transparent #3666ab;
}

.box_btn .btn_info a > span > span {
  font-size: 12px;
  margin-left: 2px;
}

@media screen and (min-width: 751px) {
  .box_btn.box_btn-more .btn_info a > span::after {
    content: none;
  }
  .box_btn.box_btn-more .btn_info a > span::before {
    content: none;
  }

  .box_btn.box_btn-more .btn_info a {
    position: relative;
  }
  .box_btn.box_btn-more .btn_info a::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #3666ab;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 26px;
  }
  
  .box_btn.box_btn-more .btn_info a::after {
    content: '';
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #defbff;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 30px;
  }
  
   .box_btn.box_btn-more .btn_info.btn_disable a::after {
    border-color: transparent transparent transparent #ddd;
  }
  .box_btn.box_btn-more .btn_info a:hover::before {
    background-color: #fff;
  }
  
  .box_btn.box_btn-more .btn_info a:hover::after {
    border-color: transparent transparent transparent #3666ab;
  }
  
  .box_btn.box_btn-more .btn_info.btn_disable a::before{
    background-color: #777;
  }
}

@media screen and (max-width: 750px) {
  .box_btn {
    margin: 1rem 0;
  }
  .box_btn.box_btn1-2 {
    display: block;
  }
  .box_btn .btn_info {
    border: 2px solid #3252a5;
    box-shadow: 0px 2px 0px 0px rgba(54, 102, 171, 100%);
  }
  .box_btn.box_btn-more .btn_info {
    margin: 0;
  }
  .box_btn.box_btn1-2 .btn_info{
    margin-left: auto;
    margin-right: auto;
  }
  .box_btn.box_btn1-2 .btn_info:not(:first-child),
  .box_btn.box_btn-more .btn_info:not(:first-child) {
    margin-top: .5em;
  }
  .box_btn .btn_info a {
    color: #3252a5;
  }
  .box_btn .btn_info a:hover {
    color: #fff;
    background-color: #3252a5;
    opacity: 1;
  }
  .box_btn .btn_info a > span::before {
    background-color: #3252a5
  }
  .box_btn .btn_info a:hover > span::before {
    background-color: #fff;
  }
  .box_btn .btn_info a:hover > span::after {
    border-color: transparent transparent transparent #3252a5;
  }
  .box_info:last-child .box_btn {
    margin-bottom: 0;
  }

  .box_btn.box_btn-more {
    display: block;
  }
  .box_btn.box_btn-more .btn_info {
    margin-left: auto;
    margin-right: auto;
  }
}

#map_info {
  margin-top: 2.8rem;
}

.btn_link {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}

.btn_link a {
  background: #90c31f;  
  border-radius: 4px;
  border: 2px solid #469912;
  border-bottom: 3px solid #378208;
  box-shadow: 0 1px 0 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: 7px 40px 7px 27px;
  position: relative;
}

.btn_link a:after {
  background-image: url(../image/ico-arrow-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  right: 0.6em;
  margin: auto;
  position: absolute;
  top: 0;
  width: 13px;
}

.note {
  font-size: 13px;
  margin-left: 30px;
  margin-top: 12px;
}

.color-pink {
  color: #F294C5;
}

@media screen and (max-width: 750px) {
#map_info {
  margin-top: 35px !important;
}

.btn_link {
  display: flex;
  margin: -7px 15px 35px;
}

.btn_link a {
  background: linear-gradient(to bottom, #f9eff4 0%, #fbe8f0 50%, #f9d1e2 100%);
  border: 1px solid #f75586;
  color: #f75586;
  font-size: 14px;
  font-weight: normal;
  padding: 0.5em 2.5em 0.5em 2.1em;
  text-align: left;
  text-shadow: none;
  width: 100%;
  line-height: 1.3;
}

.btn_link a:after {
  background-image: url(../image/ico-accordion02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  right: 1.2em;
  top: 0;
  transform: rotate(90deg);
  width: .56rem;
}

.btn_link a:hover {
    opacity: 1;
}

.note {
  margin-left: 0;
}

}

.inl {
  display: inline-block;
}

/*----------------------------
 関連リンク スライダーボタン .sub_menu
----------------------------*/
.sub_menu {
  background-color: #f7f5e7;
  margin: 0 auto 2rem;
  overflow: hidden;
}
.sub_menu .wrap_sub_menu {
  margin: 0;
  position: relative;
}
.sub_menu .wrap_sub_menu .slick-list {
  margin: 0 45px;
  padding: 12px 5px;
}
.sub_menu .wrap_sub_menu .slick-prev,
.sub_menu .wrap_sub_menu .slick-next {
  background:none;
  border: none;
  position: absolute;
  z-index: 9;
  width: 50px;
  height: 100%;
  cursor: default;
  top: 0;
}
.sub_menu .wrap_sub_menu .slick-prev {
  left: 0;
  right: auto;
}
.sub_menu .wrap_sub_menu .slick-next {
  left: auto;
  right: 0;
}
.sub_menu .wrap_sub_menu .slick-prev:before,
.sub_menu .wrap_sub_menu .slick-next:before {
  background: none;
  cursor: pointer;
  width: 14px;
  height: 14px;
  border-left: 2px solid #3666ab;
  border-bottom: 2px solid #3666ab;
}
.sub_menu .wrap_sub_menu .slick-prev:before {
  top: 50%;
  left: 50%;
  transform:  translate(-50%, -50%) rotate(45deg);
}
.sub_menu .wrap_sub_menu .slick-next:before {
  top: 50%;
  left: 50%;
  transform:  translate(-50%, -50%) rotate(225deg);
}
.sub_menu .wrap_sub_menu .lnk {
  width: auto;
  height: auto;
  margin-right: 10px;
}
.sub_menu .wrap_sub_menu .lnk a {
  padding: 6px 10px 5px;
}

.main_visual h1 span.w_auto {
  align-items: center;
  background: #274a7b;
  border-radius: 9999px;
  border: .4rem solid #fff;
  bottom: 1.5rem;
  display: flex;
  height: 5.1rem;
  justify-content: center;
  min-width: 13rem;
  padding: .5rem 2.8rem;
}

@media screen and (max-width: 750px) {
  .main_visual h1 span.w_auto {
    align-items: center;
    background: #274a7b;
    border-radius: 9999px;
    border: .269rem solid #fff;
    bottom: 1.9rem;
    display: flex;
    height: auto;
    justify-content: center;
    left: 50%;
    min-width: auto;
    padding: .5rem 1.5rem;
    transform: translateX(calc(-50% + 4px));
    white-space: nowrap;
    width: auto;
  }
}

@media screen and (max-width: 374px) {
  .main_visual h1 span.w_auto {
    border-radius: 9999px;
    border: 2.25px solid #fff;
    bottom: 27px;
    font-size: 13.5px;
    height: auto;
    line-height: 15.525px;
    padding: 7.5px;
  }
}

#map_link {
  margin-top: 2.8rem;
}

#map_link .lead_txt {
  margin: 2.5rem 125px;
  text-align: left;
}

#map_link .box_btn.box_btn1-2 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 14px;
  width: 611px;
}

.btn_link_red a {
  align-items: center;
  background: #a92121;  
  border-radius: 6px;
  border: solid 1px #831919;
  border-bottom: solid 5px #831919;
  box-shadow: 0 1px 1px 0 #cb7a7a inset;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-feature-settings: "palt";
  font-size: 18px;
  justify-content: center;
  letter-spacing: .05em;
  line-height: 1.333;
  padding: 0.707em 1.5em 0.627em 0.5em;
  position: relative;
  width: 300px;
}

.btn_link_red a:before {
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fff;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 0.55em;
  top: 0;
  width: 0;
}

@media screen and (max-width: 750px) {

#map_link .lead_txt {
  margin: 0.666667rem 0 0;
  text-align: justify;
}

#map_link .box_btn.box_btn1-2 {
  display: inline;
  margin: 10px 15px 0;
  width: auto;
}

.btn_link_red {
  margin: 0 auto 20px;
  width: 92%;
}

.btn_link_red:last-child {
  margin: 0 auto;
}

.btn_link_red a {
  background: linear-gradient(to bottom, #f9eff4 0%, #fbe8f0 50%, #f9d1e2 100%);
  border-radius: 4px;
  border: 1px solid #f75586;
  box-shadow: 0 1px 0 0px rgb(0 0 0 / 15%);
  color: #f75586;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  padding: 0.5em 2.5em 0.5em 2.1em;
  position: relative;
  text-align: left;
  text-shadow: none;
  width: 100%;
}

.btn_link_red a:before {
  background-image: url(../image/ico-accordion02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  margin: auto;
  position: absolute;
  right: 1.2em;
  top: 0;
  transform: rotate(90deg);
  width: 0.56rem;
}
}

.facility_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 15px;
  margin: 20px auto 50px auto;
}
.facility_box > p {
  margin: 0 6px;
  position: relative;
  width: 226px;
}
.facility_box .btn a {
  border-radius: 5px;
  background-color: #e06496;
  box-shadow: 0 -4px #ad2a56 inset;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  height: 100%;
  justify-content: center;
  letter-spacing: .025em;
  min-height: 58px;
  padding: 10px 21px 10px 40px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .facility_box .btn a {
    padding-bottom: 12px;
    padding-top: 8px;
  }
}
.facility_box .btn a:before{
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.facility_box .btn a:after{
 content: '';
 position: absolute;
 display: inline-block;
 top: 50%;
 transform: translateY(-50%);
 margin-top: -2px;
}
.facility_box .btn.btn_hmr a {
  box-shadow: 0 -4px #0d4b74 inset;
  background-color: #1f7cb9;
}
.facility_box .btn.btn_tourism_map a {
  background-color: #2bac65;
  box-shadow: 0 -4px #256f3e inset;
  border-color: #256f3e;
}
.facility_box .btn.btn_hm_population a {
  background-color: #36aab2;
  box-shadow: 0 -4px #19686e inset;
}
.facility_box .btn a:hover {
  opacity: .8;
}
.facility_box .btn a > span{
  align-items: center;
  display: inline-flex;
}
@media screen and (min-width: 750px) {
  .facility_box .btn::before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4.7px 0 4.7px 5px;
    content: '';
    height: 0;
    margin: auto;
    position: absolute;
    right: 7px;
    top: 49%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1;
  }
}
.facility_box a span span{
  display: inline-block;
}
.facility_box .btn_tourism_map a:after{
  background: url("/map_search/image/ico_map.png") no-repeat center center /contain;
  height: 17px;
  left: 12px;
  margin-top: -1px;
  width: 16.5px;
}
.facility_box .btn_hmr a:after{
  background: url("/map_search/image/ico_research.png") no-repeat center center /contain;
  height: 13px;
  left: 11px;
  margin-top: -1px;
  width: 17.5px;
}
.facility_box .btn_hm a:after{
  background: url("/map_search/image/ico_hm.png") no-repeat center center /contain;
  height: 16.5px;
  left: 12px;
  margin-top: -1px;
  width: 16.5px;
}
.facility_box .btn_hm_population a:after {
  background: url("/map_search/image/ico-population.png") no-repeat center center /contain;
  height: 13.5px;
  left: 12.5px;
  margin: 0;
  width: 15.5px;
  }

.facility_box .btn a:hover {
  opacity: .8;
}

@media screen and (max-width: 750px) {
  .facility_box {
    margin: 0 auto;
    row-gap: 20px;
  }

  .facility_box > p {
    width: 85%;
  }

  .facility_box .btn a {
    background: linear-gradient(to bottom, #f9eff4 0%, #fbe8f0 50%, #f9d1e2 100%);
    border: 1px solid #f75586;
    color: #f75586;
    display: flex;
    font-size: 14px;
    font-weight: normal;
    justify-content: center;
    line-height: 1.3;
    min-height: auto;
    padding: 0.5em 2.5em 0.5em 2.1em;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 100%;
  }

  .facility_box .btn a,
  .facility_box .btn.btn_tourism_map a,
  .facility_box .btn.btn_hmr a,
  .facility_box .btn.btn_hm_population a
   {
    box-shadow: 0 1px 0 0px rgb(0 0 0 / 15%);
    background: linear-gradient(to bottom, #f9eff4 0%, #fbe8f0 50%, #f9d1e2 100%);
    border: 1px solid #f75586;
  }

  .facility_box .btn a:before {
    display: none;
  }

  .facility_box .btn a:after {
    background-image: url(../image/ico-accordion02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: auto;
    left: auto;
    margin: auto;
    position: absolute;
    right: 0.6em;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .56rem;
  }

  .facility_box .btn a > span {
      padding-right: 0; 
  }

  .facility_box .btn a > span::before {
    display: none;
  }
}
.map_svg path,
.map_svg polygon {
  fill: #90c31f;
}

.map_svg a path,
.map_svg a polygon {
  position: relative;
  transition: all 0.3s;
  z-index: 1;
}

.map_svg text {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", ヒラギノ角ゴシック, Meiryo, "メイリオ", YuGothic, "游ゴシック", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.map_wrap.svg-00 .map_svg text{
  font-size: 13px;
}

.map_svg a text {
  position: relative;
  z-index: 2;
}

.map_svg a:hover path,
.map_svg a:hover polygon {
  cursor: pointer;
  fill: #1e6ed4 !important;
}

.map_svg a .blue01 path {
  fill: #6ac8ee;
}

.map_svg a .blue02 path {
  fill: #31a9e1;
}

.map_svg a .purple path {
  fill: #b088e4;
}

.map_svg a .pink path {
  fill: #e896bd;
}

.map_svg a .red path {
  fill: #e16e79;
}

.map_svg a .orange path {
  fill: #ea9a6d;
}

.map_svg a .yellow path {
  fill: #ecba49;
}

.map_svg a .green01 path {
  fill: #8fd13a;
}

.map_svg a .green02 path {
  fill: #2bae37;
}

.map_svg a .green03 path {
  fill: #69cc8f;
}

.map_svg a .green04 path {
  fill: #bddb4b;
}

.map_svg.svg-hex-1 path,
.map_svg.svg-hex-1 polygon,
.map_svg a .hex-1 path,
.map_svg a .hex-1 polygon,
.map_svg a .hex-1 polyline {
  fill: #6ac9ef;
}
.map_svg.svg-hex-2 path,
.map_svg.svg-hex-2 polygon,
.map_svg a .hex-2 path,
.map_svg a .hex-2 polygon,
.map_svg a .hex-2 polyline {
  fill: #6ac9ef;
}
.map_svg.svg-hex-3 path,
.map_svg.svg-hex-3 polygon,
.map_svg a .hex-3 path,
.map_svg a .hex-3 polygon,
.map_svg a .hex-3 polyline {
  fill: #69cc8f;
}
.map_svg.svg-hex-4 path,
.map_svg.svg-hex-4 polygon,
.map_svg a .hex-4 path,
.map_svg a .hex-4 polygon,
.map_svg a .hex-4 polyline {
  fill: #8fd13b;
}
.map_svg.svg-hex-5 path,
.map_svg.svg-hex-5 polygon,
.map_svg a .hex-5 path,
.map_svg a .hex-5 polygon,
.map_svg a .hex-5 polyline {
  fill: #ea9a6e;
}
.map_svg.svg-hex-6 path,
.map_svg.svg-hex-6 polygon,
.map_svg a .hex-6 path,
.map_svg a .hex-6 polygon,
.map_svg a .hex-6 polyline {
  fill: #e26f7a;
}
.map_svg.svg-hex-7 path,
.map_svg.svg-hex-7 polygon,
.map_svg a .hex-7 path,
.map_svg a .hex-7 polygon,
.map_svg a .hex-7 polyline {
  fill: #b189e5;
}
.map_svg.svg-hex-8 path,
.map_svg.svg-hex-8 polygon,
.map_svg a .hex-8 path,
.map_svg a .hex-8 polygon,
.map_svg a .hex-8 polyline {
  fill: #2baf37;
}
.map_svg.svg-hex-9 path,
.map_svg.svg-hex-9 polygon,
.map_svg a .hex-9 path,
.map_svg a .hex-9 polygon,
.map_svg a .hex-9 polyline {
  fill: #e897be;
}
.map_svg.svg-hex-10 path,
.map_svg.svg-hex-10 polygon,
.map_svg a .hex-10 path,
.map_svg a .hex-10 polygon,
.map_svg a .hex-10 polyline {
  fill: #edbb4a;
}
.map_svg g.pref-capital path,
.map_svg g.pref-capital polygon {
  fill: #f294c5;
}
.map_svg.svg-hex-9 g.pref-capital path,
.map_svg.svg-hex-9 g.pref-capital polygon {
  fill: #8fd13b;
}

.map_svg a .hex-1-opacity path {
  fill: #c3e9f9;
}
.map_svg a .hex-2-opacity path {
  fill: #c3e9f9;
}
.map_svg a .hex-3-opacity path {
  fill: #9fe2b1;
}
.map_svg a .hex-4-opacity path {
  fill: #bce389;
}
.map_svg a .hex-5-opacity path {
  fill: #f2c2a8;
}
.map_svg a .hex-6-opacity path {
  fill: #eea9af;
}
.map_svg a .hex-7-opacity path {
  fill: #d0b8ef;
}
.map_svg a .hex-8-opacity path {
  fill: #80cf87;
}
.map_svg a .hex-9-opacity path {
  fill: #f1c1d8;
}
.map_svg a .hex-10-opacity path {
  fill: #f4d692;
}

/*----------------------------
 Restore position
----------------------------*/
/* For all pages, use .svg_cmn_s */
#wrap .map_img.is_svg14_14100,
#wrap .map_img.is_svg14_14130,
#wrap .map_img.is_svg14_14209,
#wrap .map_img.is_svg22_22100,
#wrap .map_img.is_svg26_26100,
#wrap .map_img.is_svg27_27100,
#wrap .map_img.is_svg27_27140,
#wrap .map_img.is_svg28_28100,
#wrap .map_img.is_svg33_33100,
#wrap .map_img.is_svg34_34100,
#wrap .map_img.is_svg40_40130,
#wrap .map_img.is_svg40_40100,
#wrap .map_img.is_svg43_43201,
#wrap .map_img.is_svg12_12100,
#wrap .map_img.is_svg11_11100,
#wrap .map_img.is_svg04_04100,
#wrap .map_img.is_svg01_01100,
#wrap .map_img.is_svg15_15100,
#wrap .map_img.is_svg22_22130,
#wrap .map_img.is_svg23_23100,
#wrap .map_img.is_svg13_13100 {
  align-items: center;
  background-size: 101% 101%;
  border: 2px solid #6e9edb;
  height: auto;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 943px;
  max-height: 735px;
}

@media screen and (min-width: 750.1px) {
  /* For all pages, use .svg_cmn_s */
  #wrap .map_img.is_svg14_14100,
  #wrap .map_img.is_svg14_14130,
  #wrap .map_img.is_svg14_14209,
  #wrap .map_img.is_svg22_22100,
  #wrap .map_img.is_svg26_26100,
  #wrap .map_img.is_svg27_27100,
  #wrap .map_img.is_svg27_27140,
  #wrap .map_img.is_svg28_28100,
  #wrap .map_img.is_svg33_33100,
  #wrap .map_img.is_svg34_34100,
  #wrap .map_img.is_svg40_40130,
  #wrap .map_img.is_svg40_40100,
  #wrap .map_img.is_svg43_43201,
  #wrap .map_img.is_svg12_12100,
  #wrap .map_img.is_svg11_11100,
  #wrap .map_img.is_svg04_04100,
  #wrap .map_img.is_svg01_01100,
  #wrap .map_img.is_svg15_15100,
  #wrap .map_img.is_svg22_22130,
  #wrap .map_img.is_svg23_23100,
  #wrap .map_img.is_svg13_13100 {
    display: flex!important;
  }
}

/* For all pages, use .svg_cmn_s svg */
#wrap .map_img.is_svg14_14100 svg,
#wrap .map_img.is_svg14_14130 svg,
#wrap .map_img.is_svg14_14209 svg,
#wrap .map_img.is_svg22_22100 svg,
#wrap .map_img.is_svg26_26100 svg,
#wrap .map_img.is_svg27_27100 svg,
#wrap .map_img.is_svg27_27140 svg,
#wrap .map_img.is_svg28_28100 svg,
#wrap .map_img.is_svg33_33100 svg,
#wrap .map_img.is_svg34_34100 svg,
#wrap .map_img.is_svg40_40130 svg,
#wrap .map_img.is_svg40_40100 svg,
#wrap .map_img.is_svg43_43201 svg,
#wrap .map_img.is_svg12_12100 svg,
#wrap .map_img.is_svg11_11100 svg,
#wrap .map_img.is_svg04_04100 svg,
#wrap .map_img.is_svg01_01100 svg,
#wrap .map_img.is_svg15_15100 svg,
#wrap .map_img.is_svg22_22130 svg,
#wrap .map_img.is_svg23_23100 svg,
#wrap .map_img.is_svg13_13100 svg {
  filter: unset;
  height: 100%;
  width: 100%;
}

/* right top  */
#wrap .map_img.is_svg14_14100:after,
#wrap .map_img.is_svg14_14130:after,
#wrap .map_img.is_svg14_14209:after,
#wrap .map_img.is_svg22_22100:after,
#wrap .map_img.is_svg26_26100:after,
#wrap .map_img.is_svg27_27100:after,
#wrap .map_img.is_svg27_27140:after,
#wrap .map_img.is_svg28_28100:after,
#wrap .map_img.is_svg33_33100:after,
#wrap .map_img.is_svg34_34100:after,
#wrap .map_img.is_svg40_40130:after,
#wrap .map_img.is_svg40_40100:after,
#wrap .map_img.is_svg43_43201:after,
#wrap .map_img.is_svg12_12100:after,
#wrap .map_img.is_svg11_11100:after,
#wrap .map_img.is_svg04_04100:after,
#wrap .map_img.is_svg01_01100:after,
#wrap .map_img.is_svg47:after,
#wrap .map_img.is_svg44:after,
#wrap .map_img.is_svg42:after,
#wrap .map_img.is_svg41:after,
#wrap .map_img.is_svg35:after,
#wrap .map_img.is_svg30:after,
#wrap .map_img.is_svg29:after,
#wrap .map_img.is_svg28:after,
#wrap .map_img.is_svg27:after,
#wrap .map_img.is_svg26:after,
#wrap .map_img.is_svg25:after,
#wrap .map_img.is_svg24:after,
#wrap .map_img.is_svg23:after,
#wrap .map_img.is_svg22:after,
#wrap .map_img.is_svg19:after,
#wrap .map_img.is_svg13:after,
#wrap .map_img.is_svg12:after,
#wrap .map_img.is_svg10:after,
#wrap .map_img.is_svg06:after,
#wrap .map_img.is_svg03:after,
#wrap .map_img.is_svg02:after,
#wrap .map_img.is_svg01.is_area_east:after,
#wrap .map_img.is_svg01.is_area_north:after,
#wrap .map_img.is_svg01:after {
  left: auto;
  right: 30px;
  top: 20px;
}

/* left top  */
#wrap .map_img.is_svg13_13100:after,
#wrap .map_img.is_svg15_15100:after,
#wrap .map_img.is_svg22_22130:after,
#wrap .map_img.is_svg23_23100:after,
#wrap .map_img.is_svg45:after,
#wrap .map_img.is_svg40:after,
#wrap .map_img.is_svg39:after,
#wrap .map_img.is_svg38:after,
#wrap .map_img.is_svg37:after,
#wrap .map_img.is_svg36:after,
#wrap .map_img.is_svg34:after,
#wrap .map_img.is_svg33:after,
#wrap .map_img.is_svg32:after,
#wrap .map_img.is_svg21:after,
#wrap .map_img.is_svg20:after,
#wrap .map_img.is_svg17:after,
#wrap .map_img.is_svg15:after,
#wrap .map_img.is_svg11:after,
#wrap .map_img.is_svg09:after,
#wrap .map_img.is_svg08:after,
#wrap .map_img.is_svg07:after,
#wrap .map_img.is_svg05:after,
#wrap .map_img.is_svg04:after {
  left: 20px;
  top: 20px;
  right: auto;
}
#wrap .map_img.is_svg31:after,
#wrap .map_img.is_svg14:after {
  right: 330px;
  top: 20px;
}
#wrap .map_img.is_svg16:after {
  right: 351px;
  top: 20px;
}
#wrap .map_img.is_svg18:after {
  right: 15px;
  top: 20px;
}
#wrap .map_img.is_svg43:after {
  left: 25px;
  right: auto;
  top: 40px;
}
#wrap .map_img.is_svg46:after {
  background-size: contain;
  right: 413px;
  top: 20px;
  width: 230px;
}
#wrap .map_img.is_svg01.is_area_central:after {
  right: 500px;
  top: 20px;
}
#wrap .map_img.is_svg01.is_area_south:after {
  right: 542px;
  top: 20px;
}

.map_svg g.disabled text {
  fill: #1734e8;
  font-weight: 600;
}

.map_svg g.disabled text.text-background {
  fill: #1734e8;
  stroke-linejoin: round;
  stroke-width: 4px;
  stroke: #fff;
}

.map_svg g.disabled path,
.map_svg g.disabled polygon {
  fill: #f294c5;
  position: relative;
  transition: all .3s;
  z-index: 1;
}

.map_svg a:hover text {
  cursor: pointer;
}

.map_svg a text {
  fill: #1734e8; 
  font-weight: 600;
}

.map_img00 .map_svg a text {
  font-size: 13px;
}

.map_svg a text.text-background {
  fill: #1734e8;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 5px;
}

.map_svg g.disabled path,
.map_svg g.disabled polygon,
.map_svg g.disabled polyline {
  fill: #ccc;
}

.map_svg g.disabled text {
  fill: #000;
}

.map_svg g.disabled text.text-background {
  fill: #fff;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 4px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .map_svg a text {
    stroke-width: 0;
  }
}

.bnr_100sen_all {
}
.bnr_100sen_all figure {
  width: 450px;
  margin: 2rem auto 12px;
}
.bnr_100sen_all img {
  width: 100%;
}
.bnr_100sen_all figcaption {
  margin-top: 8px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .bnr_100sen_all {
    margin: 0 1rem;
  }
  .bnr_100sen_all figure {
    max-width: 81%;
    margin: 1rem auto;
  }
  .bnr_100sen_all img {
    width: 100%;
  }
  .bnr_100sen_all figcaption {
    font-size: 15px;
  }
}