@charset "utf-8";

.ttl_wrap{
	position:relative;
	margin:60px 0 2px;
}
.ttl_wrap img{width:100%;}
.ttl_txt{
	position:absolute;
	top:13.384%;
	right:0;
	left:0;
	margin:auto;
	padding:0 20px;
}
.page_ttl{
	width:500px;
	padding:6px 0 11px;
	margin:0 auto 19px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	font-family:YakuHanJP,'Noto Serif JP', serif;
	font-size:4rem;
	letter-spacing:-3px;
	text-shadow:0 0 8px rgba(0,0,0,0.5);
}
.page_ttl span{letter-spacing:0;}
.ttl_txt p{
	color:#fff;
	font-family:YakuHanJP,'Noto Serif JP', serif;
	font-size:2.1rem;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
}

.align_r{
	margin-bottom:35px;
	text-align:right;
}
.column_2{
	display:flex;
	flex-wrap:wrap;
}
.box_l{
	width:calc(100% - 352px);
	padding:0 44px 0 20px;
}
.box_l p{
	font-family:'Noto Serif JP', serif;
	font-feature-settings:"pkna";
	font-size:1.4rem;
	line-height:2.6rem;
	text-align:justify;
}
.box_r{
	width:352px;
	padding:6px 30px;
}
.box_r figure{
	display:flex;
	align-items:flex-end;
	margin:0 0 63px;
}
.box_r figure img{
	width:173px;
	margin:0;
	border:2px solid #999;
}
.box_r figcaption{
	font-size:1.1rem;
	margin-left:6px;
}
.box_r p{margin-bottom:20px;}
.box_r p img{
	width:258px;
	margin:0;
}


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

.page_ttl{
	width:360px;
	margin-bottom:15px;
	font-size:3rem;
	letter-spacing:-2px;
}
.ttl_txt p{font-size:1.6rem;}

.column_2{display:block;}
.box_l{
	width:auto;
	padding:0;
	margin-bottom:30px;
}
.box_l p{
	font-size:1.2rem;
	line-height:2rem;
}
.box_r{
	width:335px;
	margin:auto;
}
.box_r figure{margin-bottom:30px;}
.box_r figure img{width:164px;}
.box_r p{margin-bottom:15px;}

}


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

.page_ttl{
	width:250px;
	padding-bottom:8px;
	margin-bottom:8px;
	font-size:2rem;
	letter-spacing:-1px;
}
.ttl_txt p{font-size:1.1rem;}

}