@charset 'utf-8';

.menuMain li.menuHome a	{ border-left:4px solid #584728; }
.footerMenuMain li.menuHome a	{ border-left:4px solid #584728; }
@media screen and (min-width: 1080px) {
    .menuMain li.menuHome a::after { transform: scale(1, 1); }
    .footerMenuMain li.menuHome a	{ border-left:none; text-decoration:underline; }
}

@media screen and (min-width: 1080px) {
    main { margin-top:-145px; }
    .sheet { padding: 30px 0;}
}

.top { width:100%; position:relative; background-color:#FFFCF8; }
.topImageSp { width:100%; }
.topImagePc { display:none; }
.topText { width:100%; height:100%; display:block; top:40px; left:0; text-align:center; }
.topTextEng { width:100%; display:block; color:#fff; font-size:24px; font-family:'futura-pt'; letter-spacing:0.1em; }
.topTextCopy { width:100%; margin:20px 0 0 0; display:block; font-family: "Hannari", serif; font-size:18px; letter-spacing: 0.2em; }
.topTextLead { width:100%; margin:10px 0 0 0; display:block; font-size:14px; line-height:1.7; }
@media screen and (min-width: 380px) {
    .topText { top:10%; left:0; }
    .topTextEng { font-size:28px; }
    .topTextCopy { margin:80px 0 20px 0; font-family: "Hannari","Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; letter-spacing:0.2em; position:relative; box-sizing: border-box;}
    .topTextLead { margin:20px 0 0 0; }
}
@media screen and (min-width: 740px) {
    .top { margin:0 auto; margin-top:150px; display:flex; justify-content:space-between; align-items:center;}
    .topLogo { display:block; }
    .topImage { flex:1; margin-left:20%; }
    .topImage img { max-width:100%; height:auto; }
    .topImageSp { display:none; }
    .topImagePc { width:80%; display:block; }
    .topText { top:30%; position:relative; flex:1; margin-right:10px; width:760px; margin:0 0 0 -380px; top:30%; left:50%; text-align:left; }
    .topTextEng { font-size:32px; font-size:48px;  }
    .topTextCopy { margin:-10px 0px 5px 0px; font-size:20px; text-shadow:#fff 0 0 1px; text-align:left; }
    .topTextLead { margin:20px 0 0 0; font-size:16px; }
}

@media screen and (min-width: 1240px) {
    .topText { width:760px; margin:0 0 0 -380px; top:30%; left:50%; text-align:left; }
}
@media screen and (min-width: 1440px) {
    .topText { width:900px; margin:0 0 0 -450px; top:30%; }
}
@media screen and (min-width: 1840px) {
    .topText { width:1080px; margin:0 0 0 -540px; top:30%; }
}

.news { width:100%; display:block; margin:0 auto; }
.news dl { width:100%; padding:10px 0; display:flex; flex-direction:column; border-top:1px solid #ccc; font-size:14px; line-height:1.5; }
.news dl dt { width:100%; display:flex; align-items:center; }
.news dl dt em { margin:0 0 0 5px; padding:2px 5px; display:block; background:#584728; color:#fff; font-size:12px; line-height:1.2; }
.news dl dd { width:100%; margin:5px 0 0 0; text-align:justify; }
.newsLink { padding:5px 0 0 0; display:flex; flex-direction:row-reverse; border-top:1px solid #ccc; } 
.newsLink a { padding-left:15px; position:relative; }
.newsLink a::before{ content:''; width:6px; height:6px; margin:-3px 0 0 0; position:absolute; top:50%; left:0; border-top:2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 1080px) {
    .news { width:840px; }
    .news dl { flex-direction:row; align-items:flex-start; font-size:16px; }
    .news dl dt { width:20%; }
    .news dl dd { width:80%; margin:0; }
    .news dl dd a:hover { text-decoration:underline; }
    .newsLink a::after { content:''; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#584728; transform:scale(0, 1); transform-origin: center top; transition: transform 0.3s; }
    .newsLink a:hover::after { transform:scale(1, 1); }
}

.investmentText { width:100%; font-size: 15px; }
.investmentBanner { width:100%; margin:20px 0 0 0; display:block; position:relative; background:#000; color:#fff; }
.investmentImgSp { width:45%; display:block; position:absolute; bottom:0; right:0; }
.investmentImgPc { display:none; }
.investmentBannerText { padding:20px 0 30px 0; display:block; position:relative; }
.investmentBannerText em { margin:0 0 0 5%; display:block; }
.investmentBannerText strong { margin:10px 0 0 5%; display:block; font-size:20px;}
.shopTextLink { margin:20px 0 0 0%; padding:15px 0; display:block; border:3px solid #584728; background:#584728; position:relative; z-index:0; line-height:1.2;  text-align:center; color:#fff; font: 16px / 1.8em source-han-sans-japanese, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif; } 
.shopTextLink strong { font-size:28px; }
.shopTextLink::before{ content:''; width:6px; height:6px; margin:-3px 0 0 0; position:absolute; top:50%; right:5%; border-top:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 740px) {
    .investmentText { text-align:left; font-size:16px; line-height:2; margin-top: 0; }
    .investmentBanner { display:flex; transition:0.3s; }
    .investmentImgSp { display:none; }
    .investmentImgPc { width:50%; display:block; position:relative; bottom:0; right:auto; overflow:hidden; }
    .investmentImgPc img { width:100%; display:block; transform:scale(1); transition:transform 0.3s; }
    .investmentBanner:hover .investmentImgPc img { transform:scale(1.1); }
    .investmentBannerText { width:50%; text-align:center; }
    .investmentBannerText strong { margin:10px 0 0 0; font-size:24px; }
    .shopTextLink { width:165px; height:165px; margin: -30px 0 0 auto; padding:10px 0; border-radius:50%; display:flex; justify-content:center; align-items: center; }
    .shopTextLink::after { content:''; width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; z-index:-1; border-radius:3px; background:#fff; transform:scale(0, 1); transform-origin:center top; transition:transform 0.3s; }
    .investmentBanner:hover .shopTextLink { color:#584728; transition:0.3s; }
    .investmentBanner:hover .shopTextLink::before{ border-top:2px solid #584728; border-right: 2px solid #584728; }
    .investmentBanner:hover .shopTextLink::after { transform:scale(1, 1); }
    .shopTextLink::before { top:55%; right:12%; }
}

.contents { width:100%; display:flex; flex-direction:column; }
.contentsBox { width:100%; margin:0 0 30px 0; display:block; box-shadow:#999 0 0 5px; text-align:center; }
.contentsBoxImage { width:100%; height:140px; display:block; overflow:hidden; }
.contentsBoxImage img { width:100%; height:140px; object-fit:cover; display:block; }
.contentsBoxTitle { width:100%; margin:20px 0 0 0; display:block; font-size:20px; }
.contentsBoxEng { width:100%; margin:0; display:block; color:#584728; font-size:12px; line-height:1.2; font-family:'futura-pt'; }
.contentsBoxText { width:100%; margin:20px 0 0 0; display:block; line-height:1.5; }
.contentsBoxLink { width:60%; margin:20px auto 30px auto; padding:10px 0; display:block; border:3px solid #584728; border-radius:5px; background:#584728; position:relative; z-index:0; color:#fff; font-size:14px; line-height:1.2; }
.contentsBoxLink::before{ content:''; width:6px; height:6px; margin:-3px 0 0 0; position:absolute; top:50%; right:5%; border-top:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 740px) {
    .contentsBoxImage { height:220px; }
    .contentsBoxImage img { height:220px; }
    .contentsBoxEng { margin:5px 0 0 0; }
}
@media screen and (min-width: 1080px) {
    .contents { flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:30px; }
    .contentsBox { width:340px; }
    .contentsBoxImage img { transition:transform 0.3s; }
    .contentsBox:hover .contentsBoxImage img { transform:scale(1.1); }
    .contentsBoxTitle { font-size:20px; }
    .contentsBoxLink::after { content:''; width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; z-index:-1; border-radius:3px; background:#fff; transform:scale(0, 1); transform-origin:center top; transition:transform 0.3s; }
    .contentsBox:hover .contentsBoxLink { color:#584728; transition:0.3s; }
    .contentsBox:hover .contentsBoxLink::before{ border-top:2px solid #584728; border-right: 2px solid #584728; }
    .contentsBox:hover .contentsBoxLink::after { transform:scale(1, 1); }
}

/* 貸し出し */
.rentText { font: 18px / 1.8em source-han-sans-japanese, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif; font-weight:bold; }
.rentText strong { font-size:21px; font-weight:bold; }
.headingSP { display:block; }
.headingPC { display:none; }
.headingEng { display:block; margin:5px 0 0 0; color:#584728; font-size:12px; line-height:1.2; font-family:'futura-pt'; }
.bg_brown { background-image: url(../img/top/rent.svg); background-repeat:no-repeat; background-position: left 100% top 0px, center ; background-size:150px; }
.attentionSP { display:block; text-align:right; margin-right:7%; font-size:12px; }
.attentionPC { display: none; }
.rentBox { margin-top:-20px; }


@media screen and (min-width: 740px) {
    h2 .headingRent { font-size:9vw; margin: -1% 0 0 0; }
    .attentionPC { display: block; text-align:right; margin-right:5%; font-size:12px; }
    .attentionSP { display:none; }
    .bg_brown { background-position: left 65% top -15px, center; background-size:auto; }
}


@media screen and (min-width: 1080px) {
    .rentBox { display:flex;}
	.heading { padding: 0 ; margin-top: 70px; }
    .headingSP { padding: 0 10px 0; margin-top: 100px; display:none; }
    .headingPC { display:block;}
	h1 .headingWord { font-size:32px; }
	h2 .headingWord { font-size:50px; }
    h2 .headingRent { line-height:0.8; margin:0 auto; font-size:75px; }
    .rentText span { font-size:20px; }
    .rentText strong { font-size:24px; font-weight:bold; }
}


/* コンセプト */
.concept { position:relative; display:flex; flex-wrap:wrap; }
.conceptImage img:first-child { width:30%; margin-bottom:40px; }
.conceptImage img:nth-child(2) { width:60%;}
.conceptBox span { display:block; width:55%; border: 1px solid #584728;text-align:center; font-size:15px; color:#584728; margin: 20px 0; padding:8px; font: 15px / 1.8em source-han-sans-japanese, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif; }
.mapImage img:first-child { width:75%;}
.mapImage img:nth-child(2) { position:absolute; top:50px; left: 60%; width:40%; }
.outlineImage img:first-child { width:39%; position:absolute; top:50px; }
.outlineImage img:nth-child(2) { left:34%; width:66%;position:relative; }
.order1 { order:1; }
.order2 { order:2; }
.order6 { order:6; }
.order7 { order:7; }
.order7 p { margin-top:40px; }

@media screen and (min-width: 1080px) {
    .concept { display:flex;}
    .concept ul:first-child { width:40%; margin-top:20px; }
    .concept ul:nth-child(2) { width:60%; margin-top:-100px; }
    .order1{ order:2; }
    .order2{ order:1; }
    .order7 { order:6; }
    .order6 { order:7; }
    .order7 p { margin-top:0; }
    .outlineImage img:first-child { width:27%; position:relative; top:-14px; }
    .outlineImage img:nth-child(2) { left:0; width:63%;position:relative; }

}

/* フロアマップ */
.map { position:relative; display:flex; flex-wrap:wrap; }
.mapImage img:first-child { width:75%;}
.mapImage img:nth-child(2) { position:absolute; top:50px; left: 60%; width:40%; }
.mapImage { margin: 20px 0; }

@media screen and (min-width: 1080px) {
    .map { display:flex;}
    .map ul:first-child { width:60%; }
    .map ul:nth-child(2) { width: 40% }
    .mapImage img:first-child { position:relative; width:60%; }
    .mapImage img:nth-child(2) { position:relative; top:0; left: 0; width:25%; }
    .bg .investmentText { margin-top:25px;  margin-bottom:50px; }
}
    

/* 物件概要 */
@media screen and (min-width: 1080px) {
    .bg_white .heading { margin-top:40px; }
}
 


/* トップ */
.topLogo { display:none; }

@media screen and (min-width: 740px) {
    .topLogo { display: block; width: 40%; }
}