@charset "UTF-8";


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


/*****************************************************
　セクション　
*****************************************************/
/* タイトル2
------------------------------------------------- */
.section-ttl_border br.sp{
	display:none;
}


/*****************************************************
　丁寧に丹念に〔創〕　
*****************************************************/
.create{
	padding:107px 0 117px;
}
/* create_item
------------------------------------------------- */
.create_item,
.create_item_1 .create_item_inner{
	display:flex;
	justify-content:space-between;
}
.create_item + .create_item{
	margin:80px 0 0;
}
.create_item.create_item_1{
	display:block;
	margin:100px 0 0;
}
.create_item .text,
.create_item .img{
	max-width:500px;
	width:48%;
}
.create_item .ttl{
	font-size:34px;
	font-size:3.4rem;
	letter-spacing:0.28em;
	margin:0 0 15px;
}
.create_item .subttl{
	font-size:20px;
	font-size:2.0rem;
	line-height:1.7;
	letter-spacing:0.28em;
	color:#000;
	margin:0 0 35px;
}
.create_item .text-inner p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}
.create_item .text-inner p + p{
	margin:1em 0 0;
}
.create_item.create_item_1 .img{
	display:flex;
	justify-content:space-between;
}
.create_item.create_item_1 .img .img_item{
	max-width:220px;
	width:44%;
}
.create_item.create_item_1 .img .img_item img{
	border:1px solid #f5f5f5;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.create_item.create_item_1 .img .img_item figcaption{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
	text-align:center;
	letter-spacing:0.18em;
	margin:16px 0 0;
}


/*****************************************************
　固定画像（パララックス）　
*****************************************************/
.commitment_fix-img{
	height:350px;
}
.commitment_fix-img_bg{
	content:'';
	background:url('../img/commitment/commitment_fix-img.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	width:100%;
	height:100vh;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}


/*****************************************************
　昔ながらの材　
*****************************************************/
.material{
	padding:117px 0 80px;
}
/* 象牙
------------------------------------------------- */
.zouge{
	margin:45px 0 0;
}
.zouge .ttl{
	font-size:34px;
	font-size:3.4rem;
	text-align:center;
	letter-spacing:0.28em;
	margin:0 0 60px;
}
.zouge .subttl{
	font-size:24px;
	font-size:2.4rem;
	text-align:center;
	letter-spacing:0.28em;
	margin:0 0 40px;
}
.zouge .text{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	text-align:center;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
.zouge .img{
	max-width:600px;
	width:100%;
	text-align:center;
	margin:40px auto 60px;
}
/* ----- 印面 ----- */
.inmen{
	margin:80px 0 100px;
	display:flex;
	justify-content:space-between;
}
.inmen_item{
	max-width:300px;
	width:29%;
	text-align:center;
}
.inmen_item .inmen_item_ttl{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.28em;
	margin:0 0 20px;
}
.inmen_item figure img{
	border:1px solid #f5f5f5;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.inmen_item figcaption{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	text-align:left;
	text-align:center;
	letter-spacing:0.18em;
	margin:20px 0 0;
}
/* ----- 表 ----- */
.price{
	display:flex;
	flex-wrap:wrap;
}
.price_table{
	width:50%;
}
.price_table:nth-child(2n){
	position:relative;
	left:-1px;
}
.price_table:nth-child(3),
.price_table:nth-child(4){
	position:relative;
	top:-1px;
}
.price table{
	border:1px solid #707070;
	width:100%;
	border-collapse:collapse;
}
.price table th,
.price table td{
	border:1px solid #707070;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	letter-spacing:0.18em;
	padding:15px;
}
.price table thead th{
	background:#ededed;
}
.price table thead th span{
	display:inline-block;
}
.price table thead th .large{
	font-size:20px;
	font-size:2.0rem;
	line-height:1.7;
	margin:0 0 13px;
}
.price table thead th .small{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	margin:10px 0 0;
}
/* ----- 備考 ----- */
.note{
	margin:40px 0 100px;
}
.zouge .note .ttl{
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.28em;
	text-align:left;
	margin:0 0 10px;
}
.zouge .note .text{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	text-align:left;
	color:#4e4e4e;
}
/* 白水牛、黒水牛
------------------------------------------------- */
.shiro-kuro{
	display:flex;
	justify-content:space-between;
}
.shiro-suigyu,
.kuro-suigyu{
	max-width:500px;
	width:47%;
}
.shiro-kuro .ttl{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 30px;
}
.shiro-kuro .subttl{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 30px;
}
.shiro-kuro .text{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
	margin:0 0 30px;
}
.kuro-suigyu .text{
	padding:0 0 3.6em;
}
.shiro-suigyu_table{
	margin:30px 0 0;
}
.shiro-suigyu_table table{
	border:1px solid #707070;
	width:100%;
	border-collapse:collapse;
}
.shiro-suigyu_table table th,
.shiro-suigyu_table table td{
	border:1px solid #707070;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5;
	letter-spacing:0.18em;
	padding:14px;
}
.shiro-suigyu_table table thead th{
	background:#ededed;
}
.shiro-suigyu_table table thead th span{
	display:inline-block;
}
.shiro-suigyu_table table thead th .large{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.7;
	margin:0 0 13px;
}
.shiro-suigyu_table table thead th .small{
	font-size:11px;
	font-size:1.1rem;
	line-height:1.5;
	margin:9px 0 0;
}


.inner .note .ttl{
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.28em;
	text-align:left;
	margin:0 0 10px;
}
.inner .note .text{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	text-align:left;
	color:#4e4e4e;
}


/*****************************************************
　サイズについて　
*****************************************************/
.about-size{
	padding:0 0 127px;
}
.about-size_inner{
	margin:84px 0 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.about-size_inner .text{
	max-width:530px;
	width:50%;
}
.about-size_inner .subttl{
	font-size:20px;
	font-size:2.0rem;
	line-height:1.7;
	letter-spacing:0.28em;
	color:#000;
	margin:0 0 30px;
}
.about-size_inner p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}
.about-size_inner p + p{
	margin:2em 0 0;
}
.about-size_inner .sample{
	max-width:456px;
	width:44%;
}
.about-size_inner .sample .sample_ttl{
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	letter-spacing:0.18em;
	margin:0 0 50px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　セクション　
	*****************************************************/
	/* タイトル2
	------------------------------------------------- */
	.section-ttl_border br.sp{
		display:block;
	}


	/*****************************************************
	　丁寧に丹念に〔創〕　
	*****************************************************/
	.create{
		padding:14.73vw 0 16.18vw;
	}
	/* create_item
	------------------------------------------------- */
	.create_item,
	.create_item_1 .create_item_inner{
		display:block;
	}
	.create_item + .create_item{
		margin:11.11vw 0 0;
	}
	.create_item.create_item_1{
		margin:13.76vw 0 0;
	}
	.create_item .text,
	.create_item .img{
		max-width:none;
		width:100%;
	}
	.create_item .img img{
		width:100%;
	}
	.create_item .text{
		margin:0 0 4.83vw;
	}
	.create_item .ttl{
		font-size:5.79vw;
		margin:0 0 4.83vw;
	}
	.create_item .subttl{
		font-size:3.38vw;
		margin:0 0 4.83vw;
	}
	.create_item .text-inner p{
		font-size:2.89vw;
	}
	.create_item.create_item_1 .img .img_item{
		max-width:none;
		width:47%;
	}
	.create_item.create_item_1 .img .img_item img{
		border:0.24vw solid #f5f5f5;
	}
	.create_item.create_item_1 .img .img_item figcaption{
		font-size:3.14vw;
		margin:2.17vw 0 0;
	}


	/*****************************************************
	　固定画像（パララックス）　
	*****************************************************/
	.commitment_fix-img{
		height:60.38vw;
	}


	/*****************************************************
	　昔ながらの材　
	*****************************************************/
	.material{
		padding:16.18vw 0 11.11vw;
	}
	/* 象牙
	------------------------------------------------- */
	.zouge{
		margin:6.28vw 0 0;
	}
	.zouge .ttl{
		font-size:5.79vw;
		margin:0 0 8.21vw;
	}
	.zouge .subttl{
		font-size:4.83vw;
		line-height:1.5;
		margin:0 0 5.55vw;
	}
	.zouge .text{
		font-size:2.89vw;
		text-align:left;
	}
	.zouge .img{
		margin:5.55vw auto 8.21vw;
	}
	.zouge br.pc{
		display:none;
	}
	/* ----- 印面 ----- */
	.inmen{
		margin:11.11vw 0 13.76vw;
		display:block;
	}
	.inmen_item{
		max-width:none;
		width:72.46vw;
		margin:0 auto;
	}
	.inmen_item + .inmen_item{
		margin:7.24vw auto 0;
	}
	.inmen_item .inmen_item_ttl{
		font-size:3.14vw;
		margin:0 0 2.65vw;
	}
	.inmen_item figure img{
		width:100%;
	}
	.inmen_item figure img{
		border:0.24vw solid #f5f5f5;
	}
	.inmen_item figcaption{
		font-size:2.17vw;
		margin:2.65vw 0 0;
	}
	/* ----- 表 ----- */
	.price{
		display:block;
	}
	.price_table{
		width:100%;
		position:relative;
	}
	.price_table:nth-child(2n),
	.price_table:nth-child(3),
	.price_table:nth-child(4){
		top:auto;
		left:auto;
	}
	.price_table:nth-child(2){
		top:-1px;
	}
	.price_table:nth-child(3){
		top:-2px;
	}
	.price_table:nth-child(4){
		top:-3px;
	}
	.price table{
		border:0.24vw solid #707070;
	}
	.price table th,
	.price table td{
		border:0.24vw solid #707070;
		font-size:2.41vw;
		padding:3.62vw 2.41vw;
	}
	.price table thead th .large{
		font-size:3.38vw;
		margin:0 0 3.12vw;
	}
	.price table thead th .small{
		font-size:2.17vw;
		margin:2.41vw 0 0;
	}
	/* ----- 備考 ----- */
	.note{
		margin:5.55vw 0 13.76vw;
	}
	.zouge .note .ttl{
		font-size:4.34vw;
		margin:0 0 5.55vw;
	}
	.zouge .note .text{
		font-size:3.14vw;
	}
	/* 白水牛、黒水牛
	------------------------------------------------- */
	.shiro-kuro{
		display:block;
	}
	.shiro-suigyu,
	.kuro-suigyu{
		max-width:none;
		width:100%;
	}
	.shiro-kuro .ttl{
		font-size:4.83vw;
		line-height:1.5;
		margin:0 0 7.24vw;
	}
	.shiro-kuro .subttl{
		font-size:3.14vw;
		margin:0 0 7.24vw;
	}
	.shiro-kuro .text{
		font-size:2.89vw;
		margin:0 0 7.24vw;
	}
	.shiro-kuro .img img{
		width:100%;
	}
	.shiro-suigyu_table{
		margin:7.24vw 0 0;
	}
	.shiro-suigyu_table table{
		border:0.24vw solid #707070;
	}
	.shiro-suigyu_table table th,
	.shiro-suigyu_table table td{
		border:0.24vw solid #707070;
		font-size:2.17vw;
		padding:3.62vw 2.41vw;
	}
	.shiro-suigyu_table table thead th .large{
		font-size:3.14vw;
		margin:0 0 3.14vw;
	}
	.shiro-suigyu_table table thead th .small{
		font-size:1.93vw;
		margin:2.17vw 0 0;
	}
	.kuro-suigyu{
		margin:9.66vw 0 0;
	}


	/*****************************************************
	　サイズについて　
	*****************************************************/
	.about-size{
		padding:0 0 30.67vw;
	}
	.about-size_inner{
		margin:11.59vw 0 0;
		display:block;
	}
	.about-size_inner .text,
	.about-size_inner .sample{
		max-width:none;
		width:100%;
	}
	.about-size_inner .text{
		margin:0 0 4.83vw;
	}
	.about-size_inner .subttl{
		font-size:3.38vw;
		margin:0 0 7.24vw;
	}
	.about-size_inner p{
		font-size:2.89vw;
	}
	.about-size br.pc{
		display:none;
	}
	.about-size_inner .sample .sample_ttl{
		font-size:3.14vw;
		margin:0 0 7vw;
	}
}