@charset "UTF-8";



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

header {
	height: 80px;
}

main {
	margin-top: 80px;
}


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




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

.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 / 3;
}

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

.type_copy-wrap {
	padding-top: 60px;
}

.type_copy-wrap p {
	font-size: 1.7rem;
	letter-spacing: 0.03rem;
	line-height: 1.5;
	text-align: center;
	background: #e0eef8;
	padding: 10px;
	margin-top: 5px;
}
*/


.type-wrap .attention {
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.4;
	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;
}

.type-wrap .attention3 {
	color: #911d3b;
	font-size: 3.5rem;
	text-align: center;
	line-height: 1.4;
	margin-top: 60px;
	margin-bottom: -40px;
}

.type-wrap .attention3 .l {
	font-size: 2.0em;
}

.type-wrap .attention3 .s {
	font-size: 0.8em;
	margin: 0 -0.4em;
}

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

.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;
}


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


.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_print.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_close.png");
}

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







/********** 個別 **********/

.d_type-cap {
	font-size: 1.4rem;
	line-height: 1.4;
}

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

.f_type-cap {
	font-size: 1.4rem;
	line-height: 1.4;
}

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



/********** ↑個別 **********/






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

.model-wrap {
	padding-top: 100px;
	padding-bottom: 100px;
}

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


/** f_type **/

.f_type-mr-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;
}

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

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

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

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

.f_type-mr-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;
}


/** b_type **/

.b_type-mr-wrap {
	padding-top: 20px;
}

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

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


/** d_type **/

.d_type-mr-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.d_type-mr-wrap li:nth-child(1) {
	width: 100%;
}

.d_type-mr-wrap li:nth-child(2) {
	width: 49%;
	margin-top: 10px;
}

.d_type-mr-wrap li:nth-child(3) {
	width: 49%;
	margin-top: 10px;
}


.model_copy-wrap.d_type p:nth-child(1) {
	margin-top: 60px;
}


.model_copy-wrap.d_type p:nth-child(1) {
	text-align: center;
}

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




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













@media only screen and (max-width: 767px){
	
	

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

header {
	height: 80px;
}
	
main {
	margin-top: 80px;
}

footer {
	padding-top: 40px;
}

nav.footer-bt-wrap {
	padding-top: 0;
}

	
	
/********** ↑common変更 **********/
	
	
	
	
	
.type-wrap {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	justify-content: space-between;
	padding-top: 20px;
}
	

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

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

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

.type_copy-wrap {
	padding-top: 20px;
}

.type_copy-wrap p {
	font-size: 1.4rem;
	padding: 8px;
	margin-top: 5px;
}
*/


.type-wrap .attention {
	font-size: 1.7rem;
	margin-top: 20px;
}

.type-wrap .attention2 {
	font-size: 2.6rem;
	margin-top: 20px;
}

.type-wrap .attention3 {
	font-size: 2.6rem;
	margin-top: 20px;
	margin-bottom: -20px;
}
	
	
	
.plan_hanrei-wrap {
	font-size: 1.0rem;
	padding-top: 30px;
}

.plan_hanrei-wrap li {
	margin-right: 15px;
}
	
	
	
	
.type_cap-wrap p:nth-child(1) {
	padding-top: 10px;
}


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

.type_bt-wrap ul li {
	width: 50%;
}
	
	
.type_bt-wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.type_bt-wrap ul li {
	width: 50%;
	margin: 10px 10px;
}
	
.type_bt-wrap ul li:nth-child(1) {
	display: none;
}


	
	
/********** 個別 **********/

.d_type-cap {
	font-size: 1.3rem;
}

.d_type-cap p {
	margin-top: 10px;
}
	
.f_type-cap {
	font-size: 1.3rem;
}

.f_type-cap p {
	margin-top: 10px;
}

/********** ↑個別 **********/

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

.model-wrap {
	padding-top: 0;
	padding-bottom: 50px;
}
	
.model_title {
	font-size: 1.8rem;
	padding: 5px;
	margin-top: 80px;
}

	
	
/** f_type **/
	
.f_type-mr-wrap {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto auto;
	justify-content: space-between;
	padding-top: 10px;
}

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

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

.f_type-mr-wrap li:nth-child(3) {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
	
.f_type-mr-wrap li:nth-child(4) {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
	width: 70%;
	margin: 0 auto;
}

.f_type-mr-wrap li {
	padding-top: 10px;
}

	
.model_copy-wrap p:nth-child(1) {
	font-size: 2.2rem;
	margin-top: 20px;
}

.model_copy-wrap p:nth-child(2) {
	width: 80%;
	margin-bottom: 10px;
}

	
	
/** b_type **/
	
.b_type-mr-wrap {
	padding-top: 10px;
}

.b_model_copy-wrap p:nth-child(1) {
	font-size: 2.2rem;
	text-align: left;
	margin-top: 20px;
}

.b_model_copy-wrap p:nth-child(2) {
	width: 80%;
	margin: 0;
	background: linear-gradient(to right, rgba(180,180,180,1), rgba(180,180,180,0));
	margin-bottom: 10px;
}


	
	
/** d_type **/
	
.d_type-mr-wrap {
	padding-top: 0;
}

.d_type-mr-wrap li:nth-child(1) {
	width: 100%;
}

.d_type-mr-wrap li:nth-child(2) {
	width: 100%;
	margin-top: 10px;
}

.d_type-mr-wrap li:nth-child(3) {
	width: 100%;
	margin-top: 10px;
}


.model_copy-wrap.d_type p:nth-child(1) {
	font-size: 2.2rem;
	text-align: left;
	margin-top: 30px;
}

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

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



	

	
	

	
	
	
}