@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	
	section {
		width: 1120px;
	}
	
	section div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section div.block.reverse {
		flex-direction: row-reverse;
	}
	
	section div.block + div.block{
		margin-top: 110px;
	}
	
	section div.block div.photo_box figure{
		width: 396px;
		line-height: 0;
	}
	
	section div.block div.photo_box figure{
		border-radius: 20px;
		overflow: hidden;
	}
	
	section div.block div.text_box{
		width: 670px;
	}
	
	section div.block div.text_box h3{
		font-size: 28px;
		font-size: 2.8rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #736357;
		margin-bottom: 20px;
	}
	
	section div.block div.text_box p{
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.02em;
		line-height: 2.1;
		color: #736357;
		margin-bottom: 28px;
	}
}


@media screen and (max-width: 640px){
	
	section div.block {
		width: 100%;
	}
	
	section div.block + div.block{
		margin-top: 45px;
	}
	
	section div.block div.photo_box figure{
		width: 100%;
		line-height: 0;
		margin-bottom: 25px;
	}
	
	section div.block div.photo_box figure{
		border-radius: 20px;
		overflow: hidden;
	}
	
	section div.block div.text_box{
		width: 100%;
	}
	
	section div.block div.text_box h3{
		font-size: 28px;
		font-size: clamp(18px, 4.6vw, 28px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #736357;
		margin-bottom: 10px;
	}
	
	section div.block div.text_box p{
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		letter-spacing: 0.02em;
		line-height: 2.1;
		color: #736357;
		margin-bottom: 28px;
	}
}