@charset 'utf-8';

header { width:90%; height:auto; background:none; position:relative; margin:0 0 0px 2.5%; padding-bottom:0px; }
.header_wrap img.top_display { display:none; }
@media screen and (min-width:960px) {
    header { width:100%; margin:0; background:#ffff; }

}
.hidden {display: none;}

.header_wrap { width:90%; display:flex; justify-content:space-between; margin:10px 0; }
@media screen and (min-width:600px) {
    .header_wrap { width:93%; margin-top:10px; }
    }
.menu .sp { display:inline-block; }    
@media screen and (min-width:960px) {
.header_wrap { width:100%; }
.menu .sp { display:none; }    
}

.header_wrap img.inline_sp  { width:100%; }

.header_wrap .menu_wrap { justify-content: flex-end;}
.header_wrap .header_logo { width:70%; margin:0;}
@media screen and (min-width: 600px) {
    .header_wrap .header_logo { width:40%;  }
}
@media screen and (min-width: 600px) {
    .header_wrap .header_logo { margin-bottom:0px; }
}

.header_texts { width:auto; display:flex; justify-content:left; align-items:end; }
.header_text { width:auto; margin:0 0 0 20px; line-height:1.5; }
.header_right { display:flex; align-items:center; }
.headerLogo { width:220px; }
.headerLogo img { width:100%; }
.header_link { margin-right:30px; transition:0.3s; }
.header_link:hover { opacity:0.6; transition:0.3s; }

.top_nodisplay { display:none; }
@media screen and (min-width:840px) {
    header { background:#ffff; position:relative;display:block; letter-spacing: 0; }
    .header_wrap img { width:25px; margin:0;}
    .header_wrap .header_logo { width:30%; margin: 10px 0 1px 0; }
    .header_wrap .header_logo img { width:100%; }
    .header_wrap { max-width:100%; height:auto; margin:0; padding:0; align-items: center; justify-content:space-between; }
    .top_nodisplay.inline_pc { display:none; }
    .top_nodisplay { display:block; }
}
@media screen and (min-width:840px) and (max-width:1080px){
    .header_wrap  {width:90%; }
}
@media screen and (min-width:1080px) {
    header { border-bottom:1px solid #D5D5D5;}
    .header_wrap { }
    .header_wrap img { width:14px; margin:10px 0 15px 10px;}
    .header_wrap img.top_display { display:none; }

    .header_wrap img.icon_left { width:5px; margin:0 5px 0 0;}
    .header_wrap .header_logo { margin:0;}
    .top_nodisplay.inline_pc { display:block }
}

@media screen and (min-width:1200px) {
    .header_wrap .header_logo { margin:0;}
}


.svg-container:hover svg path {
    fill: red; /* ホバー時の色 */
}


.submenu { display:none; }
@media screen and (min-width: 1080px) {
    .submenu	{ width:100%; height:100%; padding:20px 0; background:#f8f8f8; }
    .submenu	{ width:100%; height: auto; padding:30px 0 40px 0; background: rgba(223, 246, 55 , 0.7);position: absolute;z-index: 30;top: 72px;background: rgba(240, 240, 240 , 0.85);}
    .submenu ul { width:800px; display:flex; justify-content:left; margin:0 auto 0 280px; flex-wrap:wrap; }
    .submenu ul .fa { margin-left:8px;font-size: 80%; }
    .submenu_ul_wrap { width:1080px; margin:0 auto; }
    .submenu_ul_wrap li { position:relative;background-position:left; }
    .submenu_ul_wrap li.sell { height:50px; position:relative;}
    .submenu_ul_wrap li.sell a { font-size:16px; margin:0px 0 0 10px; }
    .submenu_ul_wrap li.sell a .fa { margin-left:10px; }
    .submenu_ul_wrap li.sell a:hover { text-decoration:underline;}
    .submenu_ul_wrap li.noborder { position:relative; }
    .submenu_ul_wrap li.noborder::before {content: none;}
    .submenu_ul_wrap li .subtop { font-size:16px; letter-spacing:0.1em; margin: 0px 0 20px 10px;display:inline-block; }
    .submenu_ul_wrap li .subtop strong { font-weight:normal;}
    .submenu_ul_wrap li .subtop:hover { text-decoration:underline;}
    .submenu_ul_wrap li .sub { font-size:14px; letter-spacing:0.1em; display:inline-block; margin:0 0 5px 10px; }
    .submenu_ul_wrap li .sub:hover { text-decoration:underline; }
    .submenu_ul_wrap li a { width:100%; display:inline-block;}
    .submenu_ul_wrap li a:hover { background:none;}
    .submenu_ul_wrap li.noborder_sell { }
    .submenu_ul_wrap li.noborder_sell::before {content: none;}
}
.submenu ul li { margin:0 20px 0 0; line-height:1.2; }
@media screen and (min-width: 1080px) {
.submenu ul li { width:30%; display:inline-block; margin:0; }
    .submenu_sell ul li { width:23%; display:inline-block; margin:0; }
    .submenu ul li a { width:100%; display:inline-block; }

  /*トップのところ*/
  .submenu ul li.noborder_top { width:14%; position:relative;}
  .submenu ul li.noborder_top a.subtop_profit {background:none; padding:0px 0 15px 0px; }
  .submenu ul li.noborder_top a.subtop_profit:hover { text-decoration:underline;}

  /*収益物件のところ*/
  .submenu ul li.noborder_profit { width:26%; }
  .submenu_ul_wrap li.noborder_profit { background:none; }
  .submenu_ul_wrap li
  .submenu ul li .profit a { margin-bottom:20px; }
  .submenu ul li.noborder_profit a.subtop_profit {background-position:left; padding:0px 0 15px 10px; }
  .submenu ul li.noborder_profit a.subtop_profit:hover { text-decoration:underline;}
  .submenu ul li .profit a:hover { text-decoration:underline;}

  .submenu ul li.noborder_profit a.subtop_else { padding:0px 0 15px 10px; }
  .submenu ul li.noborder_profit a.subtop_else:hover { text-decoration:underline;}

  /*お気に入りのところ*/
  .submenu ul li.noborder_profit .profit  { background-position:left; padding:15px 0 15px 10px;
margin:30px 0 0 0;}
  .submenu ul li.noborder_profit .profit a { margin:0px 0 20px 0;}
  .submenu ul li .profit a:hover { text-decoration:underline;}

}
.submenu ul li:last-child { border-right:none; }
.submenu ul li a { margin:0 0px 0 0; line-height:1.2; }
@media screen and (min-width: 1080px) {
    .submenu ul li a { width:100%; display:inline-block;}
}
.submenu ul li a:hover { background:none; }
.mb { display:block; width:40px; height:40px; padding:0; position:fixed; z-index:10; right:2.5%; top:5px; cursor:pointer; }
@media screen and (min-width:960px) {
    .mb { top:21px; cursor:pointer; }
}
@media screen and (min-width:1200px) {
    .mb { top:8px; cursor:pointer;}
}


.mb span { display:block; width:30px; height:2px; margin:18px auto 0 auto; background:#000; position:relative; }
.mb span:before,.mb span:after { content:""; display:block; width:30px; height:2px; background:#000; position:absolute; transition:0.4s; }
.mb span:before { margin:-10px 0 0 0; }
.mb span:after { margin:10px 0 0 0; }
.mb__open span{ background:transparent; }
.mb__open span:before { top:6px; right:6px; transform:rotate(-45deg) translateY(8px); background:#fff; }
.mb__open span:after { top:-3px; left:6px; bottom:auto; transform: rotate(-135deg) translateX(8px); background:#fff; }
.menu	{ width:100%; height:100%; opacity:0; transition:0.4s; margin:0 0 0 200%; padding:50px 0 70px 0; background:#343434; position:fixed; top:0; left:0;
overflow-y:scroll; z-index:6; box-sizing:border-box; }
.menu__open	{ opacity:1; transition:0.4s; margin:0; }
.menu ul { width:100%; display:flex; border-radius:none; box-shadow:none; padding:0; background:none; flex-wrap:wrap; }
.menu ul li	{ width:100%; line-height:50px; border-top:1px solid #fff; overflow:hidden; }
.menu ul li.sub	{ width:100%; border-top:1px solid #fff; overflow:hidden; display:flex; align-items: center;}
.menu ul li.sub	a { padding:5px 5%; font-size:14px; display:flex; align-items: center;}
.menu ul li.sp { display:none; }
.menu ul li a	{ display:flex; width:100%; position:relative;  box-sizing:border-box; padding-left:5%; display:flex; align-items: center;}
.menu ul li a .icon_link { margin-bottom:5%; margin-left:10px; }

@media screen and (min-width: 320px) {
    .menu ul li a .icon_link { margin-bottom:6%;  }
}
@media screen and (min-width: 375px) {
    .menu ul li a .icon_link { margin-bottom:5.5%;  }
}
@media screen and (min-width:414px) {
    .menu ul li a .icon_link { margin-bottom:5%;  }
}
.menu ul li a:link { color:#fff; }
.menu ul li a:visited { color:#fff; }
.menu ul li a:hover { color:#fff; }
.menu ul li a:active { color:#fff; }
.menu ul li a.menu_pc{ display:none; }
.menu ul li .menu_sp { display:none; }
.menu ul li .menu_sub { display:none; height:0; background:#fff; opacity:0; transition:0.3s; }
.menu ul li a.menu_pc_span	{ display:none; }
.menu ul li a .menu_border { width:30px; display:block; margin:0 auto; border-bottom:3px solid rgba(255,255,255,0); transition:0.3s; }
.menu ul li a:hover .menu_border { border-bottom:3px solid #0080FF; transition:0.3s; }

.menu ul li span	{ display:block; width:100%; padding:15px 5%; font-weight:bold; line-height:1.2em; position:relative; color:#0F3157; box-sizing:border-box; }
.menu ul li span { display:none; }
@media screen and (min-width: 1080px) {
    .menu ul li span { display:block; }
    .menu ul li a.menu_pc_span	{ display:block; }
    .menu ul li a:link { color:#000; }
}
.menu ul li span.menu_sp { display:block; cursor:pointer; }
.menu ul li span.menu_sp i.fa-plus { font-size:20px; position:absolute; top:15px; right:15px; transition:0.3s; }
.menu ul li span.menu_sp__open i.fa-plus { transform:rotate(45deg); transition:0.3s; }
.menu ul li .menu_sub__open { display:block; height:auto; opacity:1; transition:0.3s; }
.menu ul li a .fa-caret-right { margin-left:10px; }
.menu_sp.menu_buy_sp { display:block; }

@media screen and (min-width: 1080px) {
    .menu ul li a.menu_pc	{ display:block; }
    .menu ul li span.menu_sp  { display:none; }
    .menu_sp.menu_buy_sp { display:none; }
    .mb { display:none; }
    .menu	{ width:97%; font-size:15px; font-weight:bold; opacity:100; transition:0.4s; margin:0 0 0 0px; padding:0; background:none; position:relative; overflow-y:visible; z-index:5; box-sizing:border-box; color:#000; display:flex; justify-content:flex-end;}
    .menu ul { width:100%; display:flex; margin:0; justify-content: space-between; }
    .menu ul li { width:auto; border-top:0; overflow:visible;}
    .menu ul li a	{ width:auto; display:block; position:relative; box-sizing:border-box; font-size:15px; line-height:2; padding:0 10px; }
    .menu ul li a:link { color:#000; }
    .menu ul li a:visited { color:#000; }
    .menu ul li a:active { color:#000; }
    .menu ul li a {
        background-color: transparent; /* 最初は背景色なし */
        letter-spacing:0.05em;
        transition: 0.3ms;
    }
    .menu ul li a:hover {
        color: #0080FF; /* ホバー時に文字色を変更 */
        transition: 0.3ms;
    }

    .menu ul li .menu_sp { display:none; }
    .menu ul li .menu_sub { display:none; height:0; background:#f2f2f2; opacity:0; }
    .menu ul li.sp { display:inline-block; }
    .menu ul li span.menu_pc_span	{ width:auto; display:inline-block; padding:0 5px; position:relative; box-sizing:border-box; font-size:15px; line-height:2; cursor:pointer; }
    .menu ul li span.menu_pc_span:hover { background:#0080FF; }
    .menu ul li .menu_open { background:#e8e8e8; }
    .submenu	{ display:none; height:0; transition:0.3s; }
    .subclose { display:block; height:auto; transition:0.3s; }
    .fa-plus { display:none; }
}
.bread { width:90%; display:flex; flex-wrap:wrap; line-height:1.5em; margin:10px 5% 10px 5%; align-items:center; font-weight:normal; font-size:12px; color:#888888;}
.contents .bread { margin-left:0; }
@media screen and (min-width: 1080px) {
    .bread { max-width:1200px; margin:10px auto 30px auto; }
    .bread a:hover { text-decoration:underline; }
    .bread .blead_link { height:auto; }
}
.bread_link { width:auto; word-break:break-all; }
.bread_link a { width:100%; align-items: center; font-weight:normal; display:inline-block; }
.bread_link a img { width:15px; transition:0.3s; }
.bread_link a:hover img { opacity:0.5; transition:0.3s; }
.bread_arrow{ margin:0 10px; }
span.span_arrow { display:flex; position:relative; }
/*span.span_arrow::before {content: "";display: inline-block;width: 6px;height: 6px;transform: rotate(45deg);border-style: solid;border-color: #000;
border-top-width: 1px;border-right-width: 1px;border-bottom-width: 0;border-left-width: 0;vertical-align: middle;}*/
.toplinkBox { margin:0; }

.toplink { width:auto; display:flex; margin-right:0; align-items:center;/*縦の真ん中*/ justify-content: flex-end; }
.toplink_pc { display:none; }
@media screen and (min-width:600px) {
    .toplink_pc { display:none; }
}
@media screen and (min-width:960px) {
    .toplink_pc { display:none; }

}
@media screen and (min-width:1125px) {
    .toplinkBox {margin: 0;padding-right:0px; margin-top: 0px;}
}
@media screen and (min-width:1200px) {
    .toplinkBox { padding-right:0; margin-right:0; }
    .toplink  { margin:0; }
    .toplink_pc { display:block; }
}


/*会員登録・お気に入り登録*/
.icon_img_wrap { position:relative; text-align:center; margin-left:20px;}
.icon_img i { font-size:24px; }
.icon_text { width:18px; height:18px; margin:-18px 0 0 30px; display:block; border-radius:50%; background:#0D3058; color:#fff; text-align:center; font-size:11px; line-height:18px; }


@media screen and (min-width: 1080px) {
    .icon_img_wrap { width:100px; height:60px; background-color: rgba(0, 0, 0, 0.5); margin-left:1px; }


    .bread_link { width:100px; width:auto; word-break:keep-all; }
    .toplink { margin-bottom:10px; }
    .toplinkIcon a { width:100%; height:100%; display:block; }
    .toplinkIcon a small { font-weight:normal; }
    .toplinkIcon a:link small {color:#fff; }
    .toplinkIcon a:visited small {color:#fff; }
    .toplinkIcon a:hover small { text-decoration:none;}
    .toplinkIcon a:hover { opacity:0.7; }
    .toplinkIcon a img { width:22px; margin:0 auto; }
    .header_right { margin-right:50px; }
    .header_wrap .header_logo {width:280px; }

    .header_link { display:none; }
    .header_contact { display:none; }
    .toplinkBox { width:70%; margin:0; text-align:right;}
    .toplink li { margin:0 0 0 20px; display:flex; font-size:13px; letter-spacing:0.05em;}
    .toplink li a {display:flex; align-items: center; letter-spacing:0.05em;}
    .toplink li a:hover { color:#0080FF; }
    .fa-solid.fa-plus { display:none; }

    

}
@media screen and (min-width: 1200px) {
    .toplinkBox { width:840px; margin:0; text-align:right; position:relative; z-index:100; }
}

.fa-solid.fa-plus { display:block; }
@media screen and (min-width: 1080px) {
    .fa-solid.fa-plus { display:none; }
}


.block_sp .bread { width:90%; display:flex; margin:0 5% 10px 5%; white-space: nowrap; flex-wrap:wrap; color:#888888;}