@charset "UTF-8";



/********** common変更 **********/

.all-wrap {
	overflow: visible;
}

header {
	height: 80px;
}

main {
	margin-top: 80px;
}


/********** ↑common変更 **********/





/********** ボタン **********/


.type_mbt-wrap {
	padding-top: 100px;
}

.type_mbt-wrap.second {
	padding-top: 100px;
}

.type_mbt-wrap ul {
	display: flex;
	justify-content: space-between;
}

.type_mbt-wrap ul li {
	width: 49%;
	border: 1px solid #2a4957;
}

.type_mbt-wrap ul li a {
	display: flex;
	justify-content: center;
	color: #2a4957;
	font-size: 2.0rem;
	padding: 10px 0;
	text-decoration: none;
	transition: all 0.2s ease;
}

.type_mbt-wrap ul li a:hover {
	color: #fff;
	background: #2a4957;
	text-decoration: none;
}

.type_mbt-wrap ul li.current a {
	color: #fff;
	background: #2a4957;
}

.type_mbt-wrap ul li a:hover {
	color: #fff;
	background: #2a4957;
	text-decoration: none;
}







.type_bt-wrap {
	padding-top: 80px;
}

.type_bt-wrap ul {
	display: flex;
	justify-content: center;
}

.type_bt-wrap ul li {
	width: 260px;
	border: 1px solid #43616f;
	margin: 0 10px;
}

.type_bt-wrap ul li a {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	background-image: url("../images/common/btmark_close.png");
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	color: #43616f;
	text-decoration: none;
	transition: all 0.2s ease;
}

.type_bt-wrap ul li:nth-child(2) a {
	background-image: url("../images/common/btmark_print.png");
}

.type_bt-wrap ul li a:hover {
	background-color: #d9dfe2;
	text-decoration: none;
}


/********** ↑ボタン **********/










.type-wrap {
	display: grid;
	grid-template-columns: 37% 55%;
	grid-template-rows: auto 1fr auto;
	justify-content: space-between;
	padding-top: 100px;
}

.type-wrap > li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.type-wrap > li:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 4;
}

.type-wrap > li:nth-child(3) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.type-wrap > li:nth-child(4) {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.type-wrap .copy {
	font-size: 1.45rem;
	letter-spacing: 0;
	line-height: 2.0;
	text-align: justify;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media only screen and (max-width: 1020px){
.type-wrap .copy br {
	display: none;
}
}



.type-wrap .attention {
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	background: linear-gradient(90deg, #d6cc9d, #9c8120);
	padding: 10px;
	margin-top: 60px;
}

.type-wrap .attention2 {
	color: #811c21;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.4;
	background: #f2e8e9;
	padding: 10px;
	margin-top: 60px;
}

.c_type-cap {
	font-size: 1.4rem;
	line-height: 1.4;
	border-bottom: 1px solid #999;
	padding-bottom: 60px;
}

.c_type-cap p {
	margin-top: 20px;
}





.plan_hanrei-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.1rem;
}

.plan_hanrei-wrap li {
	display: flex;
	margin-right: 20px;
}

.plan_hanrei-wrap li:nth-child(1) p:nth-child(1) {
	width: 34px;
	margin-right: 5px;
	margin-top: -7px;
}

.plan_hanrei-wrap li:nth-child(2) p:nth-child(1) {
	width: 34px;
	margin-right: 5px;
	margin-top: -7px;
}

.plan_hanrei-wrap li:nth-child(3) p:nth-child(1) {
	width: 29px;
	margin-right: 5px;
	margin-top: -2px;
}

.plan_hanrei-wrap li:nth-child(4) p:nth-child(1) {
	width: 29px;
	margin-right: 5px;
	margin-top: -2px;
}






/********** sticky **********/


.sticky-wrap{
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 100px;
}


.sticky-img {
	width: 50%;
	height: 100vh;
	display: flex;
	align-items: flex-start;
	position: sticky;
	position: -webkit-sticky;/*Safari用*/
	top:0;
}

.sticky-img p {
	display: block;
	visibility: hidden;
	position: absolute;
	top: 100px;
	transition: 1s;
	opacity: 0;
}

.sticky-img p:first-child,
.sticky-img p.active {
	visibility: visible;
	opacity: 1;
}


.sticky-cont {
	width: 45.2%;
}

.sticky-cont .scroll-box01 {
	padding-top: 100px;
}

.sticky-cont .scroll-box02,
.sticky-cont .scroll-box03,
.sticky-cont .scroll-box04,
.sticky-cont .scroll-box05 {
	padding-top: 300px;
}

.sticky-cont .scroll-box05 {
	padding-bottom: 400px;
}




/*** 共通 ***/

.scont h2 {
	font-size: 3.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.scont .madori_sp  {
	display: none;
}

.scont > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.scont dl {
	display: flex;
}

.scont dt {
	width: 26px;
	margin-right: 10px;
}

.scont dd {
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: justify;
	width: calc(100% - 26px);
	padding-top: 4px;
}

.scont dd .cap {
	padding-top: 10px;
}


.scont .mt-s {
	margin-top: 10px;
}

.scont .mt-l {
	margin-top: 30px;
}






/*** Entrance ***/

.scont.cont1 h2 {
	color: #515457;
	border-bottom: 1px solid #515457;
}

.scont.cont1 > ul > li {
	width: 100%;
}

.scont.cont1 > ul > li:nth-child(4),
.scont.cont1 > ul > li:nth-child(5) {
	width: 47%;
}

.entrance_03 {
	display: flex;
	justify-content: space-between;
}

.entrance_03 li {
	width: 47%;
}

/*** ↑Entrance ***/




/*** Sanitary ***/

.scont.cont2 h2  {
	color: #6c9bd2;
	border-bottom: 1px solid #6c9bd2;
}

.scont.cont2 > ul > li {
	width: 100%;
}


.scont.cont2 > ul > li:nth-child(2),
.scont.cont2 > ul > li:nth-child(3),
.scont.cont2 > ul > li:nth-child(4),
.scont.cont2 > ul > li:nth-child(5) {
	width: 47%;
}

/*** ↑Sanitary ***/





/*** Kitchen ***/

.scont.cont3 h2 {
	color: #fac03d;
	border-bottom: 1px solid #fac03d;
}

.scont.cont3 > ul > li {
	width: 100%;
}

.kitchen_04 {
	display: flex;
	justify-content: space-between;
}

.kitchen_04 li {
	width: 47%;
}

.kitchen_05 {
	display: flex;
	justify-content: space-between;
}

.kitchen_05 li:nth-child(1) {
	width: 55.53%;
}

.kitchen_05 li:nth-child(2) {
	width: 41.59%;
}

/*** ↑Kitchen ***/





/*** Living Dining ***/

.scont.cont4 h2 {
	color: #ef858c;
	border-bottom: 1px solid #ef858c;
}

.scont.cont4 > ul > li {
	width: 100%;
}

.living_02 {
	display: flex;
	justify-content: space-between;
}

.living_02 li {
	width: 47%;
}

.living_03 {
	display: flex;
	justify-content: space-between;
}

.living_03 li {
	width: 47%;
}

/*** ↑Living Dining ***/





/*** Rooms ***/

.scont.cont5 h2 {
	color: #61c1be;
	border-bottom: 1px solid #61c1be;
}

.scont.cont5 > ul > li {
	width: 100%;
}

.rooms_01 {
	display: flex;
	justify-content: space-between;
}

.rooms_01 li {
	width: 47%;
}


/*** ↑Rooms ***/



/********** ↑sticky **********/






/********** model **********/

.model_title {
	background-image: url("../images/type_c/modelroom_bg.jpg");
	background-size: cover;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	padding: 5px;
	position: relative;
	z-index: 5;
}


.model_photo-wrap {
	display: grid;
	grid-template-columns: 36% 24.6% 36%;
	grid-template-rows: auto auto;
	justify-content: space-between;
	padding-top: 15px;
	position: relative;
	z-index: 5;
}

.model_photo-wrap li:nth-child(1) {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.model_photo-wrap li:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.model_photo-wrap li:nth-child(3) {
	grid-column: 2 / 4;
	grid-row: 2 / 3;
}

.model_photo-wrap li:nth-child(4) {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}

.model_photo-wrap li {
	padding-top: 5px;
}


.model_copy-wrap p:nth-child(1) {
	font-family: 'EB Garamond', serif;
	color: #b4b4b5;
	font-size: 2.8rem;
	margin-top: -60px;
}

.model_copy-wrap p:nth-child(2) {
	width: 300px;
	height: 1px;
	background: linear-gradient(to right, rgba(180,180,180,1), rgba(180,180,180,0));
	margin-bottom: 20px;
}


/********** ↑model **********/











.type_cap-wrap p:nth-child(1) {
	padding-top: 200px;
}