@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

/* introduction */
.introduction .intro_titleBox {
	margin-bottom: 40px;
}
	.intro_titleBox .txt_title {
		height: 200px;
	}
	.intro_txtBox {
		margin-top: 130px;
	}


/* talk detail */
.profile {
	margin-top: 30px;
}
	.profile .profileList {
		width: 100%;
		padding: 15px;
		background-color: #f4ece9;
	}
	.profile .profileList:not(:last-of-type) {
		margin-bottom: 1px;
	}
		.profile .profileList .title_profile {
			position: relative;
			margin-bottom: 15px;
			text-align: right;
			font-family: 'Cormorant', serif;
			font-size: 1.6rem;
			line-height: 1.0;
		}
		.profile .profileList .title_profile::before {
			content: '';
			position: absolute;
			top: 50%;
			left: -15px;
			-webkit-transform: translate(0, 50%);
			-ms-transform: translate(0, 50%);
			transform: translate(0, 50%);
			width: calc( 100% - 25%);
			height: 1px;
			background-color: #e3c8be;
		}
		.profile .profileList .profile_txt {
		}
			.profile .profileList .profile_txt dt {
				margin-bottom: 10px;
				font-weight: bold;
			}
			.profile .profileList .profile_txt dd:not(:last-of-type) {
				margin-bottom: 10px;
			}


/* talk_session */
.talk_session:not(:last-of-type) {
	margin-bottom: 30px;
}
	.talk_session .title_session {
		margin-bottom: 30px;
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.0;
	}
		.talk_session .title_session small {
			position: relative;
			display: block;
			margin-bottom: 20px;
			padding-bottom: 10px;
			font-size: 1.4rem;
			font-family: 'Cormorant', serif;
		}
			.talk_session .title_session small span {
				font-family: serif;
				font-size: 1.4rem;
			}
		.talk_session .title_session small::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
			width: 50px;
			height: 1px;
			background-color: #ddd;
		}
		.talk_session .title_session em {
			font-style: normal;
			font-family: "FOT-ユトリロ Pro DB";
			font-size: 1.6em;
			line-height: 1.6;
		}
	.talk_session .talk_txt2col {
		width: 100%;
	}
		.talk_session .talk_txt2col .txt_talk:not(:last-of-type) {
			margin-bottom: 20px;
		}
			.talk_session .talk_txt2col .txt_talk dt {
				font-weight: bold;
			}
		.talk_session .talk_txt2col .talk_medium_img {
			margin-bottom: 20px;
			line-height: 1.4;
		}
			.talk_session .talk_txt2col .talk_medium_img figcaption {
				display: block;
				margin-top: 5px;
				font-size: 1.2rem;
			}
	.talk_session .talk_full_img {
		max-width: 290px;
		margin: 30px auto 0;
	}
	




/* ================================================================================================================================================================================== */
/* tablet */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* introduction */
.introduction .intro_titleBox {
	margin-bottom: 0;
}
.intro_titleBox .txt_title {
	height: 300px;
}
.intro_txtBox {
	margin-top: 0;
}


/* talk detail */
.profile {
	margin-top: 40px;
}
	.profile .profileList {
		width: 50%;
		padding: 25px;
	}
	.profile .profileList:not(:last-of-type) {
		margin-bottom: 0;
		border-right: 1px solid #fff;
	}
		.profile .profileList .title_profile {
			margin-bottom: 25px;
		}
		.profile .profileList .title_profile::before {
			left: -25px;
			width: calc( 100% - 80px);
		}
		.profile .profileList .profile_txt {
		}
			.profile .profileList .profile_txt dt {
				margin-bottom: 15px;
			}


/* talk_session */
.talk_session {
}
	.talk_session .title_session {
		margin-bottom: 40px;
	}
		.talk_session .title_session small {
			margin-bottom: 30px;
			padding-bottom: 20px;
		}
		.talk_session .title_session em {
			font-size: 2.0em;
		}
	.talk_session .talk_txt2col {
		column-count: 2;
		column-width: auto;
		column-gap: 50px;
		column-rule: 1px solid #ddd;
	}
		.talk_session .talk_txt2col .txt_talk:not(:last-of-type) {
			margin-bottom: 25px;
		}
		.talk_session .talk_txt2col .talk_medium_img {
			margin-bottom: 25px;
		}
	.talk_session .talk_full_img {
		max-width: 500px;
		margin: 40px auto 0;
	}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* talk detail */
.profile {
	margin-top: 50px;
}
	.profile .profileList {
		padding: 50px;
	}
		.profile .profileList .title_profile {
			margin-bottom: 35px;
		}
		.profile .profileList .title_profile::before {
			left: -50px;
		}
		.profile .profileList .profile_txt {
		}
			.profile .profileList .profile_txt dt {
				font-size: 1.6rem;
			}


/* talk_session */
.talk_session {
}
	.talk_session .title_session {
		margin-bottom: 50px;
	}
		.talk_session .title_session em {
			font-size: 2.4em;
		}
	.talk_session .talk_txt2col {
		column-gap: 100px;
	}
		.talk_session .talk_txt2col .txt_talk {
			font-size: 1.6rem;
			line-height: 1.8;
		}
		.talk_session .talk_txt2col .txt_talk:not(:last-of-type) {
			margin-bottom: 35px;
		}
		.talk_session .talk_txt2col .talk_medium_img {
			margin-bottom: 35px;
		}
	.talk_session .talk_full_img {
		max-width: 700px;
		margin: 70px auto 0;
	}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */
@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.intro_titleBox .txt_title {
	height: 400px;
}

/* talk_session */
.talk_session {
}
	.talk_session .talk_full_img {
		margin: 100px auto 0;
	}

}