@charset "UTF-8";

.sp {
	display:none !important;
}
.inside {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	position:relative;	
}
/* ///////////////////////////////////////////////////////////////////
#header
/////////////////////////////////////////////////////////////////// */
#header {
	background-color:#fff;
	z-index:9999;
}
#header #header-inner { max-width: 1180px;}

/* ///////////////////////////////////////////////////////////////////
#container
/////////////////////////////////////////////////////////////////// */
#container {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	color:#303030;
	overflow:hidden;
}

#overview h2,
#speaker h2 {
	background:#4aa0b5;
	text-align:center;
	font-size:60px;
	color:#fff;
	padding:50px 0;
	line-height:1;
}

/* ///////////////////////////////////////////////////////////////////
#visual
/////////////////////////////////////////////////////////////////// */
#visual {
	margin:80px 0 0;
	background:#0d1c40 url(../image/visual.jpg) center top no-repeat;
}
#visual .inside {
	padding: 595px 0 0;
	width:auto;
	max-width: 1180px;
	color:#fff;
	min-width:1040px;
}
#visual .inside h1 {
	display:none;
}
#visual .inside .p_01{
	font-size:40px;
	color:#0d1c40;
	letter-spacing:-2px;
	margin: 0 0 14px;
}
#visual .inside .p_01 time{
	display:block;
}
#visual .inside .p_01 strong{
	font-size:68px;
	margin:0 -17px 0 0;
}
#visual .inside .p_01 strong:nth-child(2){
	margin:0 -17px 0 -10px;
}
#visual .inside .p_01 small{
	font-size:34px;
}
#visual .inside .p_02{
	font-size:34px;
	color:#0d1c40;
	margin:0 0 87px;
}
#visual .inside .p_02 strong{
	font-weight:bold;
}
#visual .inside .bt {
	text-align:center;
}
#visual .inside h2 {
	font-size:42px;
	font-weight:bold;
	line-height:1.4;
	margin:75px 0 40px;
}
#visual .inside p {
	font-size:23px;
	line-height:44px;
	margin:0 0 70px;
}

/* ///////////////////////////////////////////////////////////////////
#overview
/////////////////////////////////////////////////////////////////// */
#overview .inside h3 {
	font-size:30px;
	color:#888888;
	font-weight:bold;
}
#overview .inside h4 {
	font-size:39px;
	color:#0d1c40;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 50px;
}
#overview .inside h4::before {
	background:#ffe33f;
	content:"";
	display:inline-block;
	width:12px;
	height:42px;
	vertical-align:-5px;
	margin:0 12px 0 0;
}
#overview .inside .each_box {
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
}
#overview .inside .each_box .img {
	float:left;
	width:auto;
}
#overview .inside .each_box .img img {
	display:block;
}
#overview .inside .each_box .info {
	float:right;
	width:526px;
}
#overview .inside .each_box .info ul {
	margin:-5px 0 30px;
}
#overview .inside .each_box .info ul li {
	font-size:20px;
	margin:0 0 0 20px;
	list-style:disc;
	line-height:1.5;
	font-weight:bold;
}
#overview .inside .each_box .info h6 {
	font-size:30px;
	color:#888888;
	font-weight:bold;
	padding:0 0 5px 3px;
	border-bottom:1px solid #cccccc;
	margin:0 0 25px;
}
#overview .inside .each_box .info dl dt {
	font-size:20px;
	line-height:1.2;
	margin:0 0 0;
}
#overview .inside .each_box .info dl dd {
	font-size:30px;
	margin:0 0 15px;
}
#overview .inside #overview_01 {
	margin:75px 0 150px;
}
#overview .inside #overview_02 {
	margin:0 0 65px;
}

/* ///////////////////////////////////////////////////////////////////
#speaker
/////////////////////////////////////////////////////////////////// */
#speaker {
}
#speaker h2 {
	position:relative;
	z-index:99;
}
#speaker article {
	width:100%;
	overflow:hidden;
}
#speaker .inside {
	overflow:visible;
}
#speaker .inside::after {
	clear:both;
	content:"";
	display:block;
	height:0;
}
#speaker .inside .info{
	width:495px;
}
#speaker .inside .img{
	width:auto;
	position:absolute;
	top:0;
	right:0;
}
#speaker .inside h3 {
	font-size:42px;
	font-weight:bold;
	line-height:1.2;
	padding:0 0 0 26px;
	position:relative;
	margin:0 0 50px;
	color:#0d1c40;
}
#speaker .inside h3::before {
	background:#ffe33f;
	content:"";
	display:inline-block;
	width:12px;
	vertical-align:-5px;
	position:absolute;
	left:0;
	top:0;
	height:73px;
}
#speaker .inside h3 small {
	font-size:20px;
	display:block;
	margin:0 0 5px;
	font-weight:normal;
}
#speaker .inside h3 span {
	color:#888;
	font-size:20px;
	margin:0 0 0 20px;
	font-weight:normal;
}
#speaker .inside p {
	font-size:20px;
	line-height:32px;
}
#speaker #speaker_01{
	background:#f2f2f2;
	position:relative;
	transform-origin: 0 100%;
	transform:skewY(-3deg);
	overflow:hidden;
}
#speaker #speaker_01 .inside {
 transform:skewY(3deg);
}
#speaker #speaker_01 .inside {
	padding: 155px 0 90px;
}
#speaker #speaker_01 .inside .img{
	top: 80px;
	right:0;
}
#speaker #speaker_02 {
	margin:0px 0 0;
}
#speaker #speaker_02 .inside {
	padding:100px 0 190px;
}
#speaker #speaker_02 .inside .info{
	float:right;
}
#speaker #speaker_02 .inside .img{
	left: -50px;
	top:0;
}
#speaker #speaker_03 {
	transform-origin: 100% 0;
	transform:skewY(3deg);
	overflow:hidden;
	background:#f2f2f2;
}
#speaker #speaker_03 .inside {
	padding: 125px 0 170px;
	transform:skewY(-3deg);
}
#speaker #speaker_03 .inside .img{
	top: 40px;
	right: -100px;
}

#speaker #speaker_04 {
	transform:skewY(-3deg);
	background:#fff;
	position:relative;
	z-index:0;
	margin:-150px 0 100px;
}

#speaker #speaker_04 .inside {
	transform:skewY(3deg);
	padding:100px 0 0;
}
#speaker #speaker_04 .inside .info{
	float:right;
}
#speaker #speaker_04 .inside p{
	float:none;
	clear:both;
}

/* ///////////////////////////////////////////////////////////////////
#informations
/////////////////////////////////////////////////////////////////// */
#informations {
	background:#4aa0b5;
	padding:56px 0 0;
	color:#fff;
}
#informations .inside h3 {
	text-align:center;
	font-size:60px;
	margin:0 0 35px;
}

#informations .inside ul {
	margin:0 0 125px;
}

#informations .inside ul li {
	box-sizing:border-box;
	height:80px;
	margin:0 0 10px;
	border:3px solid #fff;
}

#informations .inside ul li time,
#informations .inside ul li em {
	display:block;
	height:74px;
	line-height:74px;
	font-size:24px;
	font-weight:bold;
	padding:0 0 0 30px;
	width:180px;
	float:left;
	box-sizing:border-box;
	position:relative;
}
#informations .inside ul li time::after,
#informations .inside ul li em::after {
	display:block;
	height:25px;
	width:25px;
	border:3px solid #fff;
	border-radius:50%;
	position:absolute;
	top:50%;
	right:0%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	background:#4aa0b5;
	content:"";
}

#informations .inside ul li strong {
	display:inline-block;
	width:245px;
	line-height:1.1;
	font-size:20px;
	font-weight:bold;
	background:#fff;
	color:#0D1C40;
	padding:0 0 0 30px;
	box-sizing:border-box;
	vertical-align:middle;
}
#informations .inside ul li strong a{
	background:#5fccdd;
	color:#fff;
	text-decoration:none;
	width:67px;
	margin:0 0 0 15px;
	display:inline-block;
	font-weight:bold;
	height:23px;
	line-height:25px;
	border-radius:12px;
	text-align:center;
	font-size:17px;
	vertical-align:top;
}
#informations .inside ul li strong a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#informations .inside ul li p {
	display:block;
	height:74px;
	width:774px;
	line-height:74px;
	background:#fff;
	color:#0D1C40;
	float:left;
	box-sizing:border-box;
	vertical-align:middle;
}
#informations .inside ul li span {
	display:inline-block;
	line-height:1.2;
	line-height:28px;
	font-size:20px;
	vertical-align:middle;
}


#informations .inside #informations_02 ul{
	margin:0 0 80px;
}
#informations .inside #informations_02 ul li p {
	line-height:1.4;
	font-size:20px;
	float:left;
	padding:13px 0 0 30px;
}
#informations .inside #informations_02 ul li p.line_1 {
	padding:24px 0 0 30px;
}
#informations .inside #informations_02 ul li strong {
	height:auto;
	width:auto;
	line-height:1.2;
	float:none;
	clear:both;
	padding:0;
	display:block;
	vertical-align:text-top;
}
#informations .bt {
	padding:45px 0;
	background:#0d1c40;
	line-height:0;
	font-size:0;
	text-align:center;
}

@media screen and (max-width: 750px) {
.sp {
	display:block !important;
}
br.sp {
	display:inline !important;
}
.pc {
	display:none !important;
}
img {
	max-width:100%;
}
a:active,
a:hover {
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.inside {
	width:auto;
}

/* ///////////////////////////////////////////////////////////////////
#header
/////////////////////////////////////////////////////////////////// */
#header #header-inner { max-width: 100%;}

/* ///////////////////////////////////////////////////////////////////
#container
/////////////////////////////////////////////////////////////////// */
#container {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#overview h2,
#speaker h2 {
	font-size:30px;
	padding:25px 0;
}

/* ///////////////////////////////////////////////////////////////////
#visual
/////////////////////////////////////////////////////////////////// */
#visual {
	margin:49px 0 0;
	background:#0d1c40 url(../image/visual_sp.png) center top no-repeat;
	background-size:100% auto;
}
#visual .inside {
	padding: 385px 0 0;
	max-width: 100%;
	min-width:100%;
}
#visual .inside h1 {
	display:none;
}
#visual .inside .p_01{
	font-size:24px;
	letter-spacing:-2px;
	margin: 0 0 0px;
	text-align:center;
	line-height:1.2;
}
#visual .inside .p_01 strong{
	font-size:41px;
	margin:0 -7px 0 0;
}
#visual .inside .p_01 strong:nth-child(2){
	margin:0 -7px 0 -5px;
}
#visual .inside .p_01 small{
	font-size:20px;
}
#visual .inside .p_02{
	font-size:18px;
	margin:0 0 45px;
	text-align:center;
	line-height:1.4;
}
#visual .inside .p_02 strong{
	font-size:21px;
}
#visual .inside .bt img{
	width:280px;
	margin:0 auto;
}
#visual .inside h2 {
	text-align:center;
	font-size:21px;
	margin:40px 0 20px;
	line-height:1.4;
}
#visual .inside p {
	font-size:13px;
	line-height:25px;
	margin:0 30px 40px;
	text-align:justify;
	text-justify:inter-ideograph;
}

/* ///////////////////////////////////////////////////////////////////
#overview
/////////////////////////////////////////////////////////////////// */
#overview .inside{
	padding:30px;	
}
#overview .inside h3 {
	font-size:20px;
}
#overview .inside h4 {
	font-size:23px;
	line-height:1.2;
	margin:0 0 20px;
	position:relative;
	padding:0 0 0 15px;
}
#overview .inside h4::before {
	display:block;
	width:6px;
	height:auto;
	vertical-align:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	bottom:3px;
}
#overview .inside .each_box .img {
	float:none;
	clear:both;
	margin:0 0 20px;
}
#overview .inside .each_box .info {
	float:none;
	clear:both;
	width:auto;
}
#overview .inside .each_box .info ul {
	margin:0 0 20px;
}
#overview .inside .each_box .info ul li {
	font-size:13px;
	margin:0 0 0 17px;
	line-height:20px;
}
#overview .inside .each_box .info h6 {
	font-size:20px;
	padding:0 0 2px 0;
	margin:0 0 10px;
}
#overview .inside .each_box .info dl dt {
	font-size:16px;
	line-height:1.2;
	margin:0 0 0;
}
#overview .inside #overview_02 .each_box .info dl dt {
	font-size:15px;
}
#overview .inside .each_box .info dl dd {
	font-size:20px;
	margin:0 0 15px;
}
#overview .inside #overview_01 {
	margin:0 0 15px;
}
#overview .inside #overview_02 {
	margin:0 0 15px;
}

/* ///////////////////////////////////////////////////////////////////
#speaker
/////////////////////////////////////////////////////////////////// */
#speaker article {
	width:100%;
}
#speaker .inside .info{
	width:auto;
	margin:20px 15px;
}
#speaker .inside .img{
	position:relative;
	top:auto;
	right:auto;
}
#speaker .inside h3 {
	font-size:26px;
	line-height:1.4;
	padding:0 0 0 16px;
	margin:0 0 20px;
}
#speaker .inside h3::before {
	display:block;
	width:6px;
	vertical-align:0;
	position:absolute;
	left:0;
	top:0;
	bottom:3px;
	height:auto;
}
#speaker .inside h3 small {
	font-size:15px;
	margin:0 0 6px;
}
#speaker .inside h3 span {
	font-size:12px;
	margin:0 0 3px;
}
#speaker .inside p {
	font-size:13px;
	line-height:21px;
}
#speaker #speaker_01{
	transform:skewY(0);
	background:none;
}
#speaker #speaker_01 .inside {
 transform:skewY(0);
}
#speaker #speaker_01 .inside {
	padding: 0 0 0;
}
#speaker #speaker_01 .inside .img{
	top:auto;
	right:auto;
}
#speaker #speaker_02 {
	margin:0 0 0;
}
#speaker #speaker_02 .inside {
	padding:0;
}
#speaker #speaker_02 .inside .info{
	float:none;
	clear:both;
}
#speaker #speaker_02 .inside .img{
	left:auto;
	top:auto;
}
#speaker #speaker_03 {
	transform:skewY(0);
	background:none;
}
#speaker #speaker_03 .inside {
	padding:0;
	transform:skewY(0);
}
#speaker #speaker_03 .inside .img{
	top:auto;
	right:auto;
}

#speaker #speaker_04 {
	transform:skewY(-3deg);
	margin:0px 0 0;
	background:#f2f2f2;
	position:relative;
	z-index:0;
}

#speaker #speaker_04 .inside {
	transform:skewY(3deg);
	padding:20px 0 50px;
}
#speaker #speaker_04 .inside .info{
	float:none;
	clear:both;
}
#speaker #speaker_04 .inside p{
	margin:0 15px;
}

/* ///////////////////////////////////////////////////////////////////
#informations
/////////////////////////////////////////////////////////////////// */
#informations {
	margin:-10px 0 0;
	padding:20px 0 0;
	position:relative;
	z-index:99;
}
#informations .inside h3 {
	font-size:30px;
	margin:0 0 15px;
}
#informations .inside ul {
	margin:0 15px 30px;
}

#informations .inside ul li {
	height:auto;
	margin:0 0 10px;
	padding:0 0 0 70px;
	border:3px solid #fff;
	overflow:hidden;
	position:relative;
	background:#fff;
}

#informations .inside ul li time,
#informations .inside ul li em {
	height:auto;
	line-height:100%;
	font-size:12px;
	padding:0 0 0 10px;
	width:70px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	background:#4aa0b5;
}
#informations .inside ul li time span,
#informations .inside ul li em span {
	position:absolute;
	top:50%;
	left:10px;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	font-weight:bold;
}
#informations .inside ul li time::after,
#informations .inside ul li em::after {
	height:17px;
	width:17px;
	border:3px solid #fff;

}

#informations .inside ul li strong {
	display:block;
	width:auto;
	line-height:1.1;
	font-size:10px;
	padding:0;
	margin:0 0 5px;
}
#informations .inside ul li strong a{
	width:67px;
	margin:0 0 0 15px;
	display:inline-block;
	height:23px;
	line-height:25px;
	border-radius:12px;font-size:17px;
	position:absolute;
	right:10px;
	bottom:10px;
}
#informations .inside ul li strong a:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#informations .inside ul li p {
	height:auto;
	width:269px;
	line-height:1.2;
	float:left;
	padding:10px 0px 10px 15px;
}
#informations .inside ul li span {
	display:block;
	line-height:1.2;
	font-size:10px;
}


#informations .inside #informations_02 ul{
	margin:0 15px 40px;
}
#informations .inside #informations_02 ul li p {
	line-height:1.2;
	font-size:10px;
	padding:10px 0 10px 15px;
}
#informations .inside #informations_02 ul li p.line_1 {
	padding:10px 0 0 15px;
}
#informations .inside #informations_02 ul li strong {
	height:auto;
	line-height:1.2;
	padding:0;
}
#informations .bt {
	padding:20px 0;
}
#informations .bt img{
	width:280px;
	margin:0 auto;
}

}