@charset "utf-8";

img{
	max-width: 100%;
	height: auto;
}

/*******************************
/* EVENT
*******************************/
#top_event{
	margin-top: 5.77rem;
}
#top_event .c-title1 .f-eng{
	font-size: 2.5rem;
}
#top_event .event_item{
	padding: 0 12px;
}
#top_event .vm{
	margin-top: 2.657rem;
}
@media screen and (min-width: 768px){
	#top_event{
		margin-top: 7.57rem;
	}
	#top_event .c-title1 .f-eng{
		font-size: 3.71rem;
	}
	#top_event .vm{
		margin-top: 3.5rem;
	}
}
@media screen and (min-width: 992px){
	#top_event{
		margin-top: 9.57rem;
	}
	#top_event .event_item{
		padding: 0 20px;
	}
	#top_event .vm{
		margin-top: 4.55rem;
	}
}
@media screen and (min-width: 1200px){
	#top_event .c-title1 .f-eng{
		font-size: 4.375rem;
	}
	#top_event .event_item{
		padding: 0 25px;
	}
}
@media screen and (min-width: 1400px){
	#top_event{
		margin-top: 10.025rem;
	}
	#top_event .vm{
		margin-top: 4.8rem;
	}
}

/*******************************
/* WORKS
*******************************/
#top_works {
	width: 100%;
	margin-top: 6.12rem;
}
.top_works_tit{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.top_works_tit .c-title1{
	text-align: center;
}
.top_works_tit .vm{
	display: none;
}
#top_works .works_block{
	width: calc(90% + 24px);
	margin-right: auto;
	margin-left: auto;
}
.works_block.slick-dotted.slick-slider{
	margin-bottom: 0;
	padding-bottom: 2.14rem;
}
.works_block .slick-dots{
	flex-direction: row;
    top: unset;
    right: unset;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.works_block .slick-dots li{
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
}
.works_block .slick-dots li:last-child{
	margin-right: 0;
}
.works_block .slick-dots li button{
	width: 5px;
	height: 5px;
	padding: 0;
}
.works_block .slick-dots li button::before{
	font-size: 0;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	background-color: #b3b3b3;
}
.works_block .slick-dots li.slick-active button::before{
	background-color: #f2c957;
	opacity: 1;
	border: none;
}
#top_works .works_item{
	padding: 0 12px;
}
#top_works .vm{
	margin-top: 2.85rem;
}
@media screen and (min-width: 768px){
	#top_works{
		margin-top: 8.07rem;
	}
	.top_works_tit{
		width: 91.66%;
		max-width: 1520px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 3.328rem;
	}
	.top_works_tit .c-title1{
		text-align: left;
		margin-bottom: 0;
	}
	.top_works_tit .vm{
		display: inline-flex;
		margin-top: 0 !important;
	}
	#top_works .works_block{
		width: calc(91.66% + 24px);
		max-width: calc(1520px + 24px);
	}
	#top_works .works_item{
		padding: 0 12px;
	}
}
@media screen and (min-width: 992px){
	#top_works{
		margin-top: 10.11rem;
	}
	.top_works_tit{
		margin-bottom: 4.157rem;
	}
}
@media screen and (min-width: 1200px){ 
	.top_works_tit{
		margin-bottom: 4.375rem;
	}
	#top_works .works_block{
		width: calc(91.66% + 50px);
		max-width: calc(1520px + 50px);
	}
	#top_works .works_item{
		padding: 0 25px;
	}
	.works_block.slick-dotted.slick-slider{
		padding-bottom: 3.75rem;
	}
	.works_block .slick-dots li{
		width: 10px;
		height: 10px;
		margin-right: 20px;
	}
	.works_block .slick-dots li:last-child{
		margin-right: 0;
	}
}
@media screen and (min-width: 1400px){
	#top_works{
		margin-top: 10.65rem;
	}
}

/*******************************
/* CONCEPT
*******************************/
#top_concept{
	margin-top: 7.14rem;
}
#top_concept .vm{
	margin-top: 1.97rem;
}
@media screen and (min-width: 768px){
	#top_concept{
		margin-top: 9.52rem;
	}
	#top_concept .vm{
		margin-top: 2.82rem;
	}
}
@media screen and (min-width: 992px){
	#top_concept{
		margin-top: 11.9rem;
	}
	#top_concept .vm{
		margin-top: 3.68rem;
	}
}
@media screen and (min-width: 1200px){
	#top_concept .vm{
		margin-top: 3.9rem;
	}
}
@media screen and (min-width: 1400px){
	#top_concept{
		margin-top: 12.5rem;
	}
}

/*******************************
/* ABOUT US
*******************************/
#top_about{
	margin-top: 6.128rem;
}
@media screen and (min-width: 768px){
	#top_about{
		margin-top: 8.07rem;
	}
}
@media screen and (min-width: 992px){
	#top_about{
		margin-top: 10.21rem;
	}
}
@media screen and (min-width: 1400px){
	#top_about{
		margin-top: 10.65rem;
	}
}

/*******************************
/* LINE UP
*******************************/
#top_lineup{
	margin-top: 5.9875rem;
}
.lu_block + .lu_block, .lu_item + .lu_item{
	margin-top: 4.285rem;
}
.lu_imgArea{
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 338 / 235;
	margin-bottom: 2.157rem;
}
.lu_imgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lu_titbox{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 11px 23px 0 0;
	display: flex;
	align-items: flex-end
}
.lu_titbox::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
}
.lu_logo{
	display: flex;
	align-items: flex-end;
	position: relative;
	font-size: 0.714rem;
	letter-spacing: 0;
    line-height: 1;
}
.lu_logo img{
	margin-right: 5px;
}
.lu_logo .linoa{
	width: 88px;
}
.lu_logo .noie{
	width: 56px;
}
.lu_logo .carina{
	width: 120px;
}
.lu_logo .liniere{
	width: 111px;
}
.lu_cat{
	position: relative;
	letter-spacing: 0.045em;
	font-size: 0.785rem;
	background-color: #fff;
	color: #808080;
	border: 1px solid #b3b3b3;
	display: inline-block;
	padding: 0.02rem 0.84rem;
	margin-left: 10px;
}
.lu_copy{
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.045em;
	line-height: 1.7;
	margin-bottom: 1.0428rem;
}
.lu_txt .txt_block{
	font-size: 1rem;
	line-height: 2;
	letter-spacing: 0.045em;
}
#top_lineup .vm{
	margin-top: 2rem;
}
.lu_block.flex .lu_item .lu_copy{
	font-size: 1.285rem;
}
/* noie_slider */
.noie_slider, .noie_slider.slick-slider .slick-track, .noie_slider.slick-slider .slick-list{
	height: 100%;
}
@media screen and (min-width: 768px){
	#top_lineup{
		margin-top: 9.021rem;
	}
	.lu_block + .lu_block{
		margin-top: 5.714rem;
	}
	.lu_imgArea{
		margin-bottom: 2.828rem;
	}
	.lu_imgArea.linoa{
		aspect-ratio: 38 / 15;
	}
	.lu_imgArea.noie{
		aspect-ratio: 304 / 129;
	}
	.lu_imgArea.casa{
		aspect-ratio: 36 / 25;
	}
	.lu_titbox{
		display: flex;
		align-items: flex-end;
	}
	.lu_logo{
		flex-direction: row;
		align-items: flex-end;
	}
	.lu_txtArea{
		display: flex;
		justify-content: space-between;
	}
	.lu_txt{
		width: 53.868%;
	}
	.lu_block.flex{
		display: flex;
		justify-content: space-between;
	}
	.lu_block.flex .lu_item{
		width: calc((100% - 30px)/2);
		margin-top: 0;
	}
	.lu_block.flex .lu_item .lu_txtArea{
		display: block;
	}
	.lu_block.flex .lu_item .lu_txt{
		width: 100%;
	}
	/* noie_slider */
	.noie_slider.slick-slider .slick-list{
		padding: 0 10.52%;
	}
}
@media screen and (min-width: 992px){
	#top_lineup{
		margin-top: 11.3rem;
	}
	.lu_block + .lu_block{
		margin-top: 7.1428rem;
	}
	.lu_imgArea{
		margin-bottom: 3.557rem;
	}
	.lu_logo .linoa{
		width: 118px;
	}
	.lu_logo .noie{
		width: 78px;
	}
	.lu_logo .carina{
		width: 161px;
	}
	.lu_logo .liniere{
		width: 148px;
	}
	.lu_txt{
		width: 59.868%;
	}
	.lu_block.flex .lu_item{
		width: calc((100% - 44px)/2);
	}
}
@media screen and (min-width: 1200px){
	.lu_titbox{
		padding: 17px 28px 0 0; 
	}
	.lu_logo img{
		margin-right: 12px;
	}
	.lu_logo .linoa{
		width: 130px;
	}
	.lu_logo .noie{
		width: 87px;
	}
	.lu_logo .carina{
		width: 178.5px;
	}
	.lu_logo .liniere{
		width: 164px;
	}
	.lu_cat{
		font-size: 0.722rem;
		padding: 0.12rem 1.44rem;
		margin-left: 17px;
	}
	.lu_txt{
		width: 56.868%;
	}
	.lu_copy{
		font-size: 1.786rem;
	}
}
@media screen and (min-width: 1400px){
	#top_lineup{
		margin-top: 11.9rem;
	}
	.lu_block + .lu_block{
		margin-top: 7.5rem;
	}
	.lu_imgArea{
		margin-bottom: 3.775rem;
	}
	.lu_titbox{
		padding: 24px 37px 0 0; 
	}
	.lu_logo img{
		margin-right: 15px;
	}
	.lu_logo .linoa{
		width: 181px;
	}
	.lu_logo .noie{
		width: 120px;
	}
	.lu_logo .carina{
		width: 247px;
	}
	.lu_logo .liniere{
		width: 227px;
	}
	.lu_cat{
		font-size: 1rem;
		margin-left: 23px;
	}
	.lu_txt{
		width: 53.868%;
	}
	.lu_copy{
		font-size: 2.1875rem;
	}	
	.lu_block.flex .lu_item{
		width: calc((100% - 58px)/2);
	}
	.lu_block.flex .lu_item .lu_copy{
		font-size: 1.875rem;
	}
	#top_lineup .vm{
		margin-top: 2.725rem;
	}
}
@media screen and (min-width: 1600px){
	.lu_txt{
		width: 59.868%;
	}
}

/*******************************
/* MODEL HOUSE / RENOVATION
*******************************/
#top_model_reno{
	margin-top: 7.1428rem;
}
.mr_block{
	margin-bottom: 0;
}
.mr_block li{
	list-style: none;
}
.mr_block li + li{
	margin-top: 7.1428rem;
}
.mr_img{
	margin-bottom: 2.557rem;
}
#top_model_reno .c-title1{
	margin-bottom: 1.44rem;
}
#top_model_reno .vm{
	margin-top: 1.642rem;
}
@media screen and (min-width: 768px){
	#top_model_reno{
		margin-top: 9.521rem;
	}
	.mr_block li + li{
		margin-top: 9.521rem;
	}
	.mr_img{
		margin-bottom: 3.07rem;
	}
	#top_model_reno .c-title1{
		margin-bottom: 2.057rem;
	}
	#top_model_reno .vm{
		margin-top: 2.257rem;
	}
}
@media screen and (min-width: 992px){
	#top_model_reno{
		margin-top: 11.9rem;
	}
	.mr_block li{
		display: flex;
		justify-content: space-between;
	}
	.mr_block li:first-child{
		flex-direction: row-reverse;
	}
	.mr_block li + li{
		margin-top: 11.9rem;
	}
	.mr_img{
		width: 51.842%;
		margin-bottom: 0;
	}
	.mr_txtArea{
		width: 42.434%;
		align-self: center;
	}
	#top_model_reno .c-title1{
		margin-bottom: 2.871rem;
	}
	#top_model_reno .vm{
		margin-top: 3.071rem;
	}
}
@media screen and (min-width: 1200px){
	.mr_img{
		width: 44.842%;
	}
	.mr_txtArea{
		width: 49.434%;
	}
	#top_model_reno .c-title1{
		margin-bottom: 2.95rem;
	}
	#top_model_reno .vm{
		margin-top: 3.25rem;
	}
}
@media screen and (min-width: 1400px){
	#top_model_reno{
		margin-top: 12.5rem;
	}
	.mr_block li + li{
		margin-top: 12.5rem;
	}
	.mr_img{
		width: 58.842%;
	}
	.mr_txtArea{
		width: 35.434%;
	}
}
@media screen and (min-width: 1600px){
	.mr_img{
		width: 61.842%;
	}
	.mr_txtArea{
		width: 32.434%;
	}
}

/*******************************
/* COMPANY
*******************************/
#top_company{
	margin-top: 6.785rem;
}
@media screen and (min-width: 768px){
	#top_company{
		margin-top: 9.042rem;
	}
}
@media screen and (min-width: 992px){
	#top_company{
		margin-top: 11.3rem;
	}
}
@media screen and (min-width: 1400px){
	#top_company{
		margin-top: 11.875rem;
	}
}

/*******************************
/* INFO
*******************************/
#top_info{
	margin-top: 6.942rem;
}
.info_left_nav .c-title1{
	text-align: center;
}
#nav-info{
	display: flex;
	justify-content: center;
	margin-bottom: 2.14rem;
}
#nav-info li{
	list-style: none;
	cursor: pointer;
	color: #b3b3b3;
	font-size: 1.07rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.75;
	padding-bottom: 10px;
	position: relative;
}
#nav-info li:not(:last-child){
	margin-right: 25px;
}
#nav-info li.active{
	color: #333;	
}
#nav-info li.active::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #e0ab21;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.post{
	display: none;
}
.post.active{
	display: block;
}
#top_info .vm{
	margin-top: 2.785rem;
}
@media screen and (min-width: 768px){
	#top_info{
		margin-top: 9.021rem;
	}
	#top_info .vm{
		margin-top: 3.714rem;
	}
}
@media screen and (min-width: 992px){
	#top_info{
		display: flex;
		justify-content: space-between;
		margin-top: 11.9rem;
	}
	.info_left{
		width: 16.44%;
	}
	.info_left_nav .c-title1{
		text-align: left;
	}
	#nav-info{
		display: inline-flex;
		flex-direction: column;
		justify-content: flex-start;
		margin-bottom: 0;
	}
	#nav-info li{
		padding-left: 20px;
		padding-bottom: 0;
	}
	#nav-info li:not(:last-child){
		margin-right: 0;
		margin-bottom: 1.042rem;
	}
	#nav-info li.active::after{
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	#top_info .vm{
		margin-top: 3.214rem;
	}
	.post{
		width: 71.71%;
	}
}
@media screen and (min-width: 1200px){
	.info_left_nav .c-title1{
		margin-bottom: 3.675rem;
	}
	#nav-info li{
		font-size: 1.0625rem;
	}
	#nav-info li:not(:last-child){
		margin-bottom: 1.0875rem;
	}
	#top_info .vm{
		margin-top: 4.275rem;
	}
}
@media screen and (min-width: 1400px){
	#top_info{
		margin-top: 12.5rem;
	}
}

/*******************************
/* Instagram
*******************************/
#top_insta{
	margin-top: 6.842rem;
}
.top_sns{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2.6rem;
}
.top_sns .tit{
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-right: 27px;
	margin-bottom: 0;
}
.top_sns ul{
	margin-bottom: 0;
	display: flex;
	justify-content: center;
}
.top_sns ul li{
	list-style: none;
	margin-right: 20px;
}
.top_sns ul li a{
	display: block;
	width: auto;
	height: 20px;
	transition: .3s;
}
.top_sns ul li a:hover{
	opacity: 0.8;
}
.top_sns ul li a img{
	width: 100%;
	height: 100%;
	display: block;
}
@media screen and (min-width: 768px){
	#top_insta{
		margin-top: 9.021rem;
	}
	.top_sns{
		margin-top: 3.5rem;
	}
}
@media screen and (min-width: 992px){
	#top_insta{
		margin-top: 11.4rem;
	}
	.top_sns{
		margin-top: 4.457rem;
	}
}
@media screen and (min-width: 1200px){
	.top_sns .tit{
		font-size: 0.875rem;
		margin-right: 35px;
	}
}
@media screen and (min-width: 1400px){
	#top_insta{
		margin-top: 11.6rem;
	}
	.top_sns{
		margin-top: 4.7rem;
	}
}