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

main.subpage .subpage_main_box h2{
	margin-bottom: 4px;
}
main.subpage .subpage_main_box p:nth-of-type(3){
	font-size: 0.9rem;
	margin-top: 88px;
}

#prologue{
	margin-bottom: 72px;
}

#member{
	margin-bottom: 72px;
}

#member .topics_title{
	padding-top: 48px;
	padding-bottom: 46px;
}
#member .row{
	flex-wrap: wrap;
	align-items: flex-start;
}
#member .member_box{
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-bottom: 40px;
}
#member .member_box:last-of-type{margin-bottom: 0;}
#member .member_box:nth-of-type(2n-1){
	padding-right: 40px;
}
#member .member_box:nth-of-type(2n){
	padding-left: 48px;
}
#member .member_box:after{
	position: absolute;
	content: '';
	top: 0;
	display: block;
	width: 34px;
	height: 160px;
	background-size: contain;
	background-repeat: no-repeat;
}
#member .member_box:nth-of-type(2n-1):after{
	right: 0;
}
#member .member_box:nth-of-type(2n):after{
	left: 0;
}
#member .deco_pink:after{
	background-image: url("../images/deco_pink.png");
}
#member .deco_orange:after{
	background-image: url("../images/deco_orange.png");
}
#member .deco_green:after{
	background-image: url("../images/deco_green.png");
}
#member .deco_blue:after{
	background-image: url("../images/deco_blue.png");
}
#member .deco_gray:after{
	background-image: url("../images/deco_gray.png");
}


#member .member_box>img{
	width: 120px;
	height: 160px;
}
#member .member_box:nth-of-type(2n-1) img{
	margin-right: 16px;
}
#member .member_box:nth-of-type(2n) img{
	margin-left: 16px;
}
#member .member_text{
	width: 220px;
}
#member .member_text h4{
	font-size: 1.1rem;
	margin-bottom: 8px;
}
#member .member_text p{
	font-size: 0.9rem;
	letter-spacing: 0.025em;
}
#member .member_text p:nth-of-type(1){
	margin-bottom: 8px;
}
#member .member_text p+p{
	margin-top: 8px;
}


#story_detail{}
#story_detail .topics_title{
	
}
#story_detail .mb40{
	margin-bottom: 40px;
}
#story_detail .mb40 h3{
	line-height: 1.6;
}
#story_detail .topics_text+.topics_title,#story_detail img+.topics_title,.topics_subtitle_box_img+.topics_title{
	margin-top: 56px;
}
#story_detail .topics_title{
	padding-top: 50px;
	min-height: 128px;
}
#story_detail .topics_title p{margin-top: 8px;}

#story_detail p.topics_text{
	padding-left: 96px;
	position: relative;
	letter-spacing: 0.075em;
}
#story_detail p.topics_text:before{
	position: absolute;
	font-size: 0.8rem;
	font-weight: 600;
	top: 0;
	left:0;
	display: block;
	width: 80px;
	height: 30px;
	border-radius: 20px;
	text-align: center;
	padding-top: 2px;
}
#story_detail .topics_text+.topics_text{
	margin-top: 16px;
}

#story_detail p.topics_text + img{
	margin-top: 40px;
}
#story_detail img+p.topics_text{
	margin-top: 40px;
}
#story_detail img.photo-1{
	max-width: 608px;
}
p.topics_text+.topics_subtitle_box_img,.topics_subtitle_box_img+p.topics_text{
	margin-top: 32px;
}
#story_detail .topics_subtitle_box_img{
	padding-left: 96px;
}

/*story01 フューネラル事業部メンバー*/
section.story01 .tag_member_pink:before{
	content: '吉宗';
	border: solid 2px var(--pink);
	color: var(--pink);
}
section.story01 .tag_member_orange:before{
	content: '東條';
	border: solid 2px var(--orange);
	color: var(--orange);
}
section.story01 .tag_member_green:before{
	content: '近藤';
	border: solid 2px var(--green);
	color: var(--green);
}
section.story01 .tag_member_blue:before{
	content: '森';
	border: solid 2px var(--blue);
	color: var(--blue);
}
section.story01 .tag_member_gray:before{
	content: '聞き手';
	border: solid 2px var(--tag-gray);
	color: var(--tag-gray);
}

/*story02 ブック事業部メンバー*/
section.story02 .tag_member_pink:before{
	content: '芝';
	border: solid 2px var(--pink);
	color: var(--pink);
}
section.story02 .tag_member_orange:before{
	content: '阪本';
	border: solid 2px var(--orange);
	color: var(--orange);
}
section.story02 .tag_member_green:before{
	content: '原田';
	border: solid 2px var(--green);
	color: var(--green);
}
section.story02 .tag_member_blue:before{
	content: '岡';
	border: solid 2px var(--blue);
	color: var(--blue);
}
section.story02 .tag_member_gray:before{
	content: '聞き手';
	border: solid 2px var(--tag-gray);
	color: var(--tag-gray);
}

@media print, screen and (max-width: 767px) {
	main.subpage .subpage_main_box p:nth-of-type(3){
		margin-top: 54px;
	}
	#prologue{margin-bottom: 56px;}
	#member .topics_title{
		padding-top: 48px;
		padding-bottom: 50px;
	}
	#member .member_box{
		width: 100%;
		margin-bottom: 32px;
	}
	#member .member_box:nth-of-type(2n-1){
		padding-right: 36px;
	}
	#story_detail .topics_title{padding-top: 54px;}
	#story_detail p.topics_text{padding-left: 0; padding-top: 36px;}
	#story_detail p.topics_text + img{margin-top: 32px;}
	#story_detail .topics_subtitle_box_img{
		padding-left: 0px;
	}
}