@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;
}
main.subpage .subpage_main_box p.mt40{
	margin-top: 40px;
}


a.tab_link{
	color: var(--blue);
    transition: all 0.3s;
}
a.tab_link:hover{
	opacity: 0.6;
}

#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.svg");
}
#member .deco_orange:after{
	background-image: url("../images/deco_orange.svg");
}
#member .deco_green:after{
	background-image: url("../images/deco_green.svg");
}
#member .deco_blue:after{
	background-image: url("../images/deco_blue.svg");
}
#member .deco_gray:after{
	background-image: url("../images/deco_gray.svg");
}
#member .deco_dark_red:after{
	background-image: url("../images/deco_dark_red.svg");
}
#member .deco_raw_sienna:after{
	background-image: url("../images/deco_raw_sienna.svg");
}
#member .deco_dark_green:after{
	background-image: url("../images/deco_dark_green.svg");
}


#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;
}

#story_detail .bg_gray{
	background-color: var(--bg-gray);
	padding: 20px!important;
	margin-left: 96px;
}

#story_detail .iframe-responsive{
	margin-top: 40px;
	margin-bottom: 56px;
}


#epilogue{
	margin-top: 72px;
}
#epilogue .topics_title{
	padding-top: 50px;
	min-height: 128px;
}

/*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);
}

/*story05 Fラボメンバー*/
section.story05 .tag_member_pink:before{
	content: '黒川';
	border: solid 2px var(--pink);
	color: var(--pink);
}
section.story05 .tag_member_orange:before{
	content: '冨永';
	border: solid 2px var(--orange);
	color: var(--orange);
}
section.story05 .tag_member_green:before{
	content: '奥田';
	border: solid 2px var(--green);
	color: var(--green);
}
section.story05 .tag_member_blue:before{
	content: '尾葉石';
	border: solid 2px var(--blue);
	color: var(--blue);
}
section.story05 .tag_member_dark_red:before{
	content: '宍戸';
	border: solid 2px var(--dark-red);
	color: var(--dark-red);
}
section.story05 .tag_member_raw_sienna:before{
	content: '松本';
	border: solid 2px var(--raw-sienna);
	color: var(--raw-sienna);
}
section.story05 .tag_member_dark_green:before{
	content: '高木';
	border: solid 2px var(--dark-green);
	color: var(--dark-green);
}

/*story06 snapCINEMA開発メンバー*/
section.story06 .tag_member_pink:before{
	content: '吉宗';
	border: solid 2px var(--pink);
	color: var(--pink);
}
section.story06 .tag_member_orange:before{
	content: '安部';
	border: solid 2px var(--orange);
	color: var(--orange);
}
section.story06 .tag_member_green:before{
	content: '黒川';
	border: solid 2px var(--green);
	color: var(--green);
}
section.story06 .tag_member_blue:before{
	content: '大村';
	border: solid 2px var(--blue);
	color: var(--blue);
}
section.story06 .tag_member_dark_red:before{
	content: '青砥';
	border: solid 2px var(--dark-red);
	color: var(--dark-red);
}
section.story06 .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;
	}
	main.subpage .subpage_main_box p.mt40{
		margin-top: 24px;
	}
	#prologue{margin-bottom: 56px;}
	#epilogue{margin-top: 48px;}
	#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;}
	.pt0_m{padding-top: 0!important;}
	#story_detail p.topics_text + img{margin-top: 32px;}
	#story_detail .iframe-responsive{
		margin-top: 32px;
		margin-bottom: 56px;
	}
	#story_detail .topics_subtitle_box_img{
		padding-left: 0px;
	}
	#story_detail .bg_gray{margin-left: 0;}
	#epilogue .topics_title{
		padding-top: 54px;
	}
	
	#member .member_text{
		width: calc(100% - 132px);
	}
}