@charset "UTF-8";


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


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


/*****************************************************
　ブログ　
*****************************************************/
/* ブログリスト
------------------------------------------------- */
.blog_itemlist{
	margin:0 0 140px;
}
.blog_none{
	margin:0 0 140px;
}


/*****************************************************
　共通　
*****************************************************/
/* タイトル 
------------------------------------------------- */
.section-ttl_border br.sp{
	display:none;
}


/*****************************************************
　ロゴを活かしたゴム印　
*****************************************************/
.logo_gomuin{
	margin:0 0 120px;
}
/* ゴム印の例 
------------------------------------------------- */
.logo_gomuin_ex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.logo_gomuin_ex .logo_gomuin_ex_item{
	max-width:300px;
	width:29%;
	margin:60px 0 0;
}


/*****************************************************
　ご依頼の方法　
*****************************************************/
.other-block{
	margin:0 0 110px;
	display:flex;
	justify-content:space-between;
}
/* ブロック 
------------------------------------------------- */
.other-block.other-block_1{
	margin:80px 0;
}
.other-block .text{
	max-width:540px;
	width:51%;
}
.other-block .img{
	max-width:500px;
	width:48%;
}
.other-block .text .ttl{
	font-size:28px;
	font-size:2.8rem;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 50px;
}
.other-block .text p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
.other-block_2 .img,
.other-block_3 .img{
	display:flex;
	justify-content:space-between;
}
.other-block .img figure{
	max-width:230px;
	width:46%;
}
.other-block .img figcaption{
	font-size:15px;
	font-size:1.5rem;
	text-align:center;
	letter-spacing:0.18em;
	margin:10px 0 0;
}
/* ----- other-block_3 ----- */
.other-block.other-block_3 .img figcaption{
	margin:16px 0 0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　リード文　
	*****************************************************/
	.lead{
		margin:13.76vw 0 16.66vw;
	}
	.lead p{
		font-size:3.14vw;
	}


	/*****************************************************
	　ブログ　
	*****************************************************/
	/* ブログリスト
	------------------------------------------------- */
	.blog_itemlist{
		margin:0 0 19.32vw;
	}
	.blog_none{
		margin:0 0 19.32vw;
	}


	/*****************************************************
	　共通　
	*****************************************************/
	/* タイトル 
	------------------------------------------------- */
	.section-ttl_border br.sp{
		display:none;
	}


	/*****************************************************
	　ロゴを活かしたゴム印　
	*****************************************************/
	.logo_gomuin{
		margin:0 0 16.66vw;
	}
	/* タイトル 
	------------------------------------------------- */
	.logo_gomuin .section-ttl_border:before,
	.logo_gomuin .section-ttl_border:after{
		padding:0 5vw 0 0;
	}
	.logo_gomuin .section-ttl_border:before{
		margin:0 9vw 0 0;
	}
	.logo_gomuin .section-ttl_border:after{
		margin:0 0 0 9vw;
	}
	/* ゴム印の例 
	------------------------------------------------- */
	.logo_gomuin_ex .logo_gomuin_ex_item{
		max-width:none;
		width:47%;
		margin:8.21vw 0 0;
	}


	/*****************************************************
	　ご依頼の方法　
	*****************************************************/
	.other-block{
		margin:0 0 15.21vw;
		display:block;
	}
	/* タイトル 
	------------------------------------------------- */
	.request .section-ttl_border:before,
	.request .section-ttl_border:after{
		padding:0 5vw 0 0;
	}
	/* ブロック 
	------------------------------------------------- */
	.other-block.other-block_1{
		margin:11.11vw 0;
	}
	.other-block .text,
	.other-block .img{
		max-width:none;
		width:100%;
	}
	.other-block .text .ttl{
		font-size:4.83vw;
		margin:0 0 7vw;
	}
	.other-block .text p{
		font-size:3.14vw;
	}
	.other-block .img figure{
		max-width:none;
		width:47%;
	}
	.other-block .img figcaption{
		font-size:3.14vw;
		margin:2.17vw 0 0;
	}
	/* ----- other-block_2,other-block_3 ----- */
	.other-block_2 .img,
	.other-block_3 .img{
		margin:3.62vw 0 0;
	}
}