@charset "utf-8";

/* 座談会 */
#visual					{ position:absolute; z-index:200; top:0; left:0; width:100%;}
#visual h2				{ position:absolute; bottom:9.71%; left:44.03%; width:11.81%;}

#talkWrap				{ position:relative; padding:39.17% 0 0 0; z-index:100;}
#talkCont				{ position:relative; padding:9.44% 0 0 0; background:url(../img/talksession/bg.png) 0 0 no-repeat; -webkit-background-size:100% auto !important; background-size:100% auto !important;}


#talk01					{ position:relative; padding:0 45px; color:#fff;}
#talk01:after			{ content:''; display:block; clear:both;}

#talk01 h2				{ width:28.9%; margin:0 3% 0 0; padding:4.52% 0 12px 0; border-bottom:solid 1px #bfd6ea; float:right;}
#talk01 h2 img			{ width:25.6%; height:auto;}

#talk01 em				{ padding:5% 0 0 3%; font-size:50px; line-height:1.4; float:left;}

#talk01>div				{ width:43.7%; padding:0 0 0 3%; float:left; clear:both;}
#talk01>div h3			{ padding:9.2% 0 15px 0; font-size:28px; font-family:Arial;}
#talk01>div p			{ font-size:16px; line-height:2.2;}

#talk01 ul				{ width:47.4%; padding:1% 3% 0 0; float:right;}
#talk01 li				{ width:50%; padding:0 0 0 10px; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#talk01 ul li:nth-child(3)
						{ clear:left;}
#talk01 li span			{ padding:4% 0 6% 0; font-size:14px; line-height:1.6;}
#talk01 li strong		{ font-size:1.7em;}


@media screen and (max-width: 839px)						{ #talk01 em{ font-size:25.74px;} #talk01>div h3{ font-size:14.42px;} #talk01>div p{ font-size:11.00px;} #talk01 li span{ font-size:10.00px;}}
@media screen and (min-width: 840px) and (max-width: 939px)	{ #talk01 em{ font-size:28.34px;} #talk01>div h3{ font-size:15.87px;} #talk01>div p{ font-size:11.00px;} #talk01 li span{ font-size:10.00px;}}
@media screen and (min-width: 940px) and (max-width:1039px)	{ #talk01 em{ font-size:31.95px;} #talk01>div h3{ font-size:17.89px;} #talk01>div p{ font-size:11.00px;} #talk01 li span{ font-size:10.00px;}}
@media screen and (min-width:1040px) and (max-width:1139px)	{ #talk01 em{ font-size:35.56px;} #talk01>div h3{ font-size:19.91px;} #talk01>div p{ font-size:11.38px;} #talk01 li span{ font-size:10.00px;}}
@media screen and (min-width:1140px) and (max-width:1239px)	{ #talk01 em{ font-size:39.17px;} #talk01>div h3{ font-size:21.94px;} #talk01>div p{ font-size:12.53px;} #talk01 li span{ font-size:10.97px;}}
@media screen and (min-width:1240px) and (max-width:1339px)	{ #talk01 em{ font-size:42.78px;} #talk01>div h3{ font-size:23.96px;} #talk01>div p{ font-size:13.69px;} #talk01 li span{ font-size:11.98px;}}
@media screen and (min-width:1340px) and (max-width:1439px)	{ #talk01 em{ font-size:46.39px;} #talk01>div h3{ font-size:25.98px;} #talk01>div p{ font-size:14.84px;} #talk01 li span{ font-size:12.99px;}}
@media screen and (min-width:1440px)						{ #talk01 em{ font-size:50.00px;} #talk01>div h3{ font-size:28.00px;} #talk01>div p{ font-size:16.00px;} #talk01 li span{ font-size:14.00px;}}




#talk02 section			{ position:relative; margin:-16.1% 0 0 0; padding:0 0 0 45px; z-index:3;}
#talk02 section:after	{ content:''; display:block; clear:both;}
#talk02 section:nth-child(1)
						{ margin:0;}
#talk02 h3				{ padding:0 0 3.6% 2.5%; font-size:32px; line-height:1.3;}
#talk02 h3 span			{ width:35.8%; margin:0 0 14px 0; padding:0 0 10px 0; color:#0c3869; border-bottom:solid 1px #bfbfbf; font-size:18px; font-weight:bold; font-family:Arial;}

#talk02 dl				{ display:table; width:42.3%; font-size:16px; line-height:2.0;}
#talk02 dt				{ display:table-cell; color:#0c3869; white-space:nowrap;}
#talk02 dd				{ display:table-cell; padding:0 0 2em 0;}

@media screen and (max-width: 839px)						{ #talk02 h3{ font-size:17.16px;} #talk02 h3 span{ font-size:11.00px;} #talk02 dl{ font-size:12.0px;}}
@media screen and (min-width: 840px) and (max-width: 939px)	{ #talk02 h3{ font-size:18.75px;} #talk02 h3 span{ font-size:11.00px;} #talk02 dl{ font-size:12.0px;}}
@media screen and (min-width: 940px) and (max-width:1039px)	{ #talk02 h3{ font-size:20.96px;} #talk02 h3 span{ font-size:11.79px;} #talk02 dl{ font-size:12.0px;}}
@media screen and (min-width:1040px) and (max-width:1139px)	{ #talk02 h3{ font-size:23.17px;} #talk02 h3 span{ font-size:13.03px;} #talk02 dl{ font-size:12.0px;}}
@media screen and (min-width:1140px) and (max-width:1239px)	{ #talk02 h3{ font-size:25.37px;} #talk02 h3 span{ font-size:14.27px;} #talk02 dl{ font-size:12.4px;}}
@media screen and (min-width:1240px) and (max-width:1339px)	{ #talk02 h3{ font-size:27.58px;} #talk02 h3 span{ font-size:15.52px;} #talk02 dl{ font-size:13.6px;}}
@media screen and (min-width:1340px) and (max-width:1439px)	{ #talk02 h3{ font-size:29.79px;} #talk02 h3 span{ font-size:16.76px;} #talk02 dl{ font-size:14.8px;}}
@media screen and (min-width:1440px)						{ #talk02 h3{ font-size:32.00px;} #talk02 h3 span{ font-size:18.00px;} #talk02 dl{ font-size:16.0px;}}

#talk02 .talk02n		{ margin-left: 3%; float:left; clear:left;}
#talk02 .talk02r		{ margin-left:50%; margin-left:-webkit-calc(51.71% - 23.9px); margin-left:calc(51.71% - 23.9px);}

#talk021 dl:nth-of-type(4)		{ margin-top:24%;}
#talk021 dl:nth-of-type(5)		{ margin-bottom:-24%;}

#talk022 dl:nth-of-type(4)		{ margin-top:16%;}
#talk022 dl:nth-of-type(5)		{ margin-bottom:-16%;}

#talk023 dl:nth-of-type(3)		{ margin-top:10%;}
#talk023 dl:nth-of-type(4)		{ margin-bottom:3%;}




/* PIC */
#talk02>div				{ position:relative; padding:0 45px;}
#talk02>div img			{ position:relative; z-index:2;}
#talk02>div:before,
#talk02>div:after		{ position:absolute; content:''; width:100%; height:100%; top:0; left:0; z-index:1;}
#talk02>div:before		{ top:-webkit-calc(1.19% - 17.14px); top:calc(1.19% - 17.14px);  background:url(../img/talksession/pic_bg1.png) 0 0 no-repeat; background-size:100% 100%;}
#talk02>div:after		{ top:-webkit-calc(17.14px - 1.19%); top:calc(17.14px - 1.19%);  background:url(../img/talksession/pic_bg2.png) 0 0 no-repeat; background-size:100% 100%;}