@charset 'utf-8';

.buy_top { width:100%;  height:auto;  display:block; margin-bottom:50px; }
.buy_top .map_wrap { width:100%; height:320px; background: url("../../buy/img/map_sp.png") no-repeat 50% 50%; background-size:315px; margin:0; padding:0; position:relative; }
.buy_top_text { display:none; }
.fukidashi { width:100%;  height:auto;  display:block; margin-bottom:50px; }
dl.dl_midashi_sp { width:100%; display:flex; margin-bottom:20px; }
dl.dl_midashi_sp dt { width:auto; color:#f6861e; }
dl.dl_midashi_sp dd { width:95%;}

.map_wrap small { display:none; }
.buy_top_link  { width:150px; display:inline-block; position: relative; padding:10px 0;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff; line-height:1.5; }
.buy_top_link strong::after {position: absolute;right:0.5rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
.buy_top .buy_top_mapleft { width:150px; position:absolute; left:0; top:10%; overflow:visible; }
.buy_top_link.hokubu { margin:0 0 0 0; }
.buy_top_link.shinai { margin:35% 0 0 0; }
.buy_top .buy_top_mapright { width:150px; position:absolute; right:0; top:30%; }
.buy_top_link.tobu{ margin:0 0 0 0; }
.buy_top_link.nanbu { margin:35% 0 0 0; }
.buy_top_link.other { display:none; }
.buy_top_link_small { display:none; }
#Lyid { display:none; }

.map a.a_hokubu .buy_top_link{border: 2px solid #E56200;}
.map a.a_shinai .buy_top_link{border: 2px solid #F98701;}
.map a.a_tobu .buy_top_link{border: 2px solid #F47847;}
.map a.a_nanbu .buy_top_link{border: 2px solid #FFA71A;}
.map a.a_other .buy_top_link{border: 2px solid #000;}


@media screen and (min-width: 740px) and (max-width:1120px){
    .buy_top_text { width:100%; position:relative; margin-bottom:50px; }
    .buy_top_text .illust_man { position:absolute; top:200px; left:50px; }
    .buy_top_text dl.dl_midashi { width:100%; display:flex; margin-bottom:20px; }
    .buy_top_text dl.dl_midashi dt { width:auto; color:#f6861e; }
    .buy_top_text dl.dl_midashi dd { width:95%;}
    dl.dl_midashi_sp { display:none; }

    .buy_top .map_wrap { width:100%; height:480px; background: url("../img/illust_map.jpg") no-repeat; position:relative; margin:0 auto; background-position:center;}
    .buy_top .map_wrap .buy_top_text { width:100%; }

    .buy_top .buy_top_mapleft { width:200px; position:absolute; left:10%; top:60px; }
    .buy_top .buy_top_mapleft small { font-size:12px; color:#676767; letter-spacing:0; line-height:1.5em; display:inline-block; margin-top:10px; }

    .buy_top .buy_top_mapright { width:200px; position:absolute; right:50px; top:60px; }
    .buy_top .buy_top_mapright small { font-size:12px; color:#676767; letter-spacing:0; line-height:1.5em; display:inline-block; margin-top:10px; }

    .buy_top_link { width:190px; display:inline-block; position: relative; padding:18px 0;border: 2px solid #000;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff;}
    .buy_top_link:hover { background:#000; color:#fff; }
    .buy_top_link strong::after {position: absolute;right:1.5rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
    .buy_top_link:hover strong::after {right: 1rem;}
    .buy_top_link.hokubu { margin:0px 0 0 0; }
    .buy_top_link.shinai { margin:45px 0 0 0; }
    .illust_man { display:none;}



}

.map { width:100%; display:block; position:relative; }
.map_sp { width:100%; display:block; position:relative; }
.map_pc { display:none; }
.map a { position:absolute; z-index:1; }
.map a.a_hokubu { top:60px; left:0; }
.map a.a_shinai { top:160px; left:0; }
.map a.a_tobu { top:100px; right:0; }
.map a.a_nanbu { top:200px; right:0; }
.map a.a_other { top:300px; right:0; }
.map a small { display:none; }
.map .map_hokubu { display:none; }
.map .map_shinai { display:none; }
.map .map_tobu { display:none; }
.map .map_nanbu { display:none; }






@media screen and (min-width: 740px) {
    dl.dl_midashi_sp { display:none; }
    .map { width:520px; height:480px; margin:10px auto 0 auto; display:block; position:relative; right:10%; }
    .map_sp { display:none; }
    .map_pc { width:520px; margin:0 auto 0 10%; display:block; position:relative; }
    .map a { width:200px; display:flex; flex-direction:column; }
    .map a.a_hokubu { top:60px; left:40px; }
    .map a.a_shinai { top:220px; left:80px; }
    .map a.a_tobu { top:60px; right:-140px; }
    .map a.a_nanbu { top:220px; right:-140px; }
    .map a.a_other { top:380px; right:-140px; }
    .map a small { width:100%; font-size:12px; color:#676767; letter-spacing:0; line-height:1.5em; display:block; margin-top:2px; }


    .map a.a_hokubu .buy_top_link{border: 2px solid #000;}
    .map a.a_shinai .buy_top_link{border: 2px solid #000;}
    .map a.a_tobu .buy_top_link{border: 2px solid #000;}
    .map a.a_nanbu .buy_top_link{border: 2px solid #000;}
}

@media screen and (min-width: 1120px) {
    .map { width:65%; margin:0 auto; right:0; }
    .map a.a_shinai { top:220px; left:100px; }
    .map a.a_tobu { top:60px; right:30px; }
    .map a.a_nanbu { top:220px; right:30px; }
    .map a.a_other { top:380px; right:30px; }
}

@media screen and (max-width: 740px) {
    .h1_kazari { display:none; }
    /*.buy_top { display:none; }*/
}

@media screen and (min-width: 740px) {
    .h1_kazari { display:block; }
    .pagetop { display:none; }
}


@media screen and (min-width: 1120px) {
    .pagetop { display:none; }
    .link_sp { display:none; }
    .buy_top { width:100%; height:480px; margin-bottom:50px; margin-left:0; display:flex; }
    .buy_top .map_wrap { width:60%; height:480px; background: url("../img/illust_map.jpg") no-repeat; position:relative; }
    .buy_top_text { width:35%; margin:80px 0 0 50px; display:block; position:relative; }
    .buy_top_text .illust_man { width:180px; position:absolute; top:200px; left:50px; }
    .buy_top_text dl.dl_midashi { width:100%; display:flex; margin-bottom:20px; }
    .buy_top_text dl.dl_midashi dt { width:5%; color:#f6861e; }
    .buy_top_text dl.dl_midashi dd { width:95%;}
    .buy_top .buy_top_mapleft { width:200px; position:absolute; right:460px; top:60px; }
    .buy_top .buy_top_mapleft small { font-size:12px; color:#676767; letter-spacing:0; line-height:1.5em; display:inline-block; margin-top:10px; }

    .buy_top_link { width:190px; display:inline-block; position: relative; padding:18px 0;border: 2px solid #000;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff;}
    .buy_top_link:hover { background:#000; color:#fff; }
    .buy_top_link strong::after {position: absolute;right:1.5rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
    .buy_top_link:hover strong::after {right: 1rem;}
    .buy_top_link.hokubu { margin:0px 0 0 0; }
    .buy_top_link.shinai { margin:45px 0 0 0; }

    .buy_top .buy_top_mapright { width:200px; position:absolute; right:50px; top:60px; }
    .buy_top .buy_top_mapright small { font-size:12px; color:#676767; letter-spacing:0; line-height:1.5em; display:inline-block; margin-top:10px; }
    .buy_top_link.tobu{ margin:0 0 0 0; }
    .buy_top_link.nanbu { margin:60px 0 0 0; }
    .buy_top_link.other { margin:55px 0 0 0; display:block; }

    .buy_top_link_small { width:220px; display:inline-block; position: relative; padding:13px 0;border: 2px solid #000;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff;}
    .buy_top_link_small:hover { background:#000; color:#fff; }
    .buy_top_link_small strong::after {position: absolute; top:25px; right:1rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
    .buy_top_link_small:hover strong::after {right: 0.5rem;}
    .buy_top_link_small.shinai { position:absolute; top:180px; left:360px; }

    #Lyid{font-size:16px;line-height:1.7;box-sizing: border-box;position:absolute;left:50px;top:125px; letter-spacing: 0.2; display:inline-block;}
    .fukidashi { width:100%; height:130px; background:url(../img/fukidashi.svg)no-repeat; padding:20px; }
    .fukidashi span { width:100%; display:inline-block; font-size:15px; margin-top:16px; line-height:1.7em; }
   
    .buy_top .a_hokubu:hover ~ .map_hokubu { display:block; position:absolute; top:0; left:0; z-index:0; }
    .buy_top .a_shinai:hover ~ .map_shinai { display:block; position:absolute; top:0; left:0; z-index:0; }
    .buy_top .a_tobu:hover ~ .map_tobu { display:block; position:absolute; top:0; left:0; z-index:0; }
    .buy_top .a_nanbu:hover ~ .map_nanbu { display:block; position:absolute; top:0; left:0; z-index:0; }
}
@media screen and (min-width: 1240px) {
    /*マウスオーバーで吹き出しの文言を変更*/
    .buy_top .a_hokubu:hover::after {  font-size:13px; line-height:1.7em; white-space: pre; content: '大阪府北部は、都心部や空港へのアクセスが\A便利で、教育施設や商業施設が多く、子育て世代\Aにも単身者にも人気のエリアです。'; position:absolute; left:-395px; top:95px; background:#fff; }
    .buy_top .a_shinai:hover::after {  font-size:13px; line-height:1.7em; white-space: pre; content: '大阪市内は、新大阪・梅田・難波・天王寺など、\Aビジネス街やお洒落な商業施設が多く、\Aたくさんの人が暮らす街です。'; position:absolute; left:-455px; top:-65px; background:#fff; }
    .buy_top .a_tobu:hover::after {  font-size:13px; line-height:1.7em; white-space: pre; content: 'ものづくりの街とも言われる大阪府東部は、\A交通の便もよく難波方面や奈良方面への\Aアクセスが便利です。'; position:absolute; left:-820px; top:95px; background:#fff; }
    .buy_top .a_nanbu:hover::after {  font-size:13px; line-height:1.7em; white-space: pre; content: '大阪府南部は、豊かな自然と大規模な住宅街が\A広がる住みやすい街です。\Aだんじり祭りなどの伝統行事も盛んです。'; position:absolute; left:-820px; top:-65px; background:#fff; }
    .buy_top .a_other:hover::after {  font-size:13px; line-height:1.7em; white-space: pre; content: 'SEIMUは兵庫県・京都府など、近畿圏を中心に\A全国の不動産を取り扱っています。'; position:absolute; left:-820px; top:-225px; background:#fff; }
}

/*飾りh1*/
.h1_kazari { width:100%; text-align:center; margin:0 0 40px 0; }
.h1_kazari img { display:none;}
.h1_kazari strong { font-size:36px; display:inline-block; line-height:1.2em; font-family:'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.1em; color:#000; }
@media screen and (min-width: 740px) {
    .h1_kazari img {width:250px; display:block; margin:0 auto;}

}

@media screen and (min-width: 840px) {

    .h1_kazari img { width:250px; display:block; margin:0 auto;}
    .h1_kazari strong { font-size:56px; }
}

@media screen and (min-width:1120px) {
    .h1_kazari { display:block;}
}


/*市のリンク*/
.buyCities { width:90%; max-width:1020px; margin:30px auto 0 auto; display:block; }
.buCitiesTitle {margin-bottom:10px; }
.span_orange { color:#f6861e;}
.buyCity { width:100%; padding:0; border:1px solid #ccc; border-radius:7px; }
.buyCity dl { width:100%; padding:5px 5%; border-bottom:1px solid #ccc; display:flex; flex-direction:column; }
.buyCity dl:first-child { border-top-right-radius:7px; border-top-left-radius:7px; }
.buyCity dl:last-child { border-bottom:none; }
.buyCity dl dt { width:100%; margin-bottom:5px;}
.buyCity dl dd { width:100%; font-weight:normal; }
.buyCity dl dd a { margin-right:5px; display:inline-block; transition:0.3s; line-height:2.5; }
@media screen and (min-width: 840px) {
    .buyCities { margin:50px auto; }
    .buyCity { border:1px solid #ccc; border-radius:7px; }
    .buyCity dl { padding:20px 0; flex-direction:row;  }
    .buyCity dl:last-child { padding-bottom:20px; }
    .buyCity dl dt { width:20%; margin-bottom:0; padding-left:2.5%; }
    .buyCity dl dt a { transition:0.3s; }
    .buyCity dl dt a:hover { text-decoration:underline; transition:0.3s; }
    .buyCity dl dd { width:80%; }
    .buyCity dl dd a { margin-right:10px; }
    .buyCity dl dd a:hover { text-decoration:underline; transition:0.3s; }
}

/*ondo*/
.wrap_ondo { width:100%; position:relative; }
.wrap_ondo .ondo_image { width:100%; margin:30px 0 0 0; position:relative; right:0; }
.h2_ondo { width:100%; margin:30px 0% 40px 0%; background:#fff; padding-top:50px; }
.h2_ondo img.ondo_logo_text { width:60%; margin:0 0 40px 20%; padding:0;} 
.h2_ondo img.ondo_logo_new { width:50%; margin:-50px auto 20px auto; background:#fff; padding:0px 10%; display:block; } 
.h2_ondo h2 { color:#ec6d1e; font-size:18px; margin:30px 0 30px 0; text-align:center; }
.wrap_slide { padding-bottom:50px; }
@media screen and (min-width:740px) and (max-width:1120px) {
    .h2_ondo { width:90%; margin:-10vh 5% 30px 5%;}
    .h2_ondo img.ondo_logo_new { width:30%; margin:0 25% 20px 25%; padding:0;} 
    .h2_ondo p { width:100%; display:inline-block; text-align:center;}
    .h2_ondo img.ondo_logo_text { width:50%; margin:0 25% 50px 25%; padding:0;} 
}

@media screen and (min-width: 1120px) {
    .wrap_ondo { margin:115px auto; }
    .wrap_ondo .ondo_image { width:600px; margin:0 0 50px 0; float:right;  }
    .h2_ondo { width:40%; margin:50px 0 100px 0; background:#fff;  }
    .h2_ondo img.ondo_logo_text { width:230px; margin:0 0 0px 0; padding:0;} 
    .h2_ondo img.ondo_logo { width:330px; margin:0 0 20px 0; padding:0;} 
    .h2_ondo img.ondo_logo_new { width:250px; margin:0 auto 20px auto; display:block; }
    .h2_ondo h2 { text-align:center; }
    p.lead { font-size:16px; letter-spacing: 0.05; line-height:1.8; }
    .contents_in.forsale { padding-bottom:50px; }
    
}

/*ondoリンクボタン*/
.div_link{ width:90%; display:block; margin:0 5%; }
.div_link a{ width:100%; margin:0 0 10px 0; display:inline-block; position: relative; padding:25px 0;border: 2px solid #000;color: #000;text-align: center;text-decoration: none; border-radius:7px; background:#fff;}
@media screen and (min-width:740px) and (max-width:1120px) {
    .div_link { display:flex; justify-content: space-between;}
    .div_link a{ width:47%; }
    .div_link a::after {position: absolute;right: 1rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
    .div_link a:hover::after {right: 0.5rem;}
}
@media screen and (min-width: 1120px) {
    .div_link { width:100%; max-width:770px; display:flex; justify-content:space-between; margin:50px auto 100px auto;}
    .div_link a{ width:375px; }
    .div_link a:hover { background:#000; color:#fff; }
}




.wrap_bukken{ margin-top:0px; margin-bottom:0; position:relative; }
@media screen and (min-width: 740px) {
    .wrap_bukken{ width:90%; max-width:1220px; margin:0 auto 0px auto; position:relative; }

}
.contents_bukken { display:flex; flex-wrap:wrap; justify-content:space-between;}
.contents_bukken div { width:100%; text-align:center; margin-top:30px; }
@media screen and (min-width: 840px) {
    .wrap_bukken { width:90%; max-width:1120px; margin:0 auto 0px auto; position:relative; }
    .contents_bukken div { width:50%; }
}
.contents_bukken div .illust { width:80%; margin:0 auto;}
.contents_bukken div h2 { margin-bottom:0; }
.contents_bukken div .strong_english { width:100%; font-size:40px; display:inline-block; line-height:1.2em; font-family:'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.1em; color:#D6C6AE; margin-bottom:30px; }
.contents_bukken div .strong_midashi { font-size:18px; line-height:1.7em;  letter-spacing:0.1em; text-align:center; display:inline-block; margin-bottom:0; }
.contents_bukken div .illust { width:50%; margin:10px 10%;}
@media screen and (min-width:740px) and (max-width:1120px) {
    .contents_bukken { flex-wrap:wrap; }
    .contents_bukken div h2 { margin-bottom:20px; }
    .contents_bukken div .illust { width:40%; margin:30px 10% 0 10%;}
    .contents_bukken div.contents_bukken_left { width:100%; }
    .contents_bukken div.contents_bukken_right { width:100%; }
    .contents_bukken div .strong_midashi { font-size:23px;}
    .contents_bukken div.contents_bukken_right .btn_slide_arrow {width:47%; margin:30px auto;  }
}
@media screen (min-width:1120px) {
    .contents_bukken div .illust { width:40%; margin:30px 10% 0 10%;}
    .contents_bukken div.contents_bukken_left { width:55%; }
    .contents_bukken div.contents_bukken_right { width:40%; }
    .contents_bukken div .strong_midashi { font-size:23px;}
    .contents_bukken div.contents_bukken_right .btn_slide_arrow {width:100%; margin:0;  }
    .contents_bukken div p.inline_sp { width:100%; display:inline-block; text-align:center;}
}
.contents_bukken div p { text-align:left;}
.contents_bukken div p.inline_sp { width:90%; margin:0 5%; display:block; text-align: center;}
.contents_bukken div p.inline_pc { display:none; }
@media screen and (min-width: 1120px) {
    .contents_bukken div .illust { width:60%; margin-bottom:50px; }
    .contents_bukken div h2 { text-align:left; }
    .contents_bukken div .strong_english{ width:100%; font-size:55px; margin-bottom:50px; text-align:left; display:inline-block;}
    .contents_bukken div .strong_midashi { width:100%; font-size:23px; text-align:left; margin-bottom:40px; font-weight:bold; }
    .contents_bukken div p.inline_sp { display:none; }
    .contents_bukken div p.inline_pc { display:block; }
}


.space50 { width:100%; height:50px; display:block; }

@media screen and (max-width:740px){ 
    .bread { width:90%; display:flex; flex-wrap:wrap; line-height:1.5em; margin:0 5%; align-items:center; font-weight:normal; font-size:13px; padding-bottom:10px; letter-spacing:0;}

}
@media screen and (min-width:740px) and (max-width:1120px) {
    .contents_in {  padding: 50px 0 50px 0; }

}