@charset "UTF-8";

/* -----------------------------
plan一覧
----------------------------- */
#content_Wrap { position: relative; }

.lower_ttl{
	background: url(../img/main.jpg) no-repeat center center;
	background-size: cover;
/*	background-image: linear-gradient(90deg,#cad6d1,#c9d2d6);*/
}

.modelroom_Area {
padding: 80px 0 0;
}

.slide_box {
    margin: 0 auto;
    max-width: 1200px;
    width: 94%;
    display: none;
}
.slide_box.active {
    display: block;
}

.tab_list {
}
.tab_list ul {
display: flex;
justify-content: center;
width: 90%;
margin: 60px auto 60px;
gap: 20px 40px;
}
.tab_list li {
text-align: center;
width: 100%;
max-width: 320px;
padding: 1em 0;
background: #fff;
color: #375c68;
border: 1px solid #375c68;
cursor: pointer;
transition: 0.3s;
position: relative;
}
.tab_list li:hover {
color: #fff;
background: #375c68;
border: 1px solid #375c68;
}
.tab_list li.active {
color: #fff;
background: #375c68;
border: 1px solid #375c68;
}
.tab_list li::before {
	content: "";
	display: block;
	width: 30px;
	height: 10px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: #375c68;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	transition-duration: .25s;
}
.tab_list li:hover::before,
.tab_list li.active::before {
	bottom: -10px;
	opacity: 1;
}

.notes_Wrap .notes {
display: none;
}
.notes_Wrap .notes.active {
display: block;
}

/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {

}


/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

.tab_list ul {
/*flex-wrap: wrap;*/
margin: 40px auto 40px;
gap: 0 10px;
font-size: 15px;
}
.modelroom_Area {
padding: 40px 0 0;
}

}