@charset "UTF-8";
.mincho {
  font-family: "游明朝", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif; }

.deca {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 400; }

.inrWidth {
  width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.outerWidth {
  width: 1150px;
  margin-right: auto;
  margin-left: auto; }

.fullWidth {
  margin-right: auto;
  margin-left: auto; }

@media screen and (min-width: 1400px) {
  .fullWidth {
    width: 1400px; }
  .inrWidth {
    width: 1000px; } }

@media screen and (min-width: 1150px) and (max-width: 1400px) {
  .fullWidth {
    width: 100%; }
  .outerWidth {
    width: 1150px; }
  .inrWidth {
    width: 1000px; } }

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .fullWidth {
    width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 1150px) {
  .outerWidth {
    width: 95% !important; } }

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .inrWidth {
    width: 95% !important; } }

@media screen and (max-width: 768px) {
  .inrWidth {
    width: 90%; }
  .outerWidth {
    width: 100% !important; } }



  .iconWht .swiper-pagination-bullet-active {
    border: none;
    background: url("../img/slide_icon_wht.svg") no-repeat center center/8px 9px; }

.flxRvs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }



@-webkit-keyframes down_key {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  90% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes down_key {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  90% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

main {
  padding-top: 100px; background-color: #fffddf;}

strong {
  color: #f46072; }

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

.separate_box_ct{display: flex;
flex-wrap: wrap;
justify-content: space-between;align-items: center}

.separate_box_posi{display: flex;position: absolute;width: 100%;bottom:250px;
flex-wrap: wrap;
justify-content: space-between;align-items:flex-start}

@media screen and (max-width: 768px) {
    .separate_box_posi{position: relative;bottom: 0}
}

.page_link{position: absolute;top:-150px}

/*ヘッダー*/
.hd__wrap {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 999;
  background: #FFF; }
  .hd__wrap--blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 10px; }

.hd__logo {
  width: 180px;
  height: auto; }

.hd nav {
  font-weight: bold;
  letter-spacing: 0.075em; }

.hd .anchor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem; }
  .hd .anchor__list li:not(:first-of-type) {
    margin-left: 35px; }
.hd .anchor__list li{text-align: center;line-height: 1.3em}

.hd .anchor__list li a span{font-size: 90%}

.hd .anchor__list li a sapn.menu_icon{display: block;}
.hd .anchor__list li a img{height: 50px;margin-bottom: 5px}

.hd .anchor__list li a.shopping{color: #ff5c00}
.hd .anchor__list li a.park{color: #00bd44}
.hd .anchor__list li a.high{color: #006ad2}
.hd .anchor__list li a.house{color: #fd2c56}


.hd .link {
  position: fixed;
  height: 100%;
  width: 55px;
  right: 0;
  font-size: 2rem;
  z-index: 10000; }
  .hd .link__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright; }
    .hd .link__list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 205px;
      width: 55px;
}
      .hd .link__list li:not(:first-of-type) {
        margin-top: 10px; }
      .hd .link__list li a {
        color: #FFF; }



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

.hd .anchor__list {
  font-size: 1.4vw; }

}









.posi_re{position: relative}


.posi_ab{position: absolute}

h1{text-align: center;display: block;width:800px;;margin: auto}




img.route16{position: absolute;left: 10%;bottom: 0;width: 20%;max-width: 240px;z-index: 100}

img.top_map{position: absolute;right: 12%;top: 18% ;width: 380px;z-index: 100}

.top_wave{position: absolute;margin: auto;bottom:0 ;width: 100%;z-index: 130;}

.top_wave img{width: 110%;max-width: 1800px;margin: auto;}

.mv {
  overflow: hidden;
  position: relative;
    text-align: center;
background-image:url("../img/top_sky.jpg");
height: 600px;background-size: cover;
background-color: #FFFFFF}

  .mv__ttl {
    position: absolute;
    top: 25%;text-align: center;
      margin: auto;
    z-index: 99;display: block;width: 100%
}


/*イントロ*/
section.intro{margin-bottom: 150px}
p.area16_txt{margin: auto}

.intro_box{display: flex;margin-top: 80px;position: relative;
flex-wrap: wrap;background-color: #fff;
justify-content: space-between;align-items: center}

.intro_txt{width: 55%;padding: 20px 0px 20px 20px}

.intro_img{width: 40%;position: relative}

.intro_img img{width: 100%;position: absolute;top:-180px;z-index: 150;right: 20px}

img.icon_car{position: absolute;top:-80px;left: 0;width: 12%;z-index: 160}

img.icon_book{position: absolute;bottom:-50px;left: 0;width: 12%;z-index: 160}

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

          img.icon_car{position: absolute;top:-6vw;left: 0;width: 12%;z-index: 160}
          .top_wave{position: absolute;margin: auto;bottom:0 ;width: 140%;z-index: 130;right: -10%}
          h1{text-align: center;display: block;width:800px;margin: auto}


img.route16{position: absolute;left: 7%;bottom: 0;max-width: 230px;z-index: 100}

img.top_map{position: absolute;right: 4%;top: 130px ;width: 25%;max-width: 380px;z-index: 100}

          img.top_wave{position: absolute;margin: auto;bottom:0 ;width: 110%;z-index: 130}

            .mv__ttl {
    position: absolute;
    top: 25%;text-align: center;
      margin: auto;
    z-index: 99;display: block;width: 100%
}
}


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

                    .intro_img img{width: 100%;position: absolute;top:-18vw;z-index: 150;right: 20px}

          .mv {
  overflow: hidden;
  position: relative;
    text-align: center;
background-image:url("../img/top_sky.jpg");
height: 400px;background-size: cover}

          .top_wave{position: absolute;margin: auto;bottom:0 ;width: 140%;z-index: 130;right: -10%}
          h1{text-align: center;display: block;width:600px;margin: auto}


img.route16{position: absolute;left: 10px;bottom: 0;width: 170px;z-index: 100}

img.top_map{position: absolute;right: -40px;top: 40px ;width: 30%;max-width: 380px;z-index: 100}

          img.top_wave{position: absolute;margin: auto;bottom:0 ;width: 100%;z-index: 130}

            .mv__ttl {
    position: absolute;
    top: 20%;text-align: center;
      margin: auto;
    z-index: 99;display: block;width: 100%
}
}

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

    img.icon_car{position: absolute;top:-50px;left: 0;width: 100px}

img.icon_book{position: absolute;bottom:58vw;right: 10px;left: auto;width: 100px;z-index: 160}

    .intro_txt{width: 100%;padding: 20px 20px}

.intro_img{width: 100%;position: relative}

.intro_img img{width: 100%;position: relative;top:0px;z-index: 150;right: 20px}

    .intro_box{display: block;margin-top: 20px;position: relative;
flex-wrap: wrap;background-color: #fff;
justify-content: space-between;align-items: center}

          .mv {
  overflow: hidden;
  position: relative;
    text-align: center;
background-image:url("../img/top_sky.jpg");
height: 50vw;background-size: cover}

          .top_wave{position: absolute;margin: auto;bottom:0 ;width: 140%;z-index: 130;right: -10%}
          h1{text-align: center;display: block;width:95%;margin: auto}


img.route16{position: absolute;left: 10px;bottom: 0;width: 20%;z-index: 100}

img.top_map{position: absolute;right: -26px;top: 30px ;width: 32%;max-width: 380px;z-index: 100}

          img.top_wave{position: absolute;margin: auto;bottom:0 ;width: 100%;z-index: 130}

            .mv__ttl {
    position: absolute;
    top: 15%;text-align: center;
      margin: auto;
    z-index: 99;display: block;width: 100%
}
}




/*16号沿線エリア*/

.icon_pic01{position: absolute;left: 10%;top:40px;width: 200px;z-index: 100}

.icon_pic02{position: absolute;left: 15%;top:-40px;width: 300px;z-index: 100}

/*ランキング*/

.area16 h2{font-size: 65px;text-align: center;border-top: 	dashed 3px #65c6e9;border-bottom:dashed 3px #65c6e9;color: #00a6d1;max-width: 800px;margin: auto;line-height: 0.5em;padding: 40px 0;font-weight: bold;margin-bottom: 40px}

.area16 h2 span{background-color: #fff;padding: 10px;font-size: 33px;color: #582600;display: block;line-height: 1em;}
p.title_top30{font-size: 20px;font-weight: bold;color: #582600}

p.title_top30 img{vertical-align: middle;width: 80px;margin-left: 10px}

img.ranking{width: 100%}

.ranking_box{width: 35%;text-align: center}

.ranking_map{width: 65%;}

.ranking_map img{margin-top: 80px}

p.cap{font-size: 10px;text-align: left;margin-top: 10px}

.txt_ranking{width: 55%;position: absolute;left: 0;bottom: -70px}
img.family_pic{position: absolute;width: 370px;right: 120px;top:-130px}

.bt_bukken{text-align: center;position: relative;margin:100px auto 50px;text-align: center;width:70%;background: linear-gradient(#00cade, #0083cb);border: solid 5px #fff;box-shadow: 0px 0px 5px gray;max-width: 1150px}
.txt_bukken img{ width: 80px}
.bt_bukken .bt_16_img{width: 50%;height: 180px;overflow: hidden;position: relative}
.bt_bukken .bt_16_img img{position: absolute;width: 100%;left: 0;top:-5vw}
.bt_bukken_box{text-align: center}
.txt_bukken{color: #fff;font-weight: bold;font-size: 20px;margin: auto;text-align: left;width: 50%;background-image: url("../img/bt_arrow_bukken.png");
background-position:right 30px top 45%;
background-repeat: no-repeat;
background-size:30px ;display: flex;
flex-wrap: wrap;padding: 10px 20px;
align-items: center}
.txt_bukken p{ width: auto;font-size: 25px;line-height: 1.3em}

  .bt_bukken a:hover .txt_bukken{background-position:right 10px top 45%;transition: 0.3s; }
  .bt_bukken a:hover img {
      opacity: 1; }

.bt_bukken a{text-align: center;display: block;width: 100%; display: flex;
flex-wrap: wrap;
justify-content: space-between;}

h2 span.font_s{font-size: 75%}

@media screen and (max-width: 1149px) {
    .bt_bukken{width: 95%}
    .bt_bukken .bt_16_img{width: 50%;height:15vw;}
    .txt_bukken img{ width: 5vw}
    .txt_bukken p{ font-size: 2vw}
    .area16 h2{font-size: 5.5vw;}
    p.title_top30 img{vertical-align: middle;width: 20%;margin-left: 10px}
        .area16 h2 span{font-size: 50%;}
p.title_top30{font-size: 2vw;font-weight: bold;color: #582600}
    .icon_pic01{position: absolute;left: 5%;top:20px;width: 22%;z-index: 100}
        .ranking_map  img.family_pic{position: absolute;width: 60%;right: 40px;top:-12vw}
    .ranking_box{width: 45%;text-align: center}
    .ranking_map{width: 55%;position: relative}
    .ranking_map img.map_ranking{margin-top: 80px;position: absolute;width: 70vw;left: 0;max-width: 1000px}

    .txt_ranking{width: 70%;position: absolute;left: 0;bottom: 0}

    .area16 .separate_box{height: 80vw}

}

@media screen and (max-width: 1000px) {    .txt_ranking{width: 70%;position: absolute;left: 0;bottom: 3vw}
    .area16 .separate_box{height:86vw}
}


@media screen and (max-width: 768px) {
    .bt_bukken{margin: 50px auto}
    .bt_bukken .bt_16_img img{position: relative;width: auto;left: 0;top:0; width: 140px;  object-fit: cover;max-width: 500px;
    display: block;}
    .bt_bukken .bt_16_img{width: 30%;height: auto}
    .txt_bukken{width: 70%;background-size:20px ;padding: 20px 10px;background-position:right 15px top 45%;}
        .txt_bukken img{ width: 10vw}
       .txt_bukken p{ font-size: 4.5vw}
        .area16 h2{font-size: 9vw;}
    .icon_pic01{position: relative;width: 30%;top:0;left: 0;}
   p.area16_txt{width: 65%;text-align: left;margin-top: 30px}
    .icon_pic02{position: absolute;left: 20px;top:-40px;width: 300px;z-index: 100}
       .ranking_box{width: 100%;text-align: center}
        .ranking_map{width: 100%;position: relative}
        .txt_ranking{width: 100%;position: relative;left: 0;bottom: 0}
        .ranking_map img.map_ranking{margin-top:30px;margin-bottom: 20px;position: relative;width: 150%;left: -25%;}
    p.title_top30{font-size: 4vw;font-weight: bold;color: #582600}
        .area16 .separate_box{height:auto}


}


/*魅力*/
.icon_L{position: absolute;top:-100px;z-index: 200}
.icon_R{position: absolute;top:-100px;right: 0;z-index: 180}

.icon_miryoku{width: 160px}

.miryoku_box{margin-top: 210px}

.separate_box_L{width: 50%}
.separate_box_R{width: 50%}
.separate_box_R p{padding: 0 0 0 30px}
.separate_box_L p{padding: 0 30px 0 0 }
.separate_box_R p.cap{padding: 0 0 0}
.separate_box_L p.cap{padding: 0 0 10px }
.miryoku_pic_L{position: absolute;width: 120%;max-width: 750px;right: 0;}
.miryoku_pic_R{position: absolute;width: 120%;max-width: 750px;left: 0}
.title_box_L{text-align: left;padding-top: 20px;margin-bottom: 30px}
.title_box_R{text-align: right;padding-top: 20px;margin-bottom: 30px}

/*ショッピングモール*/
.bk_shop{background-color: #ffebce}
.bk_shop_main{  background: linear-gradient(90deg, #fffddf 0%, #fffddf 50%, #ffebce 50%, #ffebce 100%);}
h2.shop{font-size: 50px;color: #ff5c00;font-weight: bold;text-align: right;border-bottom: dashed 3px #ff5c00;display: inline-block}
.fukidashi_shop{position: absolute;right: 30px;top:-50px;height: 80px}

img.shop_map{position: absolute;left: -60px;top:60px;width: 100%;;max-width: 1200px; z-index: 133}
.map_box {height: 65vw;width: 100%;max-height: 900px}
img.shop_family{position: absolute;bottom: 0;right: 10%;z-index: 136;width: 250px}
img.bk_circle01{position: absolute;bottom: 0;right: 0%;z-index: 130;width: 380px}

@media screen and (max-width: 1149px) {
    img.shop_map{position: absolute;left: -60px;top:3vw;width: 100%;;max-width: 1200px; z-index: 133}
    img.shop_family{position: absolute;bottom: 0;right: 10%;z-index: 136;width: 23%}
img.bk_circle01{position: absolute;bottom: 0;right: 5%;z-index: 130;width:35%}
    .map_box {height: 68vw;width: 100%;max-height: 760px}
    h2.shop{font-size: 6vw}
}



@media screen and (max-width: 768px) {
    .miryoku_box{margin-top: 200px}
    .separate_box_L{width: 100%}
.separate_box_R{width: 100%}
  .separate_box_R p{padding: 0 0 }
      .separate_box_L p{padding: 0 0 }
    h2.shop{font-size: 6vw;color: #ff5c00;font-weight: bold;text-align: center;border-bottom: dashed 3px #ff5c00;display: block}
    .fukidashi_shop{position: absolute;right: 30px;top:-70px;height: 21vw}
    .icon_miryoku{width: 120px}
    .icon_L{position: absolute;top:-110px}

    .miryoku_pic_L{position: relative;width: 100%;max-width: auto;right: 0;margin-bottom: 20px}
        .map_box {height: auto;width: 100%;max-height: auto}
    img.shop_map{position: relative;left: -30px;top:0;width: 118%;;max-width: 1200px; z-index: 133}
    p.cap{font-size: 2.5vw}
    p{font-size: 3.3vw}
}


/*大型自然公園やレジャー施設*/
h2.park{font-size: 50px;color: #00bd44;font-weight: bold;text-align: left;border-bottom: dashed 3px #00bd44;display: inline-block}
.bk_park{background-color: #e5f8ec;margin-top: 250px!important;}
.bk_park_main{  background: linear-gradient(90deg, #e5f8ec 0%, #e5f8ec 50%, #fffddf 50%, #fffddf 100%);}
.fukidashi_park{position: absolute;left: 30px;top:-50px;height: 80px}
img.title_park{width: 95%;margin-bottom: 20px;}
img.park_map{position: absolute;left: 0px;top:0px;width: 120%;;max-width: 1200px; z-index: 133}

.bk_park_main .map_box {height: 65vw;width: 100%;max-height: 900px}

@media screen and (max-width: 1300px) {
    .bk_park_main .map_box {height: 85vw;}
}

@media screen and (max-width: 1149px) {
    h2.park{font-size: 6vw}
}


@media screen and (max-width: 768px) {
    .bk_park{background-color: #e5f8ec;margin-top: 150px!important;}
    h2.park{font-size: 6vw;color: #00bd44;font-weight: bold;text-align: center;border-bottom: dashed 3px #00bd44;display: block}
    .bk_park_main .map_box {height: auto;}
img.title_park{width: 100%;margin-bottom: 20px;margin-top: 30px}
        .fukidashi_park{position: absolute;left: 30px;top:-70px;height: 21vw}
        .icon_R{position: absolute;top:-110px}
    .park_map_sp{width: 100%}
    .park_map_sp img{position: relative;
left: -30px;
top: 0;
width: 118%;
max-width: 1200px;
z-index: 133;}
}


/*高台と強い地盤*/

h2.high{font-size: 50px;color: #0075ea;font-weight: bold;text-align: left;border-bottom: dashed 3px #0075ea;display: inline-block}
.bk_high{background-color: #eaf8ff;margin-top: 350px!important;}
.bk_high_main{  background: linear-gradient(90deg, #fffddf 0%, #fffddf 50%, #eaf8ff 50%, #eaf8ff 100%);}
.fukidashi_high{position: absolute;right: 30px;top:-50px;height: 80px}
.map_box_high{display: flex;}
.map_box_high_L{width: 35%;position: relative}
.map_box_high_R{width: 65%}
.map_box_high_R img{z-index: 110}
.title_high{width: 100%}
.bk_high .separate_box{height: 400px}
.map_box_high_L p.cap{padding-right: 30px}
.bk_high .miryoku_pic_L{position: absolute;width: 120%;max-width: 750px;right: 0;top: -90px}
.pic_high{position: absolute;bottom: 0;left:-30px;width: 108%;max-width: 600px;z-index: 100}

@media screen and (max-width: 1149px) {
.pic_high{position: absolute;bottom: 0;right: 0;left: auto;width: 110%;max-width: 600px;z-index: 100}
.bk_high .separate_box{height: 45vw}
}

@media screen and (max-width: 768px) {
        h2.high{font-size: 6vw;color: #0075ea;font-weight: bold;text-align: center;border-bottom: dashed 3px #0075ea;display: block}
    .bk_high .separate_box{height: auto}
    img.title_high{width: 100%;margin-bottom: 20px;margin-top: 30px}
       .fukidashi_high{position: absolute;right: 10px;top:-70px;height: 21vw;left: auto}
.map_box_high_R{width: 100%}
    .bk_high{background-color: #eaf8ff;margin-top: 150px!important;}
}



/*都心に近いのに価格はリーズナブル*/
h2.house{font-size: 50px;color: #fd2c56;font-weight: bold;text-align: left;border-bottom: dashed 3px #fd2c56;display: inline-block;}
.bk_house{background-color: #ffe9ed;margin-top: 250px!important;}
.bk_house_main{  background: linear-gradient(90deg, #ffe9ed 0%, #ffe9ed 50%, #fffddf 50%, #fffddf 100%);}
.fukidashi_house{position: absolute;left: 30px;top:-50px;height: 80px}
img.title_house{width: 95%;margin-bottom: 20px;}
img.house_map{position: absolute;left: 220px;top:70px;width: 90%;;max-width: 1200px; z-index: 133}
.title_house_box{position: absolute;top:30px;width: 50%;max-width: 560px;z-index: 180}
.house_family{position: absolute;bottom: 0;left: 0;width: 30%;z-index: 180}
.bk_house .map_box {
    height: 70vw;
    width: 100%;
    max-height: 900px;margin-bottom: 50px
}
.title_house_box p{width: 60%}


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

.bk_house .map_box {
    height: 70vw;
    width: 100%;
    max-height: 900px;margin-bottom: 110px
}
    img.house_map{position: absolute;left: 23%;top:50px;width: 100%;;max-width: 1200px; z-index: 133}
}


@media screen and (max-width: 768px) {
h2.house{font-size: 5.6vw;color: #fd2c56;font-weight: bold;text-align: center;border-bottom: dashed 3px #fd2c56;display: block}
    .house_map_sp{width: 100%;margin-top: 20px;position: relative}
    .house_map_sp img{position: relative;
left: -30px;
top: 0px;
width: 118%;
max-width: 1200px;
z-index: 133;}
    img.title_house{width: 100%;margin-bottom: 20px;margin-top: 30px}
        .fukidashi_house{position: absolute;left: 30px;top:-70px;height: 21vw}
    p.house_cap{position: absolute;right: 0;bottom: 0;width: 45%}
}


.ft {
  background: rgba(255, 245, 153, 0.25); }
  .ft .totop {
    width: 80px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 199; }
  .ft__btn {
    padding-bottom: 150px; }
    .ft__btn ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .ft__btn ul li {
        width: 32%;
        height: 160px;
        border-radius: 20px;
        position: relative; }
        .ft__btn ul li a {
          font-size: 3rem;
          color: #FFF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 100%;
          height: 100%; }
        .ft__btn ul li img {
          position: absolute; }
          .ft__btn ul li img.deco1 {
            width: 85px;
            bottom: -15px;
            right: -5px; }
          .ft__btn ul li img.deco2 {
            width: 200px;
            bottom: -5px;
            left: calc(50% - 100px); }
          .ft__btn ul li img.deco3 {
            width: 110px;
            bottom: 0px;
            right: -50px; }
  .ft__copy {
    background: #7f7f7f;
    color: #FFF;
    font-size: 1.1rem;
    text-align: center;
    padding: 30px 0; }

/* PC */
/* PC ここまで */





/* SP */
@media screen and (max-width: 768px) {
  main {
    padding-top: 80px;
    width: 100%;
    overflow-x: hidden; }


/* ヘッダースマホ*/
  .hd__wrap--blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 80px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px; }
  .hd__logo {
    width: 180px;
    height: auto; }
  .hd .anchor {
    position: fixed;
    top: -105vh;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: #e3fbff;
    -webkit-transition: .3s;
    transition: .3s; }
    .hd .anchor__list {
      display: block;
      font-size: 2.25rem;
      padding: 115px 25px 0 25px;
    text-align: left}

    .hd .anchor__list li a sapn.menu_icon{width: 60px;}
.hd .anchor__list li a img{height: auto;width: 50px; margin-right: 20px; vertical-align: middle;margin-bottom: 0px}

    .hd .anchor__list li{text-align: left;border-bottom: dotted 2px #aeaeae;padding-bottom: 5px }
      .hd .anchor__list li:not(:first-of-type) {
        margin-left: 0;
        margin-top: 30px; }

      .hd .anchor__list li a {font-size: 4vw;
background-position:right 5px center;
background-repeat: no-repeat;display: block;vertical-align: middle;
background-size: 20px }

          .hd .anchor__list li a.shopping {background-image: url("../img/arrow_shopping.png"); }
          .hd .anchor__list li a.park{background-image: url("../img/arrow_park.png"); }
          .hd .anchor__list li a.high{background-image: url("../img/arrow_high.png"); }
     .hd .anchor__list li a.house{background-image: url("../img/arrow_house.png"); }


    .hd .anchor__image {
      position: absolute;
      bottom: 20px;
      right: 4%;
      width: 90%; }
  .hd .link {
    height: auto;
    width: 100%;
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    -webkit-transform: translate(0);
            transform: translate(0);
    z-index: 10000; }
    .hd .link__list {
      width: 96%;
      margin: 0 auto;
      -webkit-writing-mode: unset;
          -ms-writing-mode: unset;
              writing-mode: unset;
      text-orientation: unset;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .hd .link__list li {
        height: 65px;
        width: 32%;
        text-align: center; }
        .hd .link__list li:not(:first-of-type) {
          margin-top: 0; }
  .btnHam {
    position: absolute;
    cursor: pointer;
    top: 27px;
    right: 26px;
    width: 33px;
    height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 10001; }
    .btnHam span {
      background: #005972;
      display: block;
      width: 100%;
      height: 3px;
      -webkit-transition: .5s;
      transition: .5s; }
      .btnHam span:nth-of-type(2) {
       width: 100%;
        margin: 9px 0 0 auto; }
      .btnHam span:nth-of-type(3) {
     width: 100%;
        margin: 9px 0 0 auto;
        -webkit-transition: .2s;
        transition: .2s; }
  .navOpen .anchor {
    top: 0; }
  .navOpen .btnHam {
    top: 24px;
    right: 26px;
    width: 35px;
    height: 35px; }
    .navOpen .btnHam span {
      width: 140%;
      -webkit-transform: rotate(45deg) translate(8px, 16px);
              transform: rotate(45deg) translate(8px, 16px); }
      .navOpen .btnHam span:nth-of-type(2) {
        width: 140%;
        margin-top: 0;
        -webkit-transform: rotate(-45deg) translate(-14px, 7px);
                transform: rotate(-45deg) translate(-14px, 7px); }
      .navOpen .btnHam span:nth-of-type(3) {
        width: 0;
        margin-top: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .modalClose {
    right: 0;
    top: -55px;
    cursor: pointer; }
    .modalClose span {
      background: #000; }
  .thumbnail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 25px; }
    .thumbnail .mordalBtn {
      line-height: 1.4;
      text-align: center;
      position: relative; }
      .thumbnail .mordalBtn.active {
        opacity: .6;
        pointer-events: none; }
      .thumbnail .mordalBtn:before {
        top: calc(50% - 8px);
        height: 16px; }
      .thumbnail .mordalBtn:last-of-type:after {
        top: calc(50% - 8px);
        height: 16px;
        margin-right: -1px; }
      .thumbnail .mordalBtn:nth-of-type(even):after {
        position: absolute;
        content: '';
        display: block;
        top: calc(50% - 8px);
        right: 0;
        width: 1px;
        height: 16px;
        background: #FFF; }
      .thumbnail .mordalBtn:nth-of-type(n+3) {
        margin-top: 5px; }
  .mv {
    overflow: hidden;
    position: relative; }




  .ft .totop {
    width: 80px;
    position: fixed;
    bottom: 70px;
    right: 7px;
    z-index: 199; }
  .ft__btn {
    padding-bottom: 60px; }
    .ft__btn ul {
      display: block; }
      .ft__btn ul li {
        width: 90%;
        height: 120px;
        border-radius: 20px;
        margin-right: auto;
        margin-left: auto; }
        .ft__btn ul li:nth-of-type(n+2) {
          margin-top: 25px; }
        .ft__btn ul li img {
          position: absolute; }
          .ft__btn ul li img.deco1 {
            width: 80px;
            bottom: -15px;
            right: -10px; }
          .ft__btn ul li img.deco2 {
            width: 200px;
            bottom: -25px; }
          .ft__btn ul li img.deco3 {
            width: 100px;
            bottom: -25px;
            right: -40px; }
  .ft__copy {
    background: #7f7f7f;
    color: #FFF;
    font-size: 1rem;
    text-align: center;
    padding: 15px 0 75px; }

  .reason01__mordalWnd,
  .reason02__mordalWnd,
  .reason03__mordalWnd {
    margin-top: 2vh;
  }

  .pro__wrap--blk--img:after {
    opacity: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: none;
    top: auto;
    bottom: 15px;
    left: calc(50% - 8px);
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-top: 3px solid #f46072;
    border-right: 3px solid #f46072;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 135deg );

           }
        .pro__wrap--blk--img:hover:after {
          opacity: 1; }


}

/* SP ここまで */



/*住宅情報館が子育てファミリーの
住まい探しを応援します*/



#kosodate {
		background-color: #e9f7fc;
}
.kosodate {
		position: relative;
		padding-top: 35px;
}
.kosodate--ttl {
		position: relative;
		height: 260px;
}
.kosodate--ttl h2 {
		position: absolute;
		top: 35px;
		left: -40px;
    width: 66%;
    max-width: 570px;
}
.kosodate--ttl--lead {
		position: absolute;
		top: 361px;
		left: 40px;
		font-size: 18px;
		line-height: 1.9;
		text-align: center;
		color: #ffffff;
}
.kosodate .visual {
		position: absolute;
		top: 20px;
		right: 50px;
}
/*.kosodate__lead*/
.kosodate__lead {
		position: relative;
		text-align: left;
		line-height: 1.95;
		margin-top: 30px;
}
.kosodate__lead--img {
		width: 48%;
}
.kosodate__lead--img img {
		max-width: 100%;
}
.kosodate__lead--img .imgTtl {
		position: absolute;
}
/*.kosodate__section--lead*/
.kosodate__section--lead {
		position: relative;
		margin: 90px 0 60px;
}
.kosodate__section--lead .imgTtl {
		position: absolute;
		width: 40%;
		top: -70px;
}
.kosodate__section--lead .imgTtl.left {
		left: -45px;
}
.kosodate__section--lead .imgTtl.right {
		right: -45px;
}
.kosodate__section__lead_wrapper {
		border: solid #65c6e9 3px;
		border-radius: 6px;
		background-color: #FFFFFF;
}
.kosodate__section__lead_wrapper .txt {
		padding: 20px;
		color: #582600;
		font-size: 16px;
}
/*.raijou*/
.raijou_wrapper, .raijou_wrapper .left,
.raijou_wrapper .right, .shiryo_wrapper .left,
.shiryo_wrapper .right {
		position: relative;
}
.raijou_wrapper .left .raijou_btn_img {
		width: 100%;
		height: 100%;
}
.raijou_wrapper .left {
    overflow: hidden;
    position: relative;
    text-align: center;
    background-image: url(../img/raijou_img_01.jpg);
    height: 100%;
    background-size: cover;

}
.raijou_wrapper a {
		width: 100%;
		height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.raijou_wrapper .left .raijou_btn_txt_01 .txt {
		width: 400px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #FFFFFF;
		padding: 5px 20px;
		font-size: 19px;
}

.raijou_wrapper .right {
		position: relative;
		background-color: #f2e6ca;
		width: 100%;
		height: 100%;
}
.raijou_wrapper .right .raijou_btn_img,
.raijou_wrapper .right .raijou_btn_txt_02 {
		position: absolute;
		width: 460px;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		color: #582600;
		font-size: 12px;
}
.raijou_wrapper .right .raijou_btn_img.bg {
		width: 270px;
		left: 54%;
}
.raijou_wrapper .right .raijou_btn_img.txt {
		width: 445px;
		top: 45%;
}
.raijou_wrapper .right .raijou_btn_txt_02 {
		top: 83%;
		letter-spacing: 0.5px;
		text-align: center;
}
.raijou_wrapper .center a img{
		width: 130px;
		height: 130px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
    transform-origin: 50px 50px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		opacity: 1;
/*		border-radius: 200px;
		border: solid #1fade1 3px;
		background-color: #ffffff;
		color: #1fade1;
		padding: 20px;*/
}

/*.raijou_wrapper .center a:before {
    content: "";
    position: absolute;
    top: 82%;
    left: 76%;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-image: url(../img/raijou_icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 0px top 50%;
    background-size: 30px;
		transform : translate(-50%, -50%);
}*/
/*.shiryo_wrapper*/
.shiryo_wrapper {
		position: relative;
		padding: 20px 0;
}
.shiryo_wrapper {
		position: relative;
		padding: 20px 0;
}

.shiryo_wrapper a:hover:before {
    left: 80%;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
}
.shiryo_wrapper a:before {
    content: "";
    position: absolute;
    top: 68.5%;
    left: 78%;
    width: 25px;
    height: 25px;
    background-image: url(../img/shiryo_icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 0px top 50%;
    background-size: 25px;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.shiryo_wrapper .left, .shiryo_wrapper .right {
		position: relative;
		width: 100%;
		height: 100%;
}
.shiryo_wrapper .left .shiryo_btn_img,
.shiryo_wrapper .left .shiryo_btn_txt_01,
.shiryo_wrapper .right .shiryo_btn_img,
.shiryo_wrapper .right .shiryo_btn_txt_02 {
		position: absolute;
		width: 72%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #582600;
		font-size: 12px;
}
.shiryo_wrapper .left .shiryo_btn_txt_01,
.shiryo_wrapper .right .shiryo_btn_txt_02 {
		min-width: 400px;}
.shiryo_wrapper .left .shiryo_btn_img.bg,
.shiryo_wrapper .right .shiryo_btn_img.bg {
		width: 47%;
		max-width: 285px;
		left: 50%;
}
.shiryo_wrapper .left .shiryo_btn_txt_01,
.shiryo_wrapper .right .shiryo_btn_txt_02 {
		display: inline-block;
		top: 68%;
		padding: 5px;
		background-color: #ff7400;
		border-radius: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
}
.shiryo_wrapper .left .shiryo_btn_txt_01 span,
.shiryo_wrapper .right .shiryo_btn_txt_02 span {
		display: block;
		padding: 14px;
		border: solid #ffffff 1px;
		border-radius: 10px;
}
.shiryo_wrapper .left .shiryo_btn_txt_01 span{  padding-right: 60px;}
.shiryo_wrapper .shiryo_btn_icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
.shiryo_wrapper .left .shiryo_btn_icon {
		top: 40%;
}
.shiryo_wrapper .right .shiryo_btn_icon {
		top: 36%;
}
.shiryo_wrapper .right .shiryo_btn_txt_02 {
		background-color: #0083cb;
}
/*===footer======*/
.ft__logo {
		background: #ffffff;
		text-align: center;
		padding: 10px 0 60px;
}
.ft__logo img {
		width: 270px;
		height: auto;
}
.ft__copy {
		background: #582600;
		color: #FFF;
		font-size: 1.1rem;
		text-align: center;
		padding: 6px 0;
}
@media screen and (min-width: 769px) {
		.kosodate .visual {
			width: 37vw;
			max-width: 420px;
		}
		.kosodate__lead_wrapper {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-align-items: center;
				align-items: center;
				margin: 0 auto;
				margin-top: 10px;
		}
		.raijou_wrapper, .shiryo_wrapper {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
				height: 310px;
		}

		.raijou_wrapper .left .raijou_btn_txt_01.bg {
				background-color: #0083cb;
				mix-blend-mode: multiply;
				opacity: 0.7;
		}
		.raijou_wrapper .left .raijou_btn_txt_01.bg,
		.raijou_wrapper .left .raijou_btn_txt_01.border {
				width: 350px;
				height: 40px;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 50px;
				border: solid #ffffff 1px;
		}
		.raijou_wrapper .left, .raijou_wrapper .right,
		.shiryo_wrapper .left, .shiryo_wrapper .right {
				width: 50%;
		}
	.raijou_wrapper *:hover {
			opacity: 1 !important;
	}
	.raijou_wrapper .center a:hover {
			transform: scale(1.1,1.1);
   		transform-origin: 50% 50%;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			opacity: 1 !important;
	}
	.raijou_wrapper .center a img:hover {
			opacity: 1 !important;
	}
	.sptab{display: none;}
}
@media screen and (max-width: 1200px) {
			.raijou_wrapper .left .raijou_btn_txt_01.bg,
		.raijou_wrapper .left .raijou_btn_txt_01.border {
				width: 36vw;
				height: 40px;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 42%;
				transform: translate(-50%, -50%);
				border-radius: 50px;
				border: solid #ffffff 1px;
		}
		.raijou_wrapper .left .raijou_btn_txt_01 .txt{

		left: 42.5%;
		font-size: 1.8vw;
		}
	.raijou_wrapper .right .raijou_btn_img.txt {
    width: 78%;
    top: 45%;
		left: 60%;
	}
	.sptab{display: block;}

	.shiryo_wrapper a:hover:before {
			left: 86%;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
	}
	.shiryo_wrapper a:before {
			content: "";
			position: absolute;
			top: 68.5%;
			left: 82%;
			width: 25px;
			height: 25px;
			background-image: url(../img/shiryo_icon_arrow.png);
			background-repeat: no-repeat;
			background-position: right 0px top 50%;
			background-size: 25px;
			transform: translate(-50%, -50%);
			z-index: 10;
	}
	.shiryo_wrapper .left .shiryo_btn_txt_01,
	.shiryo_wrapper .right .shiryo_btn_txt_02 {
		min-width: 90%;
    width: 90%;
    top: 68%;
    left: 50%;
		font-size: 1.8vw;
	}
	.shiryo_wrapper .left .shiryo_btn_img.bg,
	.shiryo_wrapper .right .shiryo_btn_img.bg {
    width: 55%;
		top: 50%;
    left: 50%;
	}
}
@media screen and (max-width: 1000px) {
		.kosodate--ttl--lead {
    top: 37vw;
    left: 5.3vw;
    font-size: 1.6vw;
		}
}
@media screen and (max-width: 768px) {
		.kosodate {
				padding: 35px 0 10px;
		}
		.kosodate--ttl {
				height: 110vw;
		}
		.kosodate--ttl h2 {
				width: 90vw;
				position: absolute;
				top: 0px;
				left: 50%;
				transform: translate(-50%, 0%);
		}
		.kosodate--ttl--lead {
  		  top: 330px;
				left: 50%;
				width: 82vw;
				transform: translate(-50%, 0%);
				font-size: 2.3vw;
				line-height: 1.95;
				text-align: center;
		}
		.kosodate .visual {
				top: 83vw;
				left: -2vw;
				width: 65vw;
		}
		.kosodate__lead--img {
				width: 100%;
		}
		.kosodate__section--lead .imgTtl.left, .kosodate__section--lead .imgTtl.right {
				position: absolute;
				width: 38vw;
				top: -62px;
				right: -5px;
		}
		.raijou_wrapper {
				height: 100vw;
		}

		.raijou_wrapper .left {
				height: 26vw;
		}
		.raijou_wrapper .left .raijou_btn_txt_01 .txt {
			top: 40%;
			left: 0;
			width: 94vw;
			transform: translate(0%, -50%);
			padding: 0px 0vw 0 23vw;
			text-align: right;
			font-size: 4.52vw;
			font-weight: bold;
			color: #0083cb;
		}
	.raijou_wrapper .left .raijou_btn_txt_01.bg,
	.raijou_wrapper .left .raijou_btn_txt_01.border {display: none;}
		.raijou_wrapper .right {
  		  height: 75vw;
		}
		.raijou_wrapper .right .raijou_btn_img, .raijou_wrapper .right .raijou_btn_txt_02 {
				left: 50%;
				transform: translate(-50%, -50%);
				color: #582600;
		}
		.raijou_wrapper .right .raijou_btn_img.txt {
				width: 90vw;
				top: 35vw;
   			left: 51%;
		}
		.raijou_wrapper .right .raijou_btn_txt_02 {
				top: 62vw;
				font-size: 3vw;
		}
		.raijou_wrapper .center a img {
				width: 90vw;
				height: auto;
				position: absolute;
				top: 26%;
				left: 50%;
				transform: translate(-50%, -50%);
	/*			text-align: center;
				font-size: 4.25vw;
				font-weight: bold;
				line-height: 1.2;
				border-radius: 10px;
				border: solid #1fade1 2px;
				background-color: #ffffff;
				color: #1fade1;
				padding: 2.3vw;*/
		}
/*	.raijou_wrapper .center a:before {
			top: 50%;
			left: 77vw;
			background-image: url(../img/raijou_icon_arrow.png);
			background-repeat: no-repeat;
			background-position: right 0px top 50%;
			background-size: 30px;
			transform : translate(-50%, -50%);
		}
		.raijou_btn_txt_03{
				padding-right: 5vw;
			margin-top: -0.25vw;
		}
		.raijou_wrapper .center img {
				margin: 5px;
				width: 13vw;
				transform: translate(0%, 25%);
		}*/

		.shiryo_wrapper .left, .shiryo_wrapper .right {
				position: relative;
				width: 100%;
				height: 50vw;
		}
		.raijou_wrapper .right .raijou_btn_img.bg {
			width: 60%;
			top: 54%;
			left: 50%;
		}
		.raijou_wrapper .right .raijou_btn_img.bg {
			vertical-align: middle;
			vertical-align: -webkit-baseline-middle;
		}
		.shiryo_wrapper {
			position: relative;
			padding: 8vw 0 11vw;
		}
		.shiryo_wrapper .left .shiryo_btn_txt_01,
		.shiryo_wrapper .right .shiryo_btn_txt_02 {
   		width: 90vw;
			font-size: 4vw;
		}
		.shiryo_wrapper .left .shiryo_btn_icon {
			top: 38%;
			width: 38vw;
		}
		.shiryo_wrapper .right .shiryo_btn_icon {
			top: 36%;
			width: 39vw;
		}
		.shiryo_wrapper .left .shiryo_btn_img.bg,
		.shiryo_wrapper .right .shiryo_btn_img.bg {
			width: 50%;
		}

		.shiryo_wrapper a:before {
				left: 84vw;
		}
		.shiryo_wrapper a:hover:before {
				left: 85%;
		}
}
@media screen and (max-width: 650px) {
		.kosodate--ttl--lead {
				top: 52vw;
				left: 50%;
				width: 82vw;
				transform: translate(-50%, 0%);
				font-size: 2.9vw;
				line-height: 1.95;
				text-align: center;
		}
}

/*202306*/

.bn_16 .pc{display: inline-block}

.bn_16 {position: fixed;background-color: #fff;
width: 65px;
z-index: 999;top:200px;right: 0px;
}

.bn_16{border: solid 3px #fff;box-shadow: 0px 0px 10px gray }

.bn_16 .bt_txt{background: linear-gradient(#00cade, #0083cb);}
.bn_16 .bt_txt p{font-size: 16px;color: #fff;padding: 10px 5px 50px 5px;font-weight: bold;background-image: url("../img/bt_arrow_bukken.png");
background-position:right 51% bottom 15px;
background-repeat: no-repeat;
background-size:20px ;
writing-mode: vertical-rl;}


.bn_16 .bt_txt img{width: 50px;vertical-align: middle}

@media screen and (max-width: 768px) {
    .bn_16 {position: fixed;background-color: #fff;
width: 100%;
z-index: 999;bottom: 0px;left: 0px;top: auto
}

    .bn_16 a{display: flex;
flex-wrap: wrap;
justify-content: space-between;align-items: center}

    .bn_img{width: 20%;background-image: url("../img/bn_16_imgsp.png");background-position: center;background-size: contain;height: 70px}

    .bn_16 .bt_txt {width: 80%}
    .bn_16 .bt_txt p{font-size: 3.7vw;background-position:right 20px top 45%;height: 70px;padding: 20px 10px;writing-mode:inherit }
    .bn_16 .bt_txt p:hover{
background-position:right 10px top 45%;transition: 0.3s;
}

.ft .totop{bottom: 85px}

}

.bt_sodan{background-image: url("../img/sodan.jpg");background-position: center top -30px;background-size: cover}
.bt_sodan a {text-align: center;display: block;padding: 50px 0;height: 250px;position: relative}
.bt_sodan a .bt_sodan_img{margin: auto;max-width: 400px;position: absolute;top: 50%;left: 50%;display: inline-block;width: auto;transform: translate(-50%, -50%);
transform-origin: 50px 50px;
text-align: center;}
.bt_sodan a .bt_sodan_img img{width: 100%;display: inline-block}
.bt_sodan a .bt_sodan_img:hover{width: 450px;max-width: 450px;transition: 0.3s;}

@media screen and (max-width: 1000px) {
    .bt_sodan{background-image: url("../img/sodan.jpg");background-position: center top 0;background-size:120%}
}

@media screen and (max-width: 768px) {.bt_sodan a {text-align: center;display: block;padding: 50px 0;height: 150px;position: relative}
.bt_sodan a .bt_sodan_img:hover{width: 170px;max-width: 450px;transition: 0.3s;}
    .bt_sodan a .bt_sodan_img{margin: auto;max-width: 450px;position: absolute;top: 50%;left: 50%;display: inline-block;width: 170px;transform: translate(-50%, -50%);
transform-origin: 50px 50px;
text-align: center;}
       .bt_sodan{background-image: url("../img/sodan.jpg");background-position: center top 0;background-size:120%}
}



/*追従*/
.banner {
    display: none;
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 0;
    right: 0;
}
.banner a {
    text-decoration: none;
}

.banner-icon {
    color: #f8f8f8;
    font-size: 40px;
}

.banner-back {
    width: 300px;
    background-color: #fff;
    border-radius: 25px;
}

.banner-top {
    padding: 20px;
    border-radius: 25px 25px 0px 0px;
    background: -moz-radial-gradient(#0AB0C7, #006EB0 70%);
    background: -webkit-radial-gradient(#0AB0C7, #006EB0 70%);
    background: radial-gradient(#0AB0C7, #006EB0 70%);
}

.banner-copy {
    font-size: 18px;
    position: relative;
}
.banner-copy::after {
    font-family: 'Font Awesome 6 Free';
    font-size: 20px;
    content: '\f054';
    color: #006EB0;
    position: absolute;
    margin-top: 11px;
    top: 0;
    right: 18px;
}

.banner-bottom {
    padding: 25px 0px 30px 0px;
    line-height: 1.6;
}

.banner-body {
    width: 300px;
    background: #f8f8f8;
    color: #000000;
    font-weight: bold;
    text-align: center;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
}

.banner-close {
    font-weight: bold;
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 99999;
    padding: 4px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.bn_16 .bt_txt img.txt16{width: 20px;margin: 5px auto;}

@media screen and (max-width: 750px) {
    .bn_16 .bt_txt img.txt16{width: 20px;margin: 0px auto;vertical-align: baseline}
    .banner {
        width: 100%;
        margin: 0px;
    }
    .banner-icon {
        font-size: 28px;
    }
    .banner-body {
        width: 100%;
        border-radius: 0px;
    }
    .banner-back {
        width: 100%;
        margin: 0px;
        border-radius: 0px;
    }
    .banner-top {
        padding: 5px;
        border-radius: 0px;
        background: -moz-linear-gradient(#006EB0 50%, #0AB0C7);
        background: -webkit-linear-gradient(#006EB0 50%, #0AB0C7);
        background: linear-gradient(#006EB0 50%, #0AB0C7);
    }
    .banner-bottom {
        padding: 10px 10px 18px 10px;
    }
    .banner-copy {
        font-size: 15px;
    }
    .banner-copy::after {
        font-size: 12px;
        margin-top: 1.4px;
        margin-left: 12px;
        top: initial;
        right: initial;
    }
    .banner-close {
        top: -8px;
        right: 0px;display: none
    }
    .banner-copy-br {
        display: none;
    }
}