/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 10 2026 | 01:28:40 */
/*トップのスライド*/
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes spark {
  0% { transform:scale(0.3); opacity:0; }
  10% { transform:scale(0.3); opacity:0.6; }
  35% { transform:scale(1.2); opacity:0.6; }
  60% { /*transform:scale(1.2);*/ opacity:0.6; }
  100% { transform:scale(1.4); opacity:0; }
}

@keyframes topspark {
  0% { transform:scale(0.3); opacity:0; }
  10% { transform:scale(0.3); opacity:0.6; }
  60% { transform:scale(2.4); opacity:0.6; }
  100% { transform:scale(2.6); opacity:0; }
}


.slides { width:100%; height:90vh; padding:0; overflow:hidden; position:relative; }
.slide { width:100vw; height:100%; padding:0; overflow:hidden; position:relative; }
.slide div { width:100%; height:100%; position:relative; }
.slide-animation{ animation:fadezoom 10s linear 0s normal both; }
.slideItem img { width:100%; height:90%; position:relative; z-index:0; object-fit:cover; }
.slideItem img.block_sp { display:block; }
.slideItem img.block_pc { display:none; }
.slick-slide:nth-child(3) img.slide-animation { object-position:35% 50%; }
.slick-slide:nth-child(4) img.slide-animation { object-position:35% 50%; }
.slideItemTexts { width:100%; display:flex; justify-content:center; position:absolute; overflow:visible; top:80px; left:0; z-index:1; color:#fff; text-align:center; }
/*.slides.active::before { content:''; width:150%; height:40%; background:url(https://www.taiyojisho.jp/app/uploads/sites/1280/2025/06/kira-1.svg); background-size:100%; position:absolute; z-index:2; top:80px; left:-25%; animation:topspark 1.5s ease-out forwards; }*/
.slideItemText { width:auto; position:relative; font-size:20px; line-height:1.4; font-weight:700; letter-spacing:0.1em; }
.slick-slide:nth-child(2) .slideItemText { color:#269F46; }
.slick-slide:nth-child(4) .slideItemText { color:#269F46; }
.slideItemText strong { font-size:32px; font-weight:700; }
@media (min-width:768px) {
	.slides { height:120vh; }
	.slide { height:120vh; }
	.slideItem img.block_sp { display:none; }
	.slideItem img.block_pc { display:block; }
	.slideItemTexts { width:100%; height:100%; margin:0 auto; padding:0 5%; justify-content:flex-end; align-items:center; top:30px; text-align:right; }
	.slideItemText { width:auto; margin:-100px 5% 0 0; z-index:1; text-align:left; font-weight:bold; font-size:36px; line-height:1.2; }
	.slick-slide:nth-child(4) .slideItemText { color:#fff; }
	.slides.active::before { width:400px; height:250px; background-size:80%; top:200px; left:55%; }
	.slideItemText strong { font-size:48px; }
}

/*イラスト*/
.slideIll1 { width:25px; position:absolute; z-index:1; top:30px; left:5%; }
.slideIll2 { width:50px; position:absolute; z-index:1; top:100px; left:2.5%; }
.slideIll3 { width:40px; position:absolute; z-index:1; top:400px; right:5%; }
.slideIll4 { width:50px; position:absolute; z-index:1; top:470px; right:-2.5%; }
.topIll1 { width:55px; position:absolute; z-index:1; bottom:80px; left:5%; }
.topIll2 { display:none; width:150px; position:absolute; z-index:1; top:20px; right:5%; }
.topIll3 { width:70px; position:absolute; z-index:1; top:80px; right:5%; }
.topIll4 { width:120px; position:absolute; z-index:1; top:-85px; left:5%; }
.topIll5 { display:none; width:120px; position:absolute; z-index:1; top:-10px; right:5%; }
.topIll6 { width:150px; display:none; position:absolute; z-index:1; top:30px; right:5%; }
.topIll7 { width:110px; position:absolute; z-index:1; top:-30px; right:5%; }
@media (min-width:768px) {
	.slideIll1 { width:40px; top:170px; left:7.5%; }
	.slideIll2 { width:50px; top:500px; left:5%; }
	.slideIll3 { width:105px; top:500px; right:2.5%; }
	.slideIll4 { width:50px; top:600px; right:35%; }
	.topIll1 { width:70px; bottom:150px; left:10%; }
	.topIll2 { display:none; width:340px; top:40px; right:0; }
	.topIll3 { width:100px; top:80px; right:auto; left:25%; }
	.topIll4 { width:200px; top:-80px; left:auto; right:0; }
	.topIll5 { display:block; width:290px; top:-80px; right:auto; left:0; }
	.topIll6 { width:340px; display:inline; top:-40px; right:0; }
	.topIll7 { width:200px; top:-60px; right:0; }
}
@media (min-width:1400px) {
	.topIll1 { bottom:200px; }
}
@media (min-width:1600px) {
	.topIll1 { bottom:300px; }
}

/*スライド下の波*/
.topWave { width:280%; max-width:none; margin:-180px -90% 0 -90%; display:block; position:relative; top:0; left:0; }
@media (min-width:768px) {
	.topWave { width:100%; margin:-250px 0 0 0; }
}
@media (min-width:1400px) {
	.topWave { margin:-300px 0 0 0; }
}
@media (min-width:1600px) {
	.topWave { margin:-400px 0 0 0; }
}


/*h2まわり*/
.topTitle { width:100%; display:flex; flex-direction:column; text-align:left; }
.topTitleSearch { padding:100px 0 0 0; }
.topTitleOwener { margin:30px 0 20px 0; }
.topTitleTenant { margin:0 0 20px 0; }
.topTitleAbout { padding:30px 0 0 0; margin:20px 0; }
.topTitlePartner { padding:30px 0 0 0; }
.topTitleEng { color:#269F46; font-family:"Hind Siliguri"; font-weight:600; font-size:20px; line-height:1.2; letter-spacing:0.05em; text-align:center; }
.entry-content h2.topTitleH2 { margin:0; text-align:center; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:0.05em; }
.entry-content h2.topTitleH2::after { margin:0; display:none; }
@media (min-width:768px) {
	.topTitle { text-align:center; }
	.topTitleSearch { padding:100px 0 0 0; }
	.topTitleOwener { margin:0; padding:50px 0 0 0; }
	.topTitleTenant { margin:0; padding:0 0 0 0; }
	.topTitleAbout { margin:0; padding:100px 0 0 0; }
	.topTitlePartner { padding:100px 0 0 0; }
	.topTitleSns { padding:30px 0 0 0; }
	.topTitleEng { font-size:20px; letter-spacing:0.1em; }
	.entry-content h2.topTitleH2 { margin:5px 0 0 0; text-align:center; color:#000; font-size:32px; }
}

/*トピックス*/
.contents.contentsTopics { margin:-380px auto 0 auto; }
.topTopics { width:100%; margin:20px 0 0 0; }
.topTopics .slick-prev, .topTopics .slick-next { width:30px; height:30px;  border-radius:50%; }
.topTopics .slick-prev::before, .topTopics .slick-next::before { content:''; }
.topTopics .slick-prev::after { content:''; width:15px; height:15px; margin:-5px 0 0 0; border-top:3px solid #269F46; border-left:3px solid #269F46; transform:rotate(-45deg); transition:0.3s; position:absolute; top:50%; left:40%; }
.topTopics .slick-next::after { content:''; width:15px; height:15px; margin:-5px 0 0 0; border-top:3px solid #269F46; border-right:3px solid #269F46; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:40%; }
.topTopic { width:100%; }
.topTopic a { width:100%; display:block; background:#269F46; overflow:visible; position:relative; }
.topTopic a img { transition:0.3s; }
.topTopic a:hover img { opacity:0.8; transform:scale(1.0); transition:0.3s; }
@media (min-width:399px) {
	.contents.contentsTopics { margin:-450px auto 0 auto; }
	.topTopics { margin:0; padding:0 0 10px 0; }
	.topTopic { padding:30px 20px; }
}
@media (min-width:1080px) {
		.contents.contentsTopics { margin:-400px auto 0 auto; }
}
@media (min-width:1200px) {
		.contents.contentsTopics { margin:-450px auto 0 auto; }
}
@media (min-width:1400px) {
		.contents.contentsTopics { margin:-500px auto 0 auto; }
}
@media (min-width:1600px) {
		.contents.contentsTopics { margin:-550px auto 0 auto; }
}
@media (min-width:1800px) {
		.contents.contentsTopics { margin:-600px auto 0 auto; }
}

/*トピックスホバーの動き*/
.topTopicsNew .topTopic a { background:none; }
.topTopicsNew .topTopic a:hover::after { content:''; width:100%; height:100%; background:url(https://www.taiyojisho.jp/app/uploads/sites/1280/2025/06/kira-1.svg) no-repeat; position:absolute; top:0; left:0; animation:spark 1.2s ease-out forwards; }

/*探す*/
.topSearch { width:100%; display:flex; flex-direction:column; margin-top:30px; position:relative; }
.topSearchList { width:100%; margin:10px 0 50px 0; display:block; }
.topSearchList a { width:100%; display:flex; flex-direction:column; color:#000; line-height:1.2; }
.topSearchList a:hover { text-decoration:none; }
.topSearchListImg { width:100%; display:block; height:210px; overflow:hidden; }
.topSearchListImg img { object-fit:cover; transition:0.3s; }
.topSearchList a:hover .topSearchListImg img { transition:0.3s; }
.topSearchBox { padding:0; }
.topSearchListFor { width:100%; margin:25px 0 5px 0; display:block; color:#269F46; font-weight:600; letter-spacing:0.05em; }
.entry-content h3.topSearchListH3 { width:100%; margin:15px 0; display:block; font-weight:600; font-size:20px; }
.topSearchListText { width:100%; margin:5px 0 0 0; display:block; text-align:justify; line-height:1.5; }
.topSearchListButton { width:100%; margin:20px 0 0 0; padding:15px 0; display:block; position:relative; border-radius:10px; background:#269F46; color:#fff; text-align:center; font-weight:bold; transition:0.3s; }
.topSearchList a:hover .topSearchListButton { color:#fff; text-decoration:none; opacity:0.7; transition:0.3s; }
.topSearchListButton::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:10%; }
.topSearchList.noLink { display:none; }
.topSearchList.noLink a:hover .topSearchListImg img { transform: scale(1.0); }
.topSearchList.noLink a:hover .topSearchListButton { opacity:1; }
@media (min-width:768px) {
	.topSearch { max-width: 1100px; width: 100%; margin: 0 auto; flex-direction:row;  padding: 0; }
	.topSearchList { width:30%; margin:60px 5% 30px 0; }
	.topSearchList:nth-child(3n) { margin:60px 0 30px 0; }
	.topSearchListImg { border-radius:10px; height:auto; }
	.topSearchBox { padding:0; }
	.topSearchListFor { width:100%; margin:25px 0 5px 0; display:block; color:#269F46; font-weight:600; letter-spacing:0.05em; }
	.topSearchListButton { padding:20px 0; }
	.topSearchList.noLink { display:flex; opacity:0.5; }
	.topSearchList.noLink a { pointer-events: none; }
}

/*イメージ写真*/
.topWide { width:100%; margin:20px 0 0 0; padding:0; }

/*オーナー様*/
.topOwners { width:100%; padding:0 0 20px 0; display:flex; flex-direction:column; align-items:center; }
.topOwner { width:100%; margin:10px 0; display:block; }
.topOwner a { width:100%; padding:30px 5%; display:flex; align-items:flex-start; background:#fff; border-radius:10px; position:relative; }
.site-content .topOwner a:hover { background:rgba(38,159,70,0.2); text-decoration:none; }
.topOwner img { width:110px; position:absolute; top:-15px; right:5%; }
.site-content .topOwner a:hover img { transform: scale(1); }
.topOwnerTexts { display:flex; flex-direction:column; }
.entry-content h3.topOwnerH3 { width:100%; display:block; font-weight:700; font-size:24px; letter-spacing:0.1em; }
.topOwnerText { width:100%; margin:0 0 10px 0; display:block; text-align:justify; color:#000; }
.topOwnerLink { width:100%; display:block; position:relative; color:#269F46; font-weight:700; font-size:18px; line-height:30px; }
/* .topOwnerLink:before{ content: ""; margin:0 0 0 0; display:inline-block; width:30px; height:30px; background:#269F46; border-radius:50%; vertical-align:middle; position:absolute; left:0; top:0; } */
.topOwnerLink:after{ content: ""; margin:-5px 0 0 8px; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; }
.topOwner.noLink { display:none; }
@media (min-width:768px) {
	.topOwners { margin:50px 0 0 0; padding:0 0 70px 0; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
	/*.topOwner { width:24%; margin:0 0 20px 0; } 空き家管理があるとき*/
	.topOwner { width:32%; margin:0 0 20px 0; } /*空き家管理がないとき*/
	.topOwner:nth-child(2n) { margin:0 0 20px 0; }
	.topOwner a { height:100%; flex-direction:column; padding:20px 5%; }
	.topOwner img { width:140px; margin:0 auto; position:relative; right:0; top:0; }
	.entry-content h3.topOwnerH3 { margin:15px 0 10px 0; text-align:center; }
	.topOwnerText { margin:0 0 25px 0; }
	.topOwnerLink { text-align:center; }
	.topOwner.noLink { display:block; }
	.topOwner.noLink a { pointer-events: none; opacity:0.5; }
}

/*入居中の方*/
.topTenants { width:100%; padding:0 0 50px 0; display:flex; flex-direction:column; }
.topTenant { width:100%; margin:10px 0 40px 0; display:flex; border-radius:10px; position:relative; }
.topTenant a { width:100%; padding-bottom:20px; display:flex; flex-direction:column; border-radius:10px; background:#F5F7F7; position:relative; overflow:hidden; color:#000; }
.site-content .topTenant a:hover { background:#E1EED8; text-decoration:none; }
.topTenantImgs { width:100%; display:block; overflow:hidden; }
.topTenantImg { width:100%; display:block; border-radius:10px 10px 0 0; transition:0.3s; }
.entry-content h3.topTenantH3 { width:100%; margin:15px 0 10px 0; padding:0 5%; display:block; color:#000; text-align:center; font-weight:700; font-size:24px; letter-spacing:0.08em; }
.topTenantText { width:100%; padding:0 7.5%; display:block; text-align:justify; }
.topTenantLink { width:90%; margin:10px auto; display:block; position:relative; color:#269F46; text-align:center; font-weight:700; line-height:1.2; }
.topTenantLink::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #269F46; border-right:2px solid #269F46; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:10%; }
.topTenant.noLink { display:none; }
.topTenant.noLink a:hover .topSearchListImg img { transform: scale(1.0); }
.topTenant.noLink a:hover .topSearchListButton { opacity:1; }
@media (min-width:768px) {
	.topTenants { margin:50px auto 0 auto; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
	.topTenant { width:32%; margin:0 0 50px 0; }
	.topTenant a { padding-bottom:60px; }
	.entry-content h3.topTenantH3 { margin:20px 0 10px 0; }
	.topTenantText { margin:10px 0; }
	.topTenantLink { position:absolute; left:5%; bottom:20px; }
	.topTenantLink:hover { text-decoration:none; opacity:0.8; }
	.topTenant.noLink { display:block; pointer-events: none; opacity:0.5; }
}

/*お知らせ*/
.topNews { margin-top:70px; display:flex; flex-direction:column; }
.topNews .es-list.list-direction-column li:last-child { margin-bottom:0; }
.topTitleNews { margin:20px 0 -20px 0; }
.topNewsButton { width:100%; margin:0 auto; padding:15px 0; display:block; background:#269F46; border-radius:5px; position:relative; color:#fff; text-align:center; font-weight:700; line-height:1.2; }
.topNewsButton::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:10%; }
@media (min-width:768px) {
	.topNews { flex-direction:row; align-items:center; padding:150px 0 0px 0; }
	.topTitleNews { width:280px; text-align:left; }
	.entry-content .topNews h2.topTitleH2 { text-align:left; }
	.topNews .es-list-wrapper { background:none; }
	.topTitleNews { margin:0; }
	.topTitleNews .topTitleEng { text-align:left; }
	.topNewsButton { width:360px; }
}

.topNewsLink { width:90%; margin:0 auto; padding:15px 0; display:block; background:#269F46; border-radius:10px; position:relative; color:#fff; text-align:center; font-weight:700; line-height:1.2; }
.topNewsLink::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:10%; }
@media (min-width:768px) {
	.topNewsLink { width:280px; margin: 0px auto 30px auto; padding: 20px 0; }
	.topNewsLink:hover { color:#fff; text-decoration:none; opacity:0.8; }
}



/*ついて*/
.topAbout { width:100%; padding:0; display:flex; flex-direction:column; }
.topAboutLink { width:100%; margin:20px 0; display:block; }
.topAboutLink:hover { text-decoration:none; }
.topAboutLink.noLink { display:none; }
.topAboutLinkImg { width:100%; display:block; overflow:hidden; border-radius:10px; }
.topAboutLinkImg img { display:block; border-radius:10px; }
.topAboutLinkText { width:100%; margin:10px 0 0 0; display:block; position:relative; color:#269F46; font-weight:700; font-size:20px; line-height:30px; }
/* .topAboutLinkText:before{ content: ""; margin:0 0 0 0; display:inline-block; width:30px; height:30px; background:#269F46; border-radius:50%; vertical-align:middle; position:absolute; left:0; top:0; } */
.topAboutLinkText:after{ content: ""; margin:-5px 0 0 50px; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; }
@media (min-width:768px) {
	.topAbout { margin:50px 0 0 0; flex-direction:row; align-items:flex-start; }
	.topAboutLink { width:32%; margin:0 2% 0 0; }
	.topAboutLink:last-child { margin:0 0 0 0; }
	.topAboutLinkImg img { transition:0.3s; }
	.topAboutLink:hover .topAboutLinkImg img { transition:0.3s; }
	.topAboutLink.noLink { display:block; pointer-events: none; opacity:0.5; }
}



/*リンク*/
.topBanner { width:100%; padding:10px 0 50px 0; display:flex; flex-wrap:wrap; }
.topBannerLink { width:49%; margin:10px 2% 0 0; }
.topBannerLink:nth-child(2n) { margin:10px 0 0 0; }
.topBannerLinkImg { width:100%; box-sizing:border-box; }
.topBannerLinkImgSns { border:1px solid #ccc; }
@media (min-width:768px) {
	.topBanner { width:800px; margin:0 auto; padding:30px 0 100px 0; }
	.topBannerLink { width:250px; margin:10px 25px 10px 0; transition:0.3s; }
	.topBannerLink:nth-child(2n) { margin:10px 25px 10px 0; }
	.topBannerLink:nth-child(3n) { margin:10px 0; }
	.topBannerLink:hover { opacity:0.7; transition:0.3s; }
	.site-content a.topBannerLink:hover img { transform:scale(1.0); }
}

.forspark.active { position:relative; }
.forspark.active::before { content:''; width:80%; height:50%; background:url(https://www.taiyojisho.jp/app/uploads/sites/1280/2025/06/kira-2.svg); background-size:90%; position:absolute; z-index:-1; top:-50px; left:-5%; animation:spark 1.2s ease-out forwards; }
@media (min-width:768px) {
	.forspark.active::before { width:600px; height:400px; top:-20%; left:-5%; }
}