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

/*---------- /saiyo/css/style.cssのスタイル調整上書き ----------*/
.l-content__wrap--l--btm {
	padding: 0 20px 0 20px;
}
.saiyoContainer {
	margin: 50px auto 40px;
}
p {
	margin-top: 0;
}
.endline {
	border-top: 1px solid #dfe5e9;
	/*padding: 40px 0;*/
}
/*---------- 全体 ----------*/
#manager, #coo {
	color: #282828;
}
.pcnone {
	display: none;
}

/*---------- mainVisual ----------*/
#manager .mainVisual {
    background: url("/jp/recruit/saiyo/special_talks/manager/img/main.jpg") no-repeat scroll center top;
    background-size: cover;
	height: 750px;
	color: #fff;
	position: relative;
}
#manager .mainVisual h2 {
	font-family: 'Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	text-align: center;
	font-size: 94px;
	font-weight: bold;
	transform   : scale(0.88, 1.2);   /* 変形 横,縦 */
	line-height: 1.0em;
	padding-top: 0.3em;
}
#manager .mainVisual .txt01 {
	text-align: center;
	position: absolute;
	left: 50%;
	width: 980px;
	margin: 0 0 0 -490px;
	bottom: 5%;
}
#manager .mainVisual .txt01 h3 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 0.3em;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.95);
}
#manager .mainVisual .txt01 p {
	text-shadow: 1px 4px 6px rgba(0,0,0,0.95);
}
#coo .mainVisual {
    background: #dddddd;
    background-size: cover;
	height: 760px;
	position: relative;
}
#coo .mainVisual img.main {
	position: absolute;
	left: 50%;
	width: 1137px;
	margin: 0 0 0 -568px;
	bottom: 0;
}
#coo .mainVisual img.cross {
	position: absolute;
	left: 50%;
	width: 75px;
	margin: 00 0 0 -27px;
	top: 56%;
}
#coo .mainVisual h2 {
	font-family: 'Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	text-align: center;
	font-size: 76px; 
	font-weight: bold;
	transform: scale(0.88, 1.3);   /* 変形 横,縦 */
	line-height: 1.0em;
	padding-top: 0.4em;
	color: #fff;
}
#coo .mainVisual .txt {
	position: absolute;
	left: 50%;
	width: 540px;
	margin: 0 0 0 -270px;
	top: 21%;
	padding: 0 1%;
}
#coo .mainVisual .txt h3 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 0.3em;
	text-align: center;
}
#coo .mainVisual .txt p {
	padding-top: 1.0em;
}

/*---------- prof_area ----------*/
#manager .prof_area {
	background-color: #fcfaef;
}
#manager .prof_area .inner {
	width: 980px;
	margin: 0 auto;
	padding: 35px 0 45px 35px;
}
#manager .prof_area ul {
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
#manager .prof_area ul li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を元に戻す */
	width: 30%;
	margin-right: 5%;
	position: relative;
}
#manager .prof_area ul li:last-child {
	margin-right: 0;
}
#manager .prof_area .en_name {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	color: #b48c00;
}
#manager .prof_area .corp {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#manager .prof_area .name {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 30px;
	font-weight: bold;
}
#manager .prof_area .prof_popup {
	margin-top: 2.0em;
}
#manager .prof_area .prof_popup a {
	background-color: #b48c00;
	padding: 1.1em 2.0em 1.1em 3.0em;
	color: #fff;
	position: relative;
	cursor: pointer;
}
#manager .prof_area .prof_popup a::after {
	background: url("/jp/recruit/saiyo/special_talks/manager/img/icon_prof.png") no-repeat scroll 0 0 / 14px 12px;
	content: "";
	width: 14px;
	height: 12px;
	position: absolute;
	left: 1.5em;
	top: 1.2em;
}
#coo .prof_area {
	position: absolute;
	left: 50%;
	width: 540px;
	margin: 0 0 0 -270px;
	bottom: 15%;
	padding: 0 0 0 2%;
}
#coo .prof_area ul {
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
#coo .prof_area ul li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を元に戻す */
	width: 40%;
	margin-right: 20%;
	color: #4a664f;
}
#coo .prof_area ul li:last-child {
	margin-right: 0;
}
#coo .prof_area .en_name {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 32px;
	line-height: 1.1em;
}
#coo .prof_area .corp {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 13px;
}
#coo .prof_area .name {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 30px;
	font-weight: bold;
}
#coo .prof_area .academic {
	font-size: 13px;
}
#coo .prof_area .prof_popup {
	margin-top: 2.0em;
}
#coo .prof_area .prof_popup a {
	background-color: #4a664f;
	padding: 1.1em 2.0em 1.1em 3.0em;
	color: #fff;
	position: relative;
	cursor: pointer;
}
#coo .prof_area .prof_popup a::after {
	background: url("/jp/recruit/saiyo/special_talks/coo/img/icon_prof.png") no-repeat scroll 0 0 / 14px 12px;
	content: "";
	width: 14px;
	height: 12px;
	position: absolute;
	left: 1.5em;
	top: 1.2em;
}



/*---------- main_area ----------*/
.main_area {
	width: 820px;
	margin: 65px auto;
}
.main_area .inner {
}
.main_area h4 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 32px;
	text-align: center;
	position: relative;
	margin-bottom: 1.3em;
	font-weight: bold;
}
#manager .main_area h4 {
	color: #b48c00;
}
#coo .main_area h4 {
	color: #4a664f;
}
.main_area h4::after {
	content: "";
	width: 18px;
	height: 3px;
	right: 50%;
	bottom: -0.5em;
	position: absolute;
}
#manager .main_area h4::after {
	background: #b48c00 none repeat scroll 0 0; 
}
#coo .main_area h4::after {
	background: #4a664f none repeat scroll 0 0; 
}
.main_area dl, .main_area dd, .main_area dt {
	align-content: border-box;
}
.main_area dt { 
	float: left;
	width: 90px;
	font-weight: bold;
}
.main_area dd {
	margin-left: 90px;
	width: 730px;
	margin-bottom: 2.0em;
}
.main_area dd:after {
  content: '';
  display: block;
  clear: both;
}
#manager .main_area .photo01, #manager .main_area .photo02, #manager .main_area .photo03 {
	width: 660px;
	margin: 65px auto;
	position: relative;
}
#manager .main_area .photo01 p.copy, #manager .main_area .photo02 p.copy, #manager .main_area .photo03 p.copy {
	position: absolute;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	font-weight: bold;
}
#manager .main_area .photo01 p.copy {
	text-align: right;
	bottom: 3.5em;
	right: 1.0em;
}
#manager .main_area .photo02 p.copy {
	text-align: right;
	bottom: 3.5em;
	right: 1.5em;
}
#manager .main_area .photo03 p.copy {
	text-align: left;
	bottom: 3.0em;
	left: 1.5em;
}
#manager .main_area .photo01 p.name, #manager .main_area .photo02 p.name, #manager .main_area .photo03 p.name {
	position: absolute;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
	font-weight: bold;
}
#manager .main_area .photo01 p.name {
	text-align: right;
	bottom: 2.5em;
	right: 1.5em;
}
#manager .main_area .photo02 p.name {
	text-align: right;
	bottom: 2.5em;
	right: 2.5em;
}
#manager .main_area .photo03 p.name {
	text-align: left;
	bottom: 2.0em;
	left: 2.5em;
	padding-left: 7.0em;
}
#manager .main_area .photo01 p.name::after, #manager .main_area .photo02 p.name::after, #manager .main_area .photo03 p.name::after {
	background: #fff none repeat scroll 0 0; 
	content: "";
	width: 120px;
	height: 1px;
	position: absolute;
}
#manager .main_area .photo01 p.name::after {
	bottom: 0.7em;
	right: 1.5em;
}
#manager .main_area .photo02 p.name::after {
	bottom: 0.7em;
	right: 3.5em;
}
#manager .main_area .photo03 p.name::after {
	bottom: 0.7em;
	left: 0;
}
#coo .main_area .photo01, #coo .main_area .photo02, #coo .main_area .photo03 {
	width: 820px;
	margin: 65px auto;
	position: relative;
}
#coo .main_area .photo01 p.copy, #coo .main_area .photo02 p.copy, #coo .main_area .photo03 p.copy {
	position: absolute;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	font-weight: bold;
}
#coo .main_area .photo01 p.copy {
	text-align: left;
	top: 1.5em;
	left: 1.5em;
}
#coo .main_area .photo02 p.copy {
	text-align: right;
	top: 1.0em;
	right: 1.5em;
}
#coo .main_area .photo03 p.copy {
	text-align: left;
	bottom: 3.0em;
	left: 1.5em;
}
#coo .main_area .photo01 p.name, #coo .main_area .photo02 p.name, #coo .main_area .photo03 p.name {
	position: absolute;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
	font-weight: bold;
}
#coo .main_area .photo01 p.name {
	text-align: left;
	top: 9.5em;
	left: 12em;
}
#coo .main_area .photo02 p.name {
	text-align: right;
	top: 8.5em;
	right: 2.5em;
}
#coo .main_area .photo03 p.name {
	text-align: left;
	bottom: 2.0em;
	left: 2.5em;
	padding-left: 7.0em;
}
#coo .main_area .photo01 p.name::after, #coo .main_area .photo02 p.name::after, #coo .main_area .photo03 p.name::after {
	background: #282828 none repeat scroll 0 0; 
	content: "";
	width: 190px;
	height: 1px;
	position: absolute;
}
#coo .main_area .photo02 p.name::after {
	width: 240px;
}
#coo .main_area .photo01 p.name::after {
	bottom: 0.7em;
	left: -9.9em;
}
#coo .main_area .photo02 p.name::after {
	bottom: 0.7em;
	right: 3.5em;
}
#coo .main_area .photo03 p.name::after {
	bottom: 0.7em;
	left: 0;
}
.main_area p.note {
	font-size: 13px;
	padding-top: 3.0em;
}
.main_area span.s_note {
	font-size: 12px;
}
.main_area p.t_right {
	text-align: right;
	font-size: 13px;
}


@media all and (min-width: 801px) {
	.pcshow_force > * {
		display: block !important;
	}
	.pcnone_force {
		display: none !important;
	}
}

/********************************************************************************

	02. Tablet Layout
	*横幅が800px未満の場合
	

********************************************************************************/

@media all and (min-width: 0px) and (max-width: 800px) {
	.l-content__wrap--l--btm {
	padding: 0 20px 0 20px;
}
/*---------- /saiyo/css/style.cssのスタイル調整上書き ----------*/
	.is-onecolumn .l-content__wrap--l--btm {
	padding: 0 10px;
	}
	.saiyoContainer {
		margin: 14px auto 0;
	}
/*---------- 全体 ----------*/
	.pcnone {
		display: inherit;
	}
	.spnone {
		display: none;
	}
/*---------- mainVisual ----------*/
	#manager .mainVisual {
		background-image: none;
		height: auto;
	}
	#manager .mainVisual h2 {
		font-size: 51px;
		z-index: 100;
		width: 100%;
		position: absolute;
	}
	#manager .mainVisual img{
		width: 100%;
		display: block;
	}
	#coo .mainVisual {
		width: 100%;
		height: inherit;
	}
	#coo .mainVisual .inner {
		padding: 20px;
	}
	#coo .mainVisual img.sp_main {
		width: 100%;
	}
	#coo .mainVisual h2 {
		font-size: 40px;
		padding-top: 0;
	}
	#coo .mainVisual .txt {
		width: 100%;
		position: inherit;
		left: inherit;
		margin: 2em 0;
		padding: 0:
	}
	#coo .mainVisual .txt h3 {
		font-size: 18px;
		line-height: 1.3em;
	}
/*---------- prof_area ----------*/
	#manager .prof_area {
		position: relative;
	}
	#manager .prof_area .inner {
		width: 100%;
		padding: 0;
	}
	#manager .prof_area ul {
		padding: 0 20px;
	}
	#manager .prof_area ul li {
		display: block;
		width: 100%;
		margin-right: 0;
		border-top: 1px solid #d2d2d2;
		padding: 1em 0;
	}
	#manager .prof_area ul li .sp_prof {
		width: 60%;
	}
	#manager .prof_area .en_name, #manager .prof_area .name {
		font-size: 24px;
		padding: 0.4em 0;
		line-height: 1.0em;
	}
	#manager .prof_area .prof_popup {
		position: absolute;
		bottom: 1.0em;
		right: 0;
	}
	#manager .prof_area .prof_popup a {
		display: block;
		width: 6.0em;
		padding: 0.7em 0.5em 0.7em 2.4em;
	}
	#manager .prof_area .prof_popup a::after {
		left: 0.8em;
		top: 1.5em;
	}
	#manager .prof_area .txt02 h3 {
		font-size: 20px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-weight: bold;
		text-align: center;
		padding-bottom: 0.5em;
	}
	#manager .prof_area .txt02 {
		padding: 20px;
	}
	#coo .prof_area {
		width: 100%;
		position: inherit;
		left: inherit;
		bottom: inherit;
		margin: 1.5em 0 0;
		padding: 0;
	}
	#coo .prof_area .en_name {
		font-size: 22px;
	}
	#coo .prof_area .corp {
		padding-top: 1.0em;
	}
	#coo .prof_area .name {
		font-size: 26px;
		padding-top: 0.5em;
	}
	#coo .prof_area .academic {
		padding-top: 1.0em;
	}
	#coo .prof_area .prof_popup {
		margin-top: 1.0em;
	}
	#coo .prof_area .prof_popup a {
		display: block;
		width: 6.0em;
		padding: 0.7em 0.5em 0.7em 2.5em;
	}
	#coo .prof_area .prof_popup a::after {
		left: 1em;
		top: 1.5em;
	}
/*---------- main_area ----------*/
	.main_area {
		width: 100%;
		margin: 7% auto;
	}
	.main_area .inner {
		padding: 0 20px;
	}
	.main_area h4 {
		text-align: inherit;
		font-size: 22px;
		line-height: 1.2em;
	}	
	.main_area dt {
		float: inherit;
		width: 100%;
	}
	.main_area dd {
		margin-left: 0;
		width: 100%;
		padding-top: 0.2em;
	}
	#manager .main_area .photo01, #manager .main_area .photo02, #manager .main_area .photo03 {
		width: 100%;
		margin: 2em 0;
	}
	#manager .main_area .photo01 p.copy, #manager .main_area .photo02 p.copy, #manager .main_area .photo03 p.copy {
		font-size: 18px;
		line-height: 1.3em;
	}
	#manager .main_area .photo01 p.name, #manager .main_area .photo02 p.name, #manager .main_area .photo03 p.name {	
		font-size: 14px;
	}
	#manager .main_area .photo01 p.name::after, #manager .main_area .photo02 p.name::after, #manager .main_area .photo03 p.name::after {
		width: 6.0em;
	}
	#coo .main_area .photo01, #coo .main_area .photo02, #coo .main_area .photo03 {
		width: 100%;
		margin: 2em 0;
	}
	#coo .main_area .photo01 p.copy, #coo .main_area .photo02 p.copy, #coo .main_area .photo03 p.copy {
		font-size: 18px;
		line-height: 1.3em;
	}
	#coo .main_area .photo01 p.name, #coo .main_area .photo02 p.name, #coo .main_area .photo03 p.name {	
		font-size: 14px;
		top: 8.0em;
		left: 10.5em;
	}
	#coo .main_area .photo01 p.name::after {
		width: 7.5em;
		left: -8.5em;
	}
	#coo .main_area .photo02 p.name::after {
		width: 10em;
	}
	.main_area img {
		width: 100%;
	}
	.togglebutton {
		text-align: center;
		padding: 1.1em 4.5em 1.1em 5.5em;
		position: relative;
		letter-spacing: 0.1em;
		width: 6em;
		margin: 3.0em auto;
		color: #fff;
	}
	.togglebutton::after {
		background: url("/jp/recruit/saiyo/special_talks/manager/img/arrow.png") no-repeat scroll 0 0 / 15px 8px;
		content: "";
		width: 15px;
		height: 8px;
		position: absolute;
		left: 4.0em;
		top: 1.4em;
	}
	.toggleclose {
		margin: 3.0em 0;
		text-align: center;
		width: 6em;
		margin: 3.0em auto;
	}
	.toggleclose::after {
		background: url("/jp/recruit/saiyo/special_talks/manager/img/arrow02.png") no-repeat scroll 0 0 / 15px 8px;
		content: "";
		width: 15px;
		height: 8px;
		position: absolute;
		left: 4.0em;
		top: 1.4em;
	}
	.managerbutton {
		background-color: #b48c00;
	}
	.coobutton {
		background-color: #4a664f;
	}

}



/********************************************************************************

	03. SP Layout
	*横幅が700px未満の場合

********************************************************************************/

@media all and (min-width: 0px) and (max-width: 700px) {

	#manager, #coo { margin-top:13px; }


}







/********************************************************************************

	04. SP Layout
	*横幅が375px未満の場合

********************************************************************************/

@media all and (min-width: 0px) and (max-width: 375px) {
	.main_area h4 {
		font-size: 20px;
	}
	#manager .mainVisual h2 {
		font-size: 38px;
	}
	#manager .prof_area ul li .sp_prof {
		width: 45%;
	}
	#manager .prof_area .en_name, #manager .prof_area .name {
		font-size: 24px;
	}
	#manager .prof_area p {
		font-size: 13px;
	} 
	#manager .prof_area .txt02 h3 {
		font-size: 19px;
	}
	#manager .main_area .photo01 p.copy, #manager .main_area .photo02 p.copy, #manager .main_area .photo03 p.copy {
		font-size: 15px;
	}
	#manager .main_area .photo03 p.copy {
		left: 1.0em;
	}
	#manager .main_area .photo01 p.name {
		bottom: 1.5em;
		right: 0.5em;
	}
	#manager .main_area .photo02 p.name {
		bottom: 1.5em;
		right: 1.5em;
	}
	#manager .main_area .photo03 p.name {
		bottom: 1.0em;
		left: 1.5em;
		padding-left: 7.0em;
	}
	#coo .mainVisual h2 {
		font-size: 30px;
	}
	#coo .mainVisual .txt h3 {
		font-size: 14px;
	}
	#coo .main_area .photo01 p.copy, #coo .main_area .photo02 p.copy {
		font-size: 15px;
	}
	#coo .main_area .photo02 p.copy {
		right: 1.0em;
	}
	#coo .main_area .photo01 p.name {	
		top: 7.0em;
		left: 8.5em;
	}
	#coo .main_area .photo01 p.name::after {
		width: 6em;
		left: -6.5em;
	}
	#coo .main_area .photo02 p.name {
		top: 6.0em;
		right: 1.5em;
	}
	#coo .main_area .photo02 p.name::after {
		width: 7.0em;
	}
	#coo .prof_area .en_name {
		font-size: 20px;
	}
	#coo .prof_area .name {
		font-size: 22px;
	}
	#coo .prof_area .corp {
		font-size: 11px;
	}
	#coo .prof_area ul li {
		width: 45%;
		margin-right: 10%;
	}
}