@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
.page_main-visual_inner{
	background:url('../img/kojinin/main-visual.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}


/*****************************************************
　リード文 
*****************************************************/
.lead{
	text-align:center;
	margin:100px 0;
}
.lead p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
.lead p + p{
	margin:1.5em 0 0;
}


/*****************************************************
　印鑑の種類 
*****************************************************/
.type{
	margin:0 0 107px;
	display:flex;
	justify-content:space-between;
}
.type_item{
	max-width:300px;
	width:28%;
}
.type_item + .type_item{
	margin:0 0 0 8%;
}
.type_item .img{
	max-width:281px;
	width:100%;
	text-align:center;
	margin:0 auto 53px;
}
.type_item .text dt{
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	text-align:center;
	letter-spacing:0.28em;
	margin:0 0 30px;
}
.type_item .text dd{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}


/*****************************************************
　各印鑑の詳細 
*****************************************************/
.in-block + .in-block{
	margin:100px 0 0;
}
/* 画像 
------------------------------------------------- */
.in-block .in-block_img{
	margin:46px 0 80px;
	display:flex;
	justify-content:space-between;
}
.in-block .in-block_img_item{
	max-width:300px;
	width:28%;
}
.in-block .in-block_img_item + .in-block_img_item{
	margin:0 0 0 8%;
}


/*****************************************************
　その他 
*****************************************************/
.other{
	margin:130px 0;
}
.other-block + .other-block{
	margin:60px 0 0;
}
.other-block .ttl{
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 40px;
}

.other-block .ttl2{
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:10px 0 20px;
}


.other-block p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}
.other-block p + p{
	margin:1em 0 0;
}
.other-block .type-case_img{
	display:flex;
	justify-content:space-between;
}
.other-block .type-case_img .img{
	max-width:500px;
	width:48%;
}
/* 印鑑をつくるタイミング 
------------------------------------------------- */
.other-block .timing{
	border:1px solid #707070;
	margin:0 0 40px;
	padding:40px 5%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.other-block .timing dt{
	width:260px;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.28em;
	color:#4e4e4e;
	text-align:center;
	margin:0 7% 0 0;
}
.other-block .timing dd{
	width:calc(100% - 260px - 7%);
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　リード文 
	*****************************************************/
	.lead{
		text-align:left;
		margin:13.76vw 0;
	}
	.lead p{
		font-size:3.14vw;
	}
	.lead p br.pc{
		display:none;
	}


	/*****************************************************
	　印鑑の種類 
	*****************************************************/
	.type{
		margin:0 0 14.73vw;
		display:block;
	}
	.type_item{
		max-width:none;
		width:100%;
	}
	.type_item + .type_item{
		margin:16vw 0 0;
	}
	.type_item .img{
		max-width:none;
		width:50vw;
		margin:0 auto 7.24vw;
	}
	.type_item .text dt{
		font-size:4.34vw;
		margin:0 0 4.1vw;
	}
	.type_item .text dd{
		font-size:3.14vw;
	}


	/*****************************************************
	　各印鑑の詳細 
	*****************************************************/
	.in-block + .in-block{
		margin:13.76vw 0 0;
	}
	/* 画像 
	------------------------------------------------- */
	.in-block .in-block_img{
		margin:11.11vw 0;
	}


	/*****************************************************
	　その他 
	*****************************************************/
	.other{
		margin:17.87vw 0;
	}
	.other-block + .other-block{
		margin:8.21vw 0 0;
	}
	.other-block .ttl{
		font-size:4.34vw;
		margin:0 0 5.55vw;
	}
	.other-block p{
		font-size:3.14vw;
	}
	/* 印鑑をつくるタイミング 
	------------------------------------------------- */
	.other-block .timing{
		border:0.24vw solid #707070;
		margin:0 0 5.55vw;
		padding:5.55vw;
		display:block;
	}
	.other-block .timing dt{
		width:100%;
		font-size:3.62vw;
		margin:0 0 4.83vw;
	}
	.other-block .timing dd{
		width:100%;
		font-size:3.14vw;
	}
	.other-block .timing dd br{
		display:none;
	}
}