@charset "utf-8";
/* CSS Document */

/*
 * テンプレートのPC用 CSS
 */

:root {
	--contentsPaddingBottom: 0px;
	--PC_common_width: 1200px;
}


/* ヘッダー */
#HEADRCONTENTS .title {
	left: auto;
}

#HEADRCONTENTS {
    height: 137px;
    background: url(../images/hd_bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#HDBTN {
    width: auto;
	top: 1.4vh;
}

/* サブページティザータイトル */
.pageClassSubpage #sub_TH_ImgTitle {
	/*background-image: url(../images/sub_title_bg_pc.jpg);*/
}


#TH_txt {
    top: 40% !important;
    left: 45% !important;
    font-size: clamp(1rem, 0.254rem + 4.26vw, 2rem) !important;
}


/* コンテンツ部 */
body:not(.pageClassHome) #CONTENTS .PC_common_width {
	--PC_common_width: 1200px;
}


/* PC ではセンターとなるタイトル */
section .titleStd.title_pc_center {
	display: flex;
	justify-content: center;
}
section .titleStd.title_pc_center .subTxt {
	font-size: 1em;
}
section .titleStd.title_pc_center .subTxt::before {
	content: '/';
	display: inline-block;
	margin: 0 0.5em;
}


/* フッター */
#FOOTER {
	padding-bottom: 30px;
	font-size: 0.9em;
}

#FOOTSITEMAP {
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

#FOOTSITEMAP .foot:before {
    content: "|";
    margin: 0 2em 0 1.7em;
}

#FOOTER .footLogo img {
	width: 240px;
	height: auto;
}
.footCopyright {
	text-align: center;
}


#backtopPosiBox {
	bottom: 70px;
}




/* トップページ */
.STORY::before {
	background-image: url("../images/bg1.jpg");
}

.PHOTO_GALLERY::before {
	background-image: url("../images/bg2.webp");
	background-size: cover;
}

.PLAN::before {
	background-image: url("../images/bg2.webp");
	background-size: cover;
}


.STORY .content,
.PLAN .content {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
	max-width: 100%;
}

.PHOTO_GALLERY .content {
	display: grid;
	width: 100%;
	gap: 50px;
	align-items: center;
	max-width: 100%;
}


.STORY .title,
.PHOTO_GALLERY .title,
.PLAN .title {
	margin: 0;
}
.STORY .content .txtBox,
.PHOTO_GALLERY .content .txtBox,
.PLAN .content .txtBox {
	line-height: 1.7;
}

.STORY .bnrBox,
.PHOTO_GALLERY .bnrBox {
	--bnrPadding: 20px;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 100px;
}

.PLAN .bnrBox {
	width: 100%;
	--bnrPadding: 20px;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 100px;
}


.STORY .bnrImg,
.PHOTO_GALLERY .bnrImg,
.PLAN .bnrImg {
	height: 200px;
}



.kome_midashi {
    width: 530px;
}


#GALLERY_SLIDE .swiper {
	max-width: 100%;
	margin: auto!important;
}
#GALLERY_SLIDE .swiper-slide {
	height: 30vh;
	grid-template-rows: 75% auto;
}


/*記事モジュール（左テキスト　右画像）*/
.box:nth-child(odd){
    display: flex;
    flex-direction: row-reverse; /*左右入れ替え*/
	gap: 50px;
	margin-bottom: 5em;
}
            
@media(max-width : 750px ){
	.box:nth-child(odd){
	display: block;
	}
}
            
.box:nth-child(even){
    display: flex;
	gap: 50px;
	margin-bottom: 5em;
}

@media(max-width : 750px ){
.box:nth-child(even){
     display: block;
	}
}

/*記事モジュール（左画像　右テキスト）*/
.box2:nth-child(even){
    display: flex;
    flex-direction: row-reverse; /*左右入れ替え*/
	gap: 50px;
	margin-bottom: 5em;
}
            
@media(max-width : 750px ){
	.box2:nth-child(even){
	display: block;
	}
}
            
.box2:nth-child(odd){
    display: flex;
	gap: 50px;
	margin-bottom: 5em;
}

@media(max-width : 750px ){
.box2:nth-child(odd){
     display: block;
	}
}

.box_text {
    width: 670px;
}

.box_map {
    width: 480px;
}





#TOPNEWS .newsListBox {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}


/* ギャラリーページ */
.pageClassGallery #GALLERY_TILE {
	max-width: 1000px;
	padding-bottom: 200px;
}


/* NEWSページ */
#NEWS .newsItem {
	min-height: 200px;
	grid-template-columns: 2fr 1fr;
}
#NEWS .newsItem .imgBox {
	height: 100%;
	padding: 0;
	display: grid;
	align-items: center;
	justify-content: center;
}
#NEWS .imgBox img {
	width: 230px;
	height: 140px;
	/*border-radius: 3px;*/
}



/* NEWS詳細ページ */
#NEWSDETAIL .PC_common_width {
	--PC_common_width: 900px;
}
#NEWSDETAIL .title {
	display: grid;
	justify-content: center;
	font-size: 1.5em;
}
#NEWSDETAIL .date {
	text-align: center;
}
#NEWSDETAIL .titleStd .subTxt::before {
	content: none;
}
#NEWSDETAIL .newsContent {
	padding: 40px 40px 35px;
	gap: 25px;
}



/* PRIVACY ページ */
#PRIVACY .content {
	max-width: 1000px;
}



/* 売買物件情報 ページ */
.propertyInfoBox {
	grid-template-columns: repeat(3, 1fr);
}



/* BUSINESS ページ */
#BUSINESS .businessItem .layoutBox {
	gap: 50px;
}



/* WORKS ページ */
#BUSINESS .planItem .layoutBox {
	gap: 50px;
}
#Plan .planItem {
	padding: 30px;
}


.pen-midashi {
	font-size: 2em;
}

.point-midashi {
    padding-top: 0;
    font-size: 1.5em;
}



/* GALLERYページ */
.gallery-lists {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* 5列 */
}

.gallery-list img {
	height: 25vh;
}