@charset "utf-8";

/**************************
MV
**************************/
.mv{
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
	min-height: 33.333rem;
}
.mv_slider{
    width: 100%;
    height: 100%;
}
.mv_slider .slick-list,
.mv_slider .slick-track{
    width: 100%;
    height: 100%;
}
.mv_slider .mv_slider-item{
    width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    position: relative;
}
.mv_slider .mv_slider-item video {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.mv_slider .msi01{
	background-image: url("../images/fv_01.webp");
}
.mv_slider .msi02{
	background-image: url("../images/fv_piatto.webp");
}
.mv_slider .msi03{
	background-image: url("../images/fv_03.webp");
}
.mv_slider .msi04{
	background-image: url("../images/fv_04.webp");
}
.mv_slider .msi05{
	background-image: url("../images/fv_05.webp");
}
.mv_txtArea{
	position: absolute;
	color: #fff;
	width: 82.564%;
	top: calc(50% + -4.7rem);
	left: 50%;
	transform: translate(-50%,-50%);
}
.mv-37{
	position: absolute;
	color: #fff;
	width: 82.564%;
	top: calc(50% + 8.333rem);
	left: 50%;
	transform: translate(-50%,-50%);
}
.mv_btxt{
	letter-spacing: 0;
	font-size: 4rem;
	line-height: 1.2;
	margin-bottom: 0.566rem;
}
.mv_txt{
	font-size: 1.416rem;
	letter-spacing: 0.06em;
	margin-bottom: 0;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
}
@media screen and (min-width: 768px){
	.mv{
		height: 100vh;
	}
	.mv_btxt{
		font-size: 6rem;
	}
	.mv_txt{
		font-size: 2.116rem;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.mv-37{
		top: calc(50% + 11.666rem);
	}
}
@media screen and (max-width: 991px){
	.mv-37 img{
		max-width: 18rem;
	}
}
@media screen and (min-width: 992px){
	.mv_txtArea{
		top: unset;
		bottom: 20.53%;
		transform: translateX(-50%);
	}
	.mv-37{
		top: unset;
		bottom: 5%;
		transform: translateX(-50%);
	}
	.mv-37 img{
		width: 20.869%;
	}
	.mv_txt{
		position: absolute;
		left: 26.5rem;
		bottom: 2.2rem;
	}
}
@media screen and (min-width: 1200px){
	.mv_txtArea,.mv-37{
		width: 78.5%;
	}
}
@media screen and (min-width: 1400px){
	.mv_txtArea,.mv-37{
		width: 72.5%;
	}
	.mv_btxt{
		font-size: 6.9333rem;
		margin-bottom: 0;
	}
	.mv_txt{
		font-size: 2rem;
		left: 30.71rem;
	}
}
@media screen and (max-width: 767px){
	.mv_slider .msi01{
		background-image: url("../images/fv_sp_01.webp?2024");
	}
	.mv_slider .msi02{
		background-image: url("../images/fv_sp_piatto.webp?2024");
	}
	.mv_slider .msi03{
		background-image: url("../images/fv_sp_03.webp?2024");
	}
	.mv_slider .msi04{
		background-image: url("../images/fv_sp_04.webp?2024");
	}
	.mv_slider .msi05{
		background-image: url("../images/fv_sp_05.webp?2024");
	}
	.mv_txtArea,.mv-37{
		display: none;
	}
	.mv_slider .mv_slider-item.msi06 {
        position: relative;
		height: 100%;
        overflow: hidden;
    }
	.mv_slider .mv_slider-item.msi06 .overlay-image {
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/fv_sp_kurashi_cover.webp'); /* a.webpのパスに変更 */
        background-size: cover;
        background-repeat: no-repeat;
        pointer-events: none;
    }
}

/*********************
top_bk
*********************/
/* top_bk1 */
.top_bk1{
	position: relative;
}
.top_bk1::before{
	position: absolute;
	content: "";
	background-color: #edf7f9;
	width: 96.153%;
	height: calc(100% - 1.6rem);
	bottom: 0;
	left: 0;
	z-index: -1;
}
@media screen and (min-width: 768px){
	.top_bk1::before{
		width: 96%;
		height: calc(100% - 2.1rem);
	}
}
@media screen and (min-width: 992px){
	.top_bk1::before{
		width: 82%;
	}
}
@media screen and (min-width: 1200px){
	.top_bk1::before{
		width: 77.77%;
		height: calc(100% - 2rem);
	}
}
/* top_bk2 */
.top_bk2{
	position: relative;
}
.top_bk2::before{
	position: absolute;
	content: "";
	width: 100%;
	height: calc(100% - 1.6rem);
	background-color: #f9f9f9;
	bottom: 0;
	z-index: -1;
	left: 0;
}
@media screen and (min-width: 768px){
	.top_bk2::before{
		height: calc(100% - 2.1rem);
	}
}
@media screen and (min-width: 1200px){
	.top_bk2::before{
		height: calc(100% - 2rem);
	}
}

/*********************
富山県の注文住宅は自由設計のワイケイホーム
*********************/
.top_txt{
	width: 80%;
	margin: 1.733rem auto 1.6rem;
	color: #b4b4b4;
	letter-spacing: 0.06em;
	font-size: 1rem;
	line-height: 2;
	text-align: center;
}
@media screen and (min-width: 768px){
	.top_txt{
		margin: 2.233rem auto 2.1rem;
	}
}
@media screen and (min-width: 1200px){
	.top_txt{
		font-size: 0.866rem;
	}
}
/*********************
EVENT
*********************/
.top_event{
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6.66rem;
}
.event_block.top .event_item{
	margin-bottom: 0;
}
.top_event .vm{
	margin-top: 5rem;
}
@media screen and (min-width: 1200px){
	.top_event{
		width: 72.22%;
		padding-bottom: 8rem;
	}
}
@media screen and (max-width: 767px){
	.event_block.top{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.event_block.top .event_item:first-child{
		width: 100%;
		margin-bottom: 1.6rem;
	}
	.event_block.top .event_item:nth-child(2),
	.event_block.top .event_item:nth-child(3){
		width: calc((100% - 1.66rem)/2);
	}
	.event_block.top .event_item:nth-child(2) .event_cat,
	.event_block.top .event_item:nth-child(3) .event_cat{
		padding: 0.2rem 1.5rem;
	}
	.event_block.top .event_item:nth-child(2) .event_tit,
	.event_block.top .event_item:nth-child(3) .event_tit{
		font-size: 1rem
	}
}
/*********************
CONCEPT
*********************/
.top_concept{
	margin-top: 6.66rem;
	margin-bottom: 6.166rem;
}
.top_concept_img{
	width: 100%;
	height: 280px;
}
.top_concept_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.top_concept .top_bk1{
	margin-top: -1.6rem;
}
.top_concept .top_bk1::before{
	left: unset;
	right: 0;
	background-color: #f9f9f9;
}
.top_concept .top_bk1::after{
	position: absolute;
	content: "";
	width: 96.153%;
	height: calc(100% - 1.6rem);
	background-image: url("../images/bk_sp.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.top_concept_txtArea{
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 6.66rem;
}
.concept_copy_en{
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 0.66rem;
}
.concept_copy{
	font-size: 1.416rem;
	letter-spacing: 0.06em;
	margin-bottom: 1.766rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
}
.concept_txt{
	font-size: 1.0416rem;
	letter-spacing: 0.03em;
	margin-bottom: 1.866rem;
}
.top_concept .vm{
	margin-top: 3.134rem;
}
@media screen and (min-width: 768px){
	.top_concept_img{
		height: 450px;
	}
	.top_concept .top_bk1{
		margin-top: -2.1rem
	}
	.top_concept .top_bk1::after{		
		height: calc(100% - 2.1rem);
		background-image: url("../images/bk_pc.png");
	}
	.concept_copy_en{
		font-size: 4.8rem;
		margin-bottom: 2.166rem;
	}
	.concept_copy{
		font-size: 2rem;
		margin-bottom: 2.7rem;
	}
	.concept_txt{
		font-size: 1.133rem;
		margin-bottom: 2.1rem;
	}
}
@media screen and (min-width: 992px){
	.top_concept_img{
		height: 550px;
	}
	.top_concept .top_bk1::before,
	.top_concept .top_bk1::after{
		width: 92.77%;
	}
}
@media screen and (min-width: 1200px){
	.top_concept{
		margin-bottom: 9.8rem;
	}
	.top_concept_img{
		height: 650px;
	}
	.top_concept .top_bk1{
		margin-top: -2rem;
	}
	.top_concept .top_bk1::after{
		height: calc(100% - 2rem);
	}
	.top_concept_txtArea{
		padding-bottom: 10.66rem;
	}
	.top_concept .vm{
		margin-top: 4.9rem;
	}
}
@media screen and (min-width: 1400px){
	.top_concept_img{
		height: 700px;
	}
}
@media screen and (min-width: 1600px){
	.top_concept_img{
		height: 840px;
	}
}
/*********************
GALLERY
*********************/
.top_gallery{
	margin-bottom: 6.166rem;
}
.top_gallery_slider{
	margin-bottom: 0;
}
@media screen and (min-width: 1200px){
	.top_gallery{
		margin-bottom: 8.4rem;
	}
}
/*********************
LINE UP
*********************/
.top_lineup{
	margin-bottom: 6.083rem;
}
.top_lineup_inner{
	width: 92.307%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6.416rem;
}
.lineup_border{
	position: relative;
	width: 100%;
	height: 2.5rem;
	margin-bottom: 1.9rem;
}
.lineup_border::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.lineup_copy{
	font-size: 1.416rem;
	letter-spacing: 0.06em;
	text-align: center;
	margin-bottom: 1.35rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
}
.lineup_sub{
	font-size: 1.0416rem;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: 3.033rem;
}
.lineup_block{
	margin-bottom: 0;
}
.lineup_block li{
	list-style: none;
	margin-bottom: 2.766rem;
}
.lineup_block li:last-child{
	margin-bottom: 0;
}
.lineup_img{
	margin-bottom: 1.1rem;
}
.lineup_img img{
	max-width: 100%;
	height: auto;
}
.lineup_txtArea{
	padding-left: 1.66rem;
}
.lineup_tit_en{
	font-size: 1.833rem;
	letter-spacing: 0.02em;
	line-height: 1;
	border-bottom: 1px solid rgba(167,167,167,0.25);
	padding-bottom: 1.5rem;
	margin-bottom: 1.3rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
}
.lineup_tit_en-small{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.333rem;
}
.lineup_tit{
	font-size: 1.166rem;
	letter-spacing: 0.06em;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 1.166rem;
}
.lineup_txt{
	font-size: 1.0416rem;
	letter-spacing: 0.03em;
	line-height: 1.7;
	margin-bottom: 0;
	color: #4f4f4f;
}
.top_lineup .vm{
	margin-top: 2.133rem;
}
@media screen and (max-width: 767px){
	.lineup_tit_en{
		font-size: 1.666666666666667rem;
	}
	.lineup_tit_en-small{
		font-size: 1rem;
	}
}
@media screen and (min-width: 768px){
	.top_lineup_inner{
		width: 82%;
	}
	.top_lineup_inner .c-title1{
		margin-bottom: 2.433rem;
	}
	.lineup_border{
		height: 3.2rem;
		margin-bottom: 1.733rem;
	}
	.lineup_copy{
		font-size: 2rem;
	}
	.lineup_tit_en{
		font-size: 2.266rem;
	}
	.lineup_tit{
		font-size: 1.2rem;
	}
	.lineup_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.lineup_block li{
		width: calc((100% - 2.66rem)/2);
		margin-bottom: 4rem;
	}
	.lineup_block li:nth-child(3){
		margin-bottom: 0;
	}
	.lineup_img{
		margin-bottom: 1.3rem;
	}
}
@media screen and (max-width: 1199px){
	.lineup-vm{
		padding-top: 1rem;
	}
}
@media screen and (min-width: 1200px){
	.top_lineup_inner{
		width: 72.22%;
		padding-bottom: 11rem;
	}
	.lineup_copy{
		margin-bottom: 1.766rem;
	}
	.lineup_sub{
		margin-bottom: 6.366rem;
	}
	.lineup_block li{
		margin-bottom: 5.933rem;
	}
	.lineup_img{
		margin-bottom: 2.033rem;
	}
	.lineup_tit_en{
		padding-bottom: 2.33rem;
		margin-bottom: 2.15rem;
	}
	.lineup_tit{
		margin-bottom: 1.4rem;
	}
	.top_lineup .vm{
		margin-top: 2.66rem;
	}
	.lineup-vm{
		padding-top: 3rem;
	}
}
@media screen and (min-width:1200px) and (max-width:1599px){
	.lineup_tit_en{
		font-size: 1.6rem;
	}
}
/*********************
MODEL HOUSE
*********************/
.top_model{
	margin-bottom: 6.1rem;
}
.top_model .c-title1{
	margin-bottom: 1.716rem;
}
.model_txt{
	text-align: center;
	font-size: 1.0416rem;
	letter-spacing: 0.03em;
	margin-bottom: 2.266rem;
}
.top_model_inner{
	position: relative;
}
.model_block{
	width: 100%;
	margin-bottom: 0;
	padding-top: 5.2rem;
}
.model_item{
	margin-left: 0.833rem;
	position: relative;
	padding-top: 1.3rem;
}
.model_item a{
	text-decoration: none;
}
.model_img{
	padding-right: 0.833rem;
}
.top_model .vm{
	margin-top: 4.6rem;
}
@media screen and (min-width: 768px){
	.model_item{
		padding-top: 1.5rem;
	}
}
@media screen and (min-width: 992px){
	.model_txt{
		margin-bottom: -3.5rem;
	}
	.model_block{
		padding-top: 9.566rem;
	}
}
@media screen and (min-width: 1200px){
	.top_model{
		margin-bottom: 8.533rem;
	}
	.model_txt{
		margin-bottom: -3.1rem;
	}
	.top_model .vm{
		margin-top: 6.466rem;
	}
}
/* arrow */
.model_block .slick-prev,.model_block .slick-next{
	width: 46px;
	height: 46px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.5);
	display: block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.model_block .slick-prev {
  left: calc((50% - 23px) - 10px);
}
.model_block .slick-next {
  left: calc((50% + 23px) + 10px);
}
@media screen and (min-width: 768px){
	.model_block .slick-prev {
		left: calc((50% - 23px) - 10px);
	}
	.model_block .slick-next {
		left: calc((50% + 23px) + 10px);
	}	
}
@media screen and (min-width: 992px){
	.model_block .slick-prev {
		left: calc(9% + 23px);
	}
	.model_block .slick-next {
		left: calc(9% + (46px + 23px) + 20px);
	}	
}
@media screen and (min-width: 1400px){
	.model_block .slick-prev {
		left: calc(13.89% + 23px);
	}
	.model_block .slick-next {
		left: calc(13.89% + (46px + 23px) + 20px);
	}	
}
.model_block .slick-prev::before,.model_block .slick-next::before{
	content: "";
	position: absolute;
	background-image: url("../images/slick_arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 8px;
	height: 10px;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.model_block .slick-next::before{
	transform: translate(-50%,-50%) rotate(180deg);
}

/*********************
REAL ESTATE
*********************/
.estate{
	margin-bottom: 6.166rem;
}
.top_bk1.estate::before{
	background-color: #f9f9f9;
}
.top_bk1.estate::after{
	position: absolute;
	content: "";
	width: 96.153%;
	height: calc(100% - 1.6rem);
	background-image: url("../images/bk_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.top_estate{
	padding-bottom: 6.66rem;
}
.top_estate .vm{
	margin-top: 5rem;
}
@media screen and (min-width: 768px){
	.top_bk1.estate::after{
		width: 96%;
		height: calc(100% - 2.1rem);
		background-image: url("../images/bk_pc.png");
	}
}
@media screen and (min-width: 992px){
	.top_bk1.estate::before, .top_bk1.estate::after{
		width: 96%;
	}
}
@media screen and (min-width: 1200px){
	.estate{
		margin-bottom: 9.866rem;
	}
	.top_bk1.estate::before, .top_bk1.estate::after{
		width: 92.77%;
	}
	.top_bk1.estate::after{
		height: calc(100% - 2rem);
	}
	.top_estate{
		padding-bottom: 8rem;
	}
	.top_estate .vm {
		margin-top: 4.233rem;
	}
}
/* estate_block */
.estate_block_outer{
	width: 82%;
	margin-right: auto;
	margin-left: auto;
}
.estate_block.top .estate_item{
	margin-bottom: 0;
}
@media screen and (min-width: 1200px){
	.estate_block_outer{
		width: 72.22%;
	}
}
@media screen and (max-width: 767px){
	.estate_block_outer{
		position: relative;
		padding-left: 8.974%;
		width: 100%;
		margin: 0;
	}
	.estate_block.top .slick-list{
		padding: 0 11.025% 0 0 !important;
	}	
	.estate_block.top .estate_item{
		margin-right: 1rem;
	}	
}

/*********************
NEWS
*********************/
.top_news{
	width: 92.307%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 11.666rem;
}
.top_news .vm{
	margin-top: 6.66rem;
}
@media screen and (min-width: 768px){
	.top_news{
		width: 82%;
	}
}
@media screen and (min-width: 1200px){
	.top_news{
		width: 72.22%;
		max-width: 1000px;
		margin-bottom: 10.466rem;
	}
	.top_news .vm{
		margin-top: 6.266rem;
	}
}