/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 21 2025 | 00:16:01 */
.main-header-bar-navigation　{ background:none; color:#000; }
#masthead { max-width:1272px; margin:0 auto; }
.page-header { border-bottom:0; }
.page .entry-header { max-width:1080px; margin:0 auto; }
.page-header h1.entry-title　{ font-size:2.4rem; line-height:4.8rem; color:#57BB82; letter-spacing:0.05em; }
.async { margin-left:77%; }
/*以上、念のため置いておく*/

header { width:100%; }
.header_wrap { width:100%; height:57px; max-width:1272px; margin:0 auto; padding:10px 5% 10px 5%; display:flex; justify-content:space-between; align-items:flex-start; position:fixed; z-index:10; left:0; right:0; background:rgba(255,255,255,0.9); }
@media screen and (min-width:1200px) {
	.header_wrap { width:90%; max-width:1200px; height:auto; margin:15px auto 10px auto; padding:0 0 20px 0; background:#fff; border-bottom:0; border-radius:20px; position:absolute; }
}

.header_logo { width:50%; margin:5px 0 0 0;}
.header_logo_text { display:none; }
.header_logo a { display:block; } 
.header_logo a:hover { opacity:0.7; } 
.header_logo img { width:100%; display:block; }
.menu ul li.sp { display:inline-block; }
@media screen and (min-width:700px) {
	.header_logo { width:20%; }
}
@media screen and (min-width:768px) {
	.header_logo { width:280px; display:flex; flex-direction:column; overflow:visible; }
	.header_logo a { width:190px; margin-bottom:5px;}
}
@media screen and (min-width:1200px) {
	.header_logo { margin:15px 0 0 50px; }
	.header_logo_text { width:130%; margin:0 0 20px 0; display:block; font-size:12px; line-height:1.2; }
}

.mb { height:40px; margin:10px 0 0 0; padding:0; position:fixed; z-index:35; right:5%; cursor:pointer; display:block; }
.mb span { display:block; width:24px; height:3px; margin:18px auto 0 auto; background:#707070; position:relative; }
.mb span:before,.mb span:after { content:""; display:block; width:24px; height:3px; background:#707070; 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:5px; right:7px; background:#fff; transform:rotate(-45deg) translateY(8px); }
.mb__open span:after { top:-4px; left:4px; background:#fff; bottom:auto; transform: rotate(-135deg) translateX(8px); }
@media screen and (min-width:1200px) {
	.mb { display:none; }
}

.header_right { width:50%; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; color:#fff; position:relative; }
@media screen and (min-width:768px) {
	.header_right { width:70%; }
}
@media screen and (min-width:1200px) {
	.header_right { width:800px; margin-right:50px; color:#000; }
}

.headerbutton_sp { width:100%; margin:4px 60px 0 0; display:flex; justify-content:right; align-items:center; }
.headerbutton_sp li { text-align:center; display:flex; align-items: center; flex-direction:column; color:#000; margin-left:15px; }
.headerbutton_sp li img { width:28px; }
.headerbutton_sp li .inline_pc { display:none; }
.headerbutton_sp li a { position:relative; }
.headerbutton_sp li span { display:block; font-size:10px; color:#fff; }
.headerbutton_sp li span.favorite-count { width:18px; height:18px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#E5777B; text-align:center; font-size:10px; line-height:18px; position:absolute; bottom:-3px; right:-7px; }
@media screen and (min-width:1200px) {
	.headerbutton_sp { display:none; }
}

.headerbutton_pc { display:none; }
@media screen and (min-width:1200px) {
	.headerbutton_pc { width:40%; margin-bottom:10px; display:flex; justify-content:end; }
	.headerbutton_pc li { width:auto; height:60px; margin-left:3px; }
	.headerbutton_pc li div { width:100%; height:100%; display:inline-block; color:#fff; }
	.headerbutton_pc li a { width:100%; height:auto; padding:15px 20px; display:inline-flex; justify-content:center; border-radius:0 0 10px 10px; color:#fff; text-align:center; font-weight:bold; line-height:22px; position:relative; white-space:nowrap; }
	.headerbutton_pc li a.headerbutton_contact {  background:#269F46; }
	.headerbutton_pc li a.headerbutton_favorite {  background:#E5777B; }
	.headerbutton_pc li a:hover { opacity:0.7; text-decoration:none; }
	.headerbutton_pc li a img { width:24px; margin:0 10px 0 0; }
	.headerbutton_pc li span { font-size:14px; font-weight:700; color:#fff;}
	.headerbutton_pc li span.favorite-count { width:18px; height:18px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#fff; color:#E5777B; text-align:center; font-weight:normal; font-size:11px; position:absolute; bottom:10px; left:30px; }
}

.menu	{ width:100%; height:0; display:flex; flex-direction:column; opacity:0; transition:0.4s; margin:0 -200% 0 0; background:rgba(87,187,130,0.9); color:#fff; position:fixed; top:0; left:0; overflow-y:scroll; z-index:30; box-sizing:border-box; }
.menu__open	{ height:100%; opacity:1; transition:0.4s; margin:0; }
.menu_main { width:100%; padding:50px 0 0 0; display:flex; flex-direction:column; }
.menu_main li	{ width:100%; border-top:1px solid #fff; overflow:hidden; }
.menu_main li a	{ width:100%; display:flex; align-items:center; padding:15px 5%; font-weight:600; font-size:16px; line-height:1.2em; position:relative; color:#fff; box-sizing:border-box; }
.menu_main li span	{ padding:15px 5%; font-weight:600; font-size:14px; line-height:1.2em; position:relative; color:#fff; box-sizing:border-box; }
.menu_main li a .fa-caret-right { margin-left:10px; }
.menu_main li span.arrow { width:auto; position:absolute; right:0; display:inline-block; }
.menu_main li span.arrow::before { content: ""; display:inline-block; width:6px; height:6px; margin-left:5px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
.menu_main li img {margin-left: 5px; }
.menu_main li img.menu_blank_sp { width:14px; margin-left:10px; }
.menu_main li img.menu_blank_pc { display:none; }


@media screen and (min-width:1200px) {
    .menu_main li span.arrow { display:block; }
	.menu_main li img {margin-top:-3px; }
	.menu_main li img.menu_blank_pc { width:14px; margin-left:10px; display:inline; }
	.menu_main li img.menu_blank_sp { display:none; }
	.menu_main li.noLink	{ display:block; }
}
@media screen and (min-width:1200px) {
    .menu	{ width:100%; height:auto; margin:0; padding:0; flex-direction:column-reverse; opacity:1; background:none; color:#161616; position:relative; overflow:hidden; }
    .menu_main { width:100%; padding:0; display:flex; flex-direction:row; justify-content:space-between;}
    .menu_main li { width:auto; }
    .menu_main li a { color:#161616; display:block; padding:0; }
    .menu_main li a:hover { color:#269F46; text-decoration:none; }
    .menu_main li span.arrow { display:none; }
}

.menu_sub { width:100%; display:flex; flex-direction:column; }
.menu_sub_link { display:flex; flex-direction:column; }
.menu_sub_link li	{ width:100%; border-top:1px solid #fff; overflow:hidden; }
.menu_sub_link li a	{ width:100%; display:flex; align-items:center; padding:15px 5%; font-weight:600; font-size:16px; line-height:1.2em; position:relative; color:#fff; box-sizing:border-box; }
.menu_sub_link li span.arrow { width:auto; padding:15px 5%; position:absolute; right:0; display:inline-block; }
.menu_sub_link li span.arrow::before { content: ""; display:inline-block; width:6px; height:6px; margin-left:5px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media screen and (min-width:1200px) {
	.menu_sub { flex-direction:row; justify-content:right; }
	.menu_sub_link { margin:20px 0 0 0; flex-direction:row; }
	.menu_sub_link li	{ width:auto; margin:0 20px 0 0; overflow:visible; }
	.menu_sub_link li a	{ padding:0 0 0 20px; color:#161616; white-space:nowrap; font-size:13px; }
	.menu_sub_link li a:hover { color:#269F46; text-decoration:none; }
	.menu_sub_link li span.arrow { padding:15px 5% 15px 0; left:0; right:auto; }
	.menu_sub_link li span.arrow::before { border-color:#161616; transition:0.3s; }
	.menu_sub_link li a:hover span.arrow::before { border-color:#269F46; transition:0.3s; }
}


/* ヘッダー */
.menu_top.active { color: #f7e700; }
.menu_rent.active { color: #f7e700; }
.menu_buy.active { color: #f7e700; }
.menu_sell.active { color: #f7e700; }
.menu_produce.active { color: #f7e700; }
.menubuild.active { color: #f7e700; }
.menu_orner underline.active { color: #f7e700;  }
.menu_residents .active { color: #f7e700; }
.menu_company underline .active { color: #f7e700; }
.menu_sub_link a.active {
  color: #f7e700; /* 緑色で強調 */
  font-weight: 600; /* 太字 */
}

@media (min-width:768px) {
.menu_top.active { color: #269F46; }
.menu_rent.active { color: #269F46; }
.menu_buy.active { color: #269F46; }
.menu_sell.active { color: #269F46; }
.menu_produce.active { color: #269F46; }
.menu_build.active { color: #269F46; }
.menu_owner.active { color: #269F46;  }
.menu_residents .active { color: #269F46; }
.menu_company.active { color: #269F46; }
.menu_sub_link a.active {
  color: #269F46; /* 緑色で強調 */
  font-weight: bold; /* 太字 */
}
}

.menu_main li.noLink	{ display:none; }
.menu_sub_link li.noLink	{ display:none; }
@media screen and (min-width:768px) {
	.menu_main li.noLink	{ display:block; }
	.menu_main li.noLink a	{ pointer-events: none; opacity:0.5; }
	.menu_sub_link li.noLink	{ display:block; }
	.menu_sub_link li.noLink a	{ pointer-events: none; opacity:0.5; }
}