@charset "utf-8";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-size: 76%;
line-height: 1.3;
padding: 0;
margin: 0;
background: url("../images/bg.gif") repeat-y center top / 100% auto #fff;
background-attachment:fixed;
color: #333;
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
width: 100%;
height: 100%;
}
li{
list-style: none;
}
a {
color: #00acec;
}
#wrap {
color: #333;
font-size: 13px;
line-height: 1.6;
min-width: 320px;
padding-top: 100px;
}
#wrap * {
box-sizing: border-box;
word-break: break-all;
word-wrap: break-word;
}
#wrap img {
vertical-align: top;
width: 100%;
}
#wrap .inner {
position: relative;
clear: both;
margin: 0 auto;
padding: 0 10px;
width: 100%;
max-width: 980px;
min-width: 320px;
}
	@media screen and (max-width: 768px) {
	#wrap {
	padding-top: 60px;
	}
	}
#header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
background: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
z-index: 999;
}
body.active #header {
height: 60px;
}
#header .inner {
height: 60px;
}
#header .logo {
position: absolute;
left: 10px;
top: 15px;
z-index: 10;
}
#header .menu {
display: none;
position: absolute;
z-index: 99999;
width: 30px;
height: 24px;
right: 13px;
top: 17px;
cursor: pointer;
}
#header .menu {
transition: all .2s;
box-sizing: border-box;
}
#header .menu span {
display: inline-block;
transition: all .2s;
box-sizing: border-box;
}
#header .menu span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #ccc;
border-radius: 4px;
}
#header .menu span:nth-of-type(1) {
top: 0;
}
#header .menu span:nth-of-type(2) {
top: 10px;
}
#header .menu span:nth-of-type(3) {
bottom: 0;
}
#header .menu.active span {
background: #fff;
}
#header .menu.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
#header .menu.active span:nth-of-type(2) {
opacity: 0;
}
#header .menu.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(45deg);
transform: translateY(-10px) rotate(45deg);
}
@media screen and (max-width: 768px) {
	#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 999;
	}
	#header .logo {
	width: 260px;
	position: absolute;
	left: inherit;
	top: inherit;
	padding-top: 5px;
	}
	#header .logo img {
	display: inline-block;
	width: 100%;
	height: auto;
	}
	#header .menu {
	display: block;
	}
	}
.header_menu {
position: absolute;
right: 10px;
top: 60px;
width: 100%;
padding-left: 380px;
}
.header_menu ul {
clear: both;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-end;
align-items: stretch;
}
.header_menu ul li a {
display: block;
color: #666;
font-size: 90%;
text-decoration: none;
text-align: center;
border-left: 1px solid #ccc;
padding: 0 5px;
}
.header_menu ul li a:hover {
background: #666;
color: #fff;
}
body.active .header_menu {
right: inherit;
top: inherit;
border-right: none;
height: 100%;
width: auto;
padding: 0;
}
body.active .header_menu ul {
width: 100%;
height: 60px;
display: table;
}
body.active .header_menu ul li {
display: table-cell;
vertical-align: top;
}
body.active .header_menu ul li a {
display: table;
width: 100%;
height: 100%;
color: #fff;
border-left: none;
padding: 0 5px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
border: 1px solid #29B5E8;
border-right: none;
border-top: none;
}

body.active .header_menu ul li a > * {
display: table-cell;
vertical-align: middle;
}
body.active .header_menu ul li a:hover {
background: rgba(255,255,255,0.3);
color: #fff;
}
	@media screen and (max-width: 768px) {
	.header_menu {
	position: fixed;
	left: 100%;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 60px 0 0 0;
	background: #00aaea;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 100;
	}
	.header_menu.active {
	left: 0;
	}
	.header_menu ul {
	clear: both;
	width: 100%;
	height: inherit;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	}
	.header_menu ul li {
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.header_menu ul li a {
	position: relative;
	width: 100%;
	display: block;
	color: #fff;
	padding: 10px;
	font-size: 120%;
	border: none;
	text-align: left;
	}
	.header_menu ul li a:before {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
	}
	.header_menu ul li a:hover {
	background: none;
	}
	}
.header_bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body.active .header_bar {
animation: header_barTop 0.3s forwards;
-webkit-animation: header_barTop 0.3s forwards;
position: fixed;
left: 0;
top: -60px;
height: 60px;
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#29B5E8;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#29B5E8;
background-size: 100% 100%;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
    @keyframes header_barTop {
    0% {top: -60px;}
    100% {top: 0;}
    }
    @-webkit-keyframes header_barTop {
    0% {top: -60px;}
    100% {top: 0;}
    }
body.active .header_bar .inner {
display: table;
height: 60px!important;
}
body.active .header_bar .inner > * {
display: table-cell;
position: static;
vertical-align: top;
}
	@media screen and (max-width: 768px) {
	.header_bar,
	.header_bar .inner {
	width: 0;
	height: 0;
	left: 0;
	top: 0;
    max-width: inherit;
    min-width: inherit;
	}
	}
.header_sns {
position: absolute;
right: 10px;
top: 0;
font-size: 0;
}
.header_sns > * {
display: inline-block;
margin: 6px 0 0 8px;
width: 32px;
border-radius: 16px;
}
.header_sns a {
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.header_sns a:hover {
opacity: 0.7;
}
.header_sns img {
width: 100%;
opacity: 1!important;
}
.header_sns .fb {
background: #537cbe;
}
.header_sns .tw {
background: #77cdf0;
}
.header_btn {
position: absolute;
right: 100px;
top: 0;
width: 300px;
}
.header_btn a {
display: block;
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background-size: 100% 100%;
border: 1px solid #ff8000;
border-top: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2),
0 1px 3px rgba(0,0,0,0.25);
text-align: center;
line-height: 40px;
height: 40px;
text-decoration: none;
color: #fff;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.header_btn a:hover {
opacity:0.70;
}
.header_btn a.contact_end {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
border: 1px solid #999;
border-top: none;
cursor: default;
}
.header_btn a.contact_end:hover {
opacity: 1;
}
body.active .header_sns {
right: inherit;
top: inherit;
}
body.active .header_sns {
width: 120px;
}
body.active .header_sns > * {
display: inline-block;
margin: 0;
width: 60px;
height: 60px;
border-radius: 0;
}
body.active .header_sns .fb a {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#537cbe;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#537cbe;
background-size: 100% 100%;
border: 1px solid #537cbe;
border-right: none;
border-top: none;
}
body.active .header_sns .tw a {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#77cdf0;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#77cdf0;
background-size: 100% 100%;
border: 1px solid #77cdf0;
border-right: none;
border-top: none;
}
body.active .header_sns > *:hover {
opacity: 0.7;
}
body.active .header_sns > * a {
display: table;
width: 100%;
height: 100%;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
body.active .header_sns > * a > * {
display: table-cell;
text-align: center;
vertical-align: middle;
}
body.active #wrap .header_sns img {
width: 32px;
opacity: 1!important;
}
body.active #wrap .header_btn {
right: inherit;
top: inherit;
width: 120px;
}
body.active .header_btn a {
display: block;
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background-size: 100% 100%;
border: 1px solid #ff8000;
border-right: none;
border-top: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
line-height: 60px;
height: 60px;
border-radius: 0;
transition: all 0s linear;
-webkit-transition: all 0s linear;
}
body.active .header_btn a.contact_end {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
background-size: 100% 100%;
border: 1px solid #999;
border-right: none;
border-top: none;
}
body.active .header_btn a.contact_end:hover {
opacity: 1;
}
body.active .header_btn a:hover {
opacity:0.70;
}
	@media screen and (max-width: 768px) {
	.header_btn,
	.header_sns {
	display: none;
	}
	}
#visual {
position: relative;
background: url("../images/visual_bg.jpg") no-repeat center center / cover;
}
#visual .inner {
}
.visual_video{
position:relative;
height: 500px;
width: 100%;
overflow: hidden;
}
.visual_video video{
width: 100%;
height:auto;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.visual_video .text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align:center;
width: 100%;
max-width: 680px;
z-index: 1;
}
    @media screen and (max-width: 900px) {
    .visual_video{
    height: 400px;
    }
    }
    @media screen and (max-width: 800px) {
    .visual_video{
    height: 500px;
    width: 100%;
    overflow: hidden;
    }
    .visual_video video{
    width:auto;
    height: 100%;
    }
    }
    @media screen and (max-width: 768px) {
    .visual_video{
    height: 300px;
	height: auto;
    }
.visual_video .text{
position: relative;
top: inherit;
left: inherit;
transform: translate(0, 0);
	}
    .visual_video video{
    width:100%;
    height: auto;
    }
    .visual_video video{
    display: none;
    }
    }
	/*
    @media screen and (max-width: 550px) {
    .visual_video{
    height: 200px;
    }
    }
    @media screen and (max-width: 400px) {
    .visual_video{
    height: 180px;
    }
    }
	*/
.area_bar {
margin: 0 auto;
padding: 10px 0;
margin-bottom: 30px;
border-bottom: 3px double #333;
color: #333;
font-size: 180%;
font-weight: bold;
line-height: 1.2;
}
.area_bar span {
display:inline-block;
color: #ccc;
font-size: 70%;
margin: 0 10px;
}
	@media screen and (max-width: 768px) {
	.area_bar {
	font-size: 150%;
	}
	}
.read b {
display: inline-block;
line-height: 1;
padding: 10px;
background: #29B5E8;
color: #fff;
margin-bottom: 10px;
}
.read b.read02 {
background: #11567F;
}
.read b.read03 {
background: #000000;
}
#read_area {
font-size: 120%;
padding: 30px 0;
}
#read_area .text > b {
color: #00aceb;
font-size: 130%;
}
#read_area .text.type_str {
border: 2px solid #c20000;
color: #c20000;
padding: 10px;
margin-bottom: 20px;
font-weight: bold;
text-align: center;
}
	@media screen and (max-width: 500px) {
	#read_area {
	font-size: 100%;
	padding: 10px 0;
	}
    #read_area .text.type_str .spno {
    display: none;
    }
	}
#speaker_area .text {
font-size: 120%;
padding: 30px;
border: 5px solid #ccc;
background: #fafafa;
margin: 0 auto 50px;
max-width: 760px;
}
#speaker_area .text > b {
color: #00aceb;
font-size: 130%;
}
	@media screen and (max-width: 500px) {
	#speaker_area .text {
	font-size: 100%;
	padding: 10px;
	}
	}
.speakers {
padding-bottom: 30px;
}
.speakers_list {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.speakers_list > .item {
width: 20%;
padding: 0;
display: flex;
    margin: 0 2%;
}
.speakers_list > .item .item_in {
color: #333;
width: 100%;
padding: 10px;
text-decoration: none;
background: #fff;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
transition: all 0.2s linear;
}
.speakers_list > .item a.item_in:hover {
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
transform: translateY(-10px);
}
.speakers_list_box {
width: 100%;
}
.speakers_list_box .photo {
width: 100%;
}
.speakers_list_box .companyname {
padding: 10px;
}
.speakers_list.type3col {
flex-flow: row wrap;
}
.speakers_list > .item.special > * {
background: #f4f0e2;
box-shadow: 0 0 0 2px rgba(255,255,255,1.0) inset;
}
	@media screen and (max-width: 768px) {
    .speakers_list {
    flex-flow: row wrap;
    }
    .speakers_list > .item {
    width: 50%;
	margin: 0;
    }
}
/*
	@media screen and (max-width: 420px) {
    .speakers_list {
    flex-flow: row wrap;
    }
    .speakers_list > .item {
    width: 50%;
    }
}
*/
#lecture_area {
background: rgba(221,221,221,0.5);
padding: 30px 0 0;
}
.keynoteList01 ul {
clear: both;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch ;
padding-bottom: 10px;
}
.keynoteList01 .item {
width: 33.33%;
padding-bottom: 20px;
}
.keynoteList01.type2col .item {
width: 50%;
padding-bottom: 20px;
}
.keynoteList01.type2col .item.col_1 {
width: 100%;
}
.keynoteList01 .item > * {
display: block;
margin: 0 10px;
height: 100%;
background: #fff;
box-shadow: 0 0 10px rgba(40,40,100,0.1);
transition: all 1s linear;
-webkit-transition: all 1s linear;
text-decoration: none;
}
.keynoteList01 .item > *:hover {
opacity: 0.7;
}
.keynoteList01 .title {
background: -webkit-linear-gradient(
top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00acec;
background: linear-gradient(
to top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00acec;
background-size: 100% 100%;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.2), inset -1px 0 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0,0,0,0.25);
border: 1px solid #00acec;
color: #fff;
padding: 10px;
}
.keynoteList01 .title > * {
display: block;
}
.keynoteList01 .title .time {
display: inline-block;
font-size: 80%;
}
.keynoteList01 .title .category {
display: inline-block;
font-size: 80%;
}
.keynoteList01 .title .companyname {
display: block;
font-size: 110%;
line-height: 1.2;
}
.keynoteList01 .info {
display: table;
width: 100%;
}
.keynoteList01 .info > * {
display: table-cell;
vertical-align: top;
color: #333;
}
.keynoteList01 .photo {
width: 100px;
}
.keynoteList01 .photo img {
width: 100%;
}
.keynoteList01 .name {
padding: 10px;
line-height: 1.2;
font-size: 12px;
}
	@media screen and (max-width: 768px) {
	.keynoteList01 .item {
	width: 50%;
	}
    .keynoteList01.type2col .item {
    width: 100%;
    }
	}
	@media screen and (max-width: 550px) {
	.keynoteList01 .item {
	width: 100%;
	}
	.keynoteList01 .item > * {
	margin: 0;
	}
	.keynoteList01 .title .time,
	.keynoteList01 .title .category {
	display: inline-block;
	}
	}
.keynote_list02 ul {
clear: both;
margin: 0 10px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch ;
}
.keynote_list02 .item {
width: 100%;
position: relative;
margin-bottom: 20px;
padding: 20px;
background: #fff;
border: 2px solid #00acec;
box-shadow: 0 0 10px rgba(40,40,100,0.1);
}
.keynote_list02 .title {
font-size: 130%;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
color: #00acec;
}
.keynote_list02 .title .time {
position: absolute;
left: 0;
top: 0;
background: #00acec;
color: #fff;
padding: 10px;
line-height: 1;
font-weight: normal;
width: 130px;
text-align: center;
}
.keynote_list02 .title .category {
position: absolute;
left: 130px;
top: 0;
padding: 10px;
font-weight: normal;
line-height: 1.2;
}
.keynote_list02 .title .seminartitle {
display: block;
padding-top: 25px;
}
.keynote_list02 .box {
display: table;
width: 100%;
}
.keynote_list02 .box > * {
display: table-cell;
vertical-align: top;
}
.keynote_list02 .photo {
width: 150px;
padding-bottom: 20px;
}
.keynote_list02 .photo img {
width: 100%;
}
.keynote_list02 .info {
padding: 0 20px 20px 20px;
}
.keynote_list02 .companyname {
margin-bottom: 1em;
font-weight: bold;
font-size: 120%;
color: #999;
}
.keynote_list02 .seminartext {
margin-bottom: 1em;
}
.keynote_list02 .seminaroverview {
clear: both;
border: 9px solid #eee;
padding: 20px;
}
.keynote_list02 .seminaroverview b {
font-size: 120%;
color: #999;
}
	@media screen and (max-width: 550px) {
	.keynote_list02 ul {
	margin: 0;
	}
	.keynote_list02 .box {
	display: block;
	padding: 0;
	}
	.keynote_list02 .box > * {
	display: block;
	padding: 0 0 10px 0;
	}
	.keynote_list02 .item {
    padding: 10px;
	}
	.keynote_list02 .box > *.photo {
	text-align: center;
	margin: 0 auto 10px auto;
	}
	.keynote_list02 .title {
	font-size: 110%;
	}
	.keynote_list02 .title .time {
	padding: 5px 10px;
	font-size: 90%;
	}
	.keynote_list02 .title .category {
	position: relative;
	left: inherit;
	top: inherit;
	padding: 25px 10px 10px 10px;
	}
	.keynote_list02 .title .seminartitle {
	padding-top: 0;
	line-height: 1.2;
	}
	}
#area03 {
padding: 30px 0;
background: #00acec;
box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3);
}
#area03 .area_bar {
color: #fff;
border-color: #fff;
}
.sessionList ul {
clear: both;
margin-bottom: 30px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch ;
}
.sessionList .item {
width: 33.33%;
margin-bottom: 20px;
}
.sessionList.type2col .item {
width: 50%;
margin-bottom: 20px;
}
.sessionList.type2col .item.col_1 {
width: 100%;
}
.sessionList .item > * {
position: relative;
margin: 0 10px;
padding: 20px;
background: #fff;
box-shadow: 0 0 10px rgba(40,40,100,0.1);
height: 100%;
}
.sessionList .title {
padding: 20px 0 10px 0;
line-height: 1.2;
font-weight: normal;
color: #00acec;
}
.sessionList .title .time {
position: absolute;
left: 0;
top: 0;
background: #00acec;
color: #fff;
line-height: 1;
padding: 10px;
}
.sessionList .title .category {
display: block;
text-align: center;
padding: 5px;
}
.sessionList .title .category > * {
display: inline-block;
}
.sessionList .box .seminartitle {
display: block;
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.2;
color: #00acec;
}
.sessionList .title .seminartitle {
display: block;
font-size: 110%;
font-weight: bold;
line-height: 1.2;
}
.sessionList .box {
width: 100%;
}
.sessionList .box > * {
}
.sessionList .photo {
width: 150px;
margin: 0 auto;
padding-bottom: 20px;
}
.sessionList .photo img {
width: 100%;
}
.sessionList .info {
}
.sessionList .companyname {
font-size: 100%;
color: #999;
line-height: 1.2;
}
.popupContents {
display: none;
}
.mfp-content {
max-width: 600px!important;
}
.mfp-close {
position: fixed!important;
top: 15px!important;
right: 15px!important;
width: 30px!important;
height: 30px!important;
opacity: 1!important;
text-indent: -9999px;
position: relative;
}
.mfp-close:before,
.mfp-close:after {
position: absolute;
left: 0;
top: 50%;
content: "";
width: 30px;
height: 2px;
background: #fff;
}
.mfp-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mfp-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mfp-close:hover {
opacity: 0.7!important;
}
.popupBox {
background: #fff;
border-radius: 5px;
padding: 20px;
font-size: 110%;
margin: 60px 10px 10px 10px;
}
.popupBox .time {
display: inline-block;
background: #00acec;
color: #fff;
padding: 0 10px;
}
.popupBox .category {
color: #00acec;
display: inline-block;
}
.popupBox .seminartitle {
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
color: #00acec;
font-weight: bold;
}
.detailBtn {
padding: 10px 0 0 0;
text-align: right;
}
.detailBtn > * {
cursor: pointer;
display:inline-block;
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#333;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#333;
background-size: 100% 100%;
border: 1px solid #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2),
0 1px 3px rgba(0,0,0,0.25);
text-align: center;
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 5px 10px;
border-radius: 5px;
}
.detailBtn > *:hover {
opacity:0.70;
}
.profilePhotoBox {
display: table;
width: 100%;
}
.profilePhotoBox > * {
display: table-cell;
vertical-align: top;
}
.profilePhotoBox > *.profilePhotoBoxImage {
width: 100px;
}
.profilePhotoBox > *.profilePhotoBoxImage img {
width: 100%;
}
.profilePhotoBox > *.profilePhotoBoxText {
padding: 10px;
}
.profileBox {
display: table;
width: 100%;
}
.profileBox > * {
display: table-cell;
vertical-align: top;
}
.profileBox > *.profileBoxTitle {
width: 7em;
}
	@media screen and (max-width: 768px) {
	.sessionList .item {
	width: 50%;
	}
    .sessionList.type2col .item {
    width: 100%;
    }
	}
	@media screen and (max-width: 550px) {
	.sessionList .item {
	width: 100%;
	}
	.sessionList .item > * {
	margin: 0;
	padding: 20px 10px 10px 10px;
	}
	.sessionList .title .time,
	.sessionList .title .category {
	display: inline-block;
	}
	.profileBox {
	margin-bottom: 5px;
	}
	.profileBox > * {
	display: block;
	}
	.profileBox > *.profileBoxTitle {
	width: inherit;
	}
	}
#program_area {
padding: 30px 0;
background: #fff;
}
#program_area .inner{
max-width: 1400px;
}
.schedule_list dl {
clear: both;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ddd;
font-size: 110%;
}
.schedule_list dl > * {
padding: 20px 10px;
text-align: center;
}
.schedule_list dl > dt.time {
width: 12%;
}
.schedule_list dl > dd {
width: 30%;
line-height: 1.2;
color: #00b5f9;
}
.schedule_list.type2col dl > dd {
width: 45%;
}
.schedule_list dl > dd a {
padding: 5px;
line-height: 1.2;
width: 100%;
height: 100px;
display: table;
background: -webkit-linear-gradient(
top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00aaec;
background: linear-gradient(
to top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00aaec;
background-size: 100% 100%;
border: 1px solid #00aaec;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2),
0 1px 3px rgba(0,0,0,0.25);
color: #fff;
text-align: center;
border-radius: 5px;
text-decoration: none;
}
.schedule_list dl > dd a > .box {
display: table-cell;
vertical-align: middle;
border-radius: 4px;
background: #fff;
padding: 5px;
color: #00aaec;
}
.schedule_list dl > dd.type_key a > .box {
background: none;
color: #fff;
}
.schedule_list dl > dd a:hover {
opacity:0.70;
}
.schedule_list dl > dd a .category {
}
.schedule_list dl > dd a .category > * {
display: inline-block;
}
.schedule_list dl > dd a .companyname {
display: block;
text-align: center;
}
.schedule_list dl > dd a .text {
font-size: 80%;
}
.schedule_list_head {
font-weight: bold;
}
.schedule_list_head dl > dd span {
display: inline-block;
}
.schedule_list dl > dd.col_1 {
width: 100%!important;
padding-left: 20px;
}
.schedule_list dl > dt.time {
padding: 10px 0;
text-align: left;
font-size: 100%;
}
.schedule_text {
padding: 20px 0 0 0;
}
.schedule_list dl > dd.type_no {
color: #999;
font-weight: bold;
}
	@media screen and (max-width: 768px) {
	.schedule_list dl {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	border: none;
	align-items: flex-start;
	}
	.schedule_list_head  dl > dt.time {
	display: none;
	}
	.schedule_list_body dl > dt.time {
	background: #eee;
	width: 100%;
	padding: 5px;
	text-align: center;
	}
	.schedule_list_body dl {
	margin-bottom: 10px;
	}
	.schedule_list dl > dd {
	width: 33.33%;
	padding: 5px 2px;
	}
    .schedule_list dl > dd.col_1 {
    padding-left: 10px;
    }
	.schedule_list.type2col dl > dd {
	width: 50%;
	}
	.schedule_list dl > dd a {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
	color: #333;
	}
	.schedule_list dl > dd a .category {
	padding-bottom: 5px;
	display: block;
	}
	.schedule_list dl > dd a .category > * {
	display: block;
	text-align: center;
	}
	.schedule_list dl > dd a .companyname {
	padding: 5px;
	width: 100%;
	min-height: 80px;
	line-height: 1.2;
	display: table;
	background: -webkit-linear-gradient(
	top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#00aaec;
	background: linear-gradient(
	to top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#00aaec;
	background-size: 100% 100%;
	border: 1px solid #00aaec;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	}
	.schedule_list dl > dd a .companyname > * {
	padding: 10px 5px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	color: #00aaec;
	border-radius: 4px;
	}
	.schedule_list dl > dd.type_key a .category {
	color: #00aaec;
	}
	.schedule_list dl > dd.type_key a .companyname > * {
	background: none;
	color: #fff;
	}
	}
	@media screen and (max-width: 500px) {
	.schedule_list dl > dd a .category {
	font-size: 90%;
	}
	.schedule_list dl > dd a .category > *:nth-child(2){
	font-size: 80%;
	}
	.schedule_list dl {
	font-size: 100%;
	}
	.schedule_list dl > dd a .companyname {
    min-height: 100px;
	}
	}
.contact_area {
clear: both;
margin: 0 auto 0 auto;
}
.contact_area .bar {
text-align: center;
margin-bottom: 20px;
padding-top: 50px;
font-size: 250%;
color: #666;
line-height: 1.2;
}
.contact_area .bar span {
color: #1ab4ee;
}
.contactinner {
position: relative;
background: rgba(221,221,221,0.5);
padding: 40px 0;
}
.contact_area.type_one .contactinner {
padding-top: 20px;
}
.contact_area .text {
text-align: center;
padding: 10px;
}
.contact_area .text > * {
display: inline-block;
}
.contact_area .btn {
margin: 0 auto;
max-width: 600px;
}
.contact_area .btn a {
display: table;
width: 100%;
height: 90px;
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff8000;
background-size: 100% 100%;
border: 1px solid #ff8000;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 1px 0 0 rgba(255, 255, 255, 0.2),
inset -1px 0 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.2),
0 1px 3px rgba(0,0,0,0.25);
padding: 10px 0;
text-align: center;
color: #fff;
font-size: 250%;
text-decoration: none;
border-radius: 5px;
}
.contact_area .btn a.contact_end {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#999;
background-size: 100% 100%;
border: 1px solid #999;
cursor: default;
}
.contact_area .btn a.contact_end:hover {
opacity: 1;
}
.contact_area .btn a > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.contact_area a:hover {
opacity:0.70;
}
	@media screen and (max-width: 768px) {
	.contact_area .bar {
	text-align: center;
	font-size: 150%;
	}
	.contact_area .btn a {
	font-size: 200%;
	height: 70px;
	}
	.contact_area.type_one .contact_btn {
	padding: 0!important;
	}
	.contact_area.type_one .contactinner {
	padding: 20px!important;
	}
	}
	@media screen and (max-width: 450px) {
	.contact_area .bar {
	font-size: 125%;
	}
	.contact_area .bar br {
	display: none;
	}
	.contact_area .btn a {
	font-size: 150%;
	height: 60px;
	}
	.contact_area.type_one .contactinner {
	padding: 10px!important;
	}
	}
#summary_area {
padding: 30px 0;
}
.summary_dlist_table {
font-size: 110%;
margin: 0 auto;
max-width: 760px;
}
.summary_dlist_table {
margin-bottom: 10px;
border: 5px solid #ccc;
background: #fff;
}
.mapimg {
display: inline-block;
margin: 5px;
max-width: 200px;
}
.summary_dlist_table dl {
display: table;
width: 100%;
}
.summary_dlist_table dl > * {
display: table-cell;
vertical-align: middle;
}
.summary_dlist_table dt {
width: 180px;
border-right: 1px solid #ccc;
font-weight: bold;
text-align: center;
padding: 15px;
}
.summary_dlist_table dd {
text-align: left;
padding: 15px;
}
.summary_dlist_table dl:nth-child(even) {
background: #f7f7f7;
}
.summary_text {
margin: 0 auto;
max-width: 760px;
}
	@media screen and (max-width: 500px) {
	.summary_dlist_table dl {
	display: block;
	}
	.summary_dlist_table dl > * {
	display: block;
	padding: 10px;
	}
	.summary_dlist_table dl:nth-child(even) {
	background: none;
	}
	.summary_dlist_table dl > dt {
	background: #f7f7f7;
	width: 100%;
	border: none;
	text-align: left;
	}
	}
#flow_area {
padding: 30px 0;
background: none;
}
.flow {
text-align: center;
clear: both;
padding-bottom: 30px;
}
	@media screen and (max-width: 768px) {
	.flow {
	padding: 0;
	}
	.flow img {
	width: 100%;
	}
	.flowBox {
	margin: 0;
	}
	.flowBox .info {
	float: none;
	position: relative;
	z-index: 10;
	}
	.flowBox .title {
	padding: 0 10px;
	}
	.flowBox .text {
	padding: 0 10px;
	}
	.flowBox .title img {
	width: 60px;
	}
	.flowBox .infoIn {
	width: auto;
	}
	.flowBox .title > *.icon {
	padding: 10px 10px 10px 0;
	width: 94px;
	}
	.flowBox .title .text {
	padding: 10px 10px 10px 0;
	font-size: 90%;
	}
	.flowBox .infoIn > .text {
	padding: 0 10px 50px 10px;
	}
	.flowBox .image {
	position: absolute;
	right: 0;
	bottom: 0;
	float: none;
	margin: 0;
	width: auto;
	text-align: right;
	opacity: 0.3;
	}
	.flowBox li > .image img{
	max-width: 80%;
	}
	}
	@media screen and (max-width: 500px) {
	.flowBox .title > *.icon {
	padding-right: 0;
	width: 74px;
	}
	}
#sponsor_area {
padding: 30px 0;
}
#sponsor_area .area_bar {
}
#sponsor_area .area_bar span {
color: #999;
}
.logo_list .text {
text-align: center;
padding-bottom: 20px;
color: #fff;
font-size: 130%;
}
.logo_list .tit {
text-align: center;
font-size: 140%;
margin-bottom: 30px;
}
.logo_list ul {
clear: both;
margin-bottom: 30px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
}
.logo_list ul em {
display: inline-block;
padding-bottom: 10px;
color: #111;
font-size: 90%;
display: none;
}
.logo_list ul li.item {
width: 25%;
padding: 10px;
text-align: center;
min-height: inherit;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.logo_list ul li.item > .logo {
display: table;
max-width: 230px;
min-height: inherit;
background: #fff;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.20);
text-decoration: none;
}
.logo_list ul li.item > .logo > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.logo_list ul li.item > .logo > * img {
max-width: 230px;
}
	@media screen and (max-width: 768px) {
	.logo_list ul li.item {
	width: 50%;
	min-height: inherit;
	padding: 0 0 10px 0;
	}
	}
	@media screen and (max-width: 500px) {
	.logo_list ul li.item {
	min-height: inherit;
	width: 100%;
	}
	.logo_list ul li.item > .logo {
	min-height: inherit;
	max-width: 100%;
	width: 100%;
	}
	.logo_list ul li.item > .logo > * img {
	max-width: inherit;
	width: auto!important;
	height: 100%;
	}
	}
#access_area {
padding: 30px 0 0 0;
background: rgba(221,221,221,0.5);
}
#access_area .inner {
width: 100%;
}
#access_area .area_bar {
color: #666;
border-color: #999;
margin: 0 auto;
}
#access_area .box {
display: table;
width: 100%;
}
#access_area .box > * {
display: table-cell;
padding: 20px;
vertical-align: top;
word-wrap: break-word;
word-break: break-all;
}
#access_area .map {
height: 500px;
}
	@media screen and (max-width: 768px) {
	#access_area .box > * {
	display: block;
	padding: 10px 0;
	}
	#access_area .map {
	padding: 10px;
	height: 300px;
	}
	}
#footer {
background: #f7f7f7;
}
.footerIn {
margin: 0 auto;
}
#footer .copy {
padding: 30px 0;
text-align: center;
}
#footer .link {
text-align: center;
padding: 0 0 30px 0;
}
.pagetop {
position: fixed;
right: 10px;
bottom: -100px;
width: 50px;
height: 50px;
background: rgba(41,181,232,0.8);
border-radius: 25px;
line-height: 50px;
text-align: center;
color: #fff!important;
text-decoration: none;
font-size: 90%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.pagetop.active {
bottom: 10px;
}
	@media screen and (max-width: 500px) {
	.pagetop {
	width: 40px;
	height: 40px;
	line-height: 40px;
	}
	}
/* color */
.schedule_list dl > dd.type_a a,
.keynoteList01 .item.type_a .title {
background: -webkit-linear-gradient(
top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#ff7200;
background: linear-gradient(
to top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#ff7200;
background-size: 100% 100%;
border-color: #ff7200;
}
.keynote_list02 .item.type_a {
border-color: #ff7200;
}
.keynote_list02 .item.type_a .title .time {
background-color: #ff7200;
}
.keynote_list02 .item.type_a .title {
border-color: #ff7200;
color: #ff7200;
}
.sessionList .item.type_a .title {
color: #ff7200;
}
.sessionList .item.type_a .box .seminartitle {
color: #ff7200;
}
.sessionList .item.type_a .title .time {
background-color: #ff7200;
}
.sessionList .item.type_a .detailBtn > * {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff7200;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#ff7200;
background-size: 100% 100%;
border-color: #ff7200;
}
.popupBox.type_a .time {
background-color: #ff7200;
}
.popupBox.type_a .category {
color: #ff7200;
}
.popupBox.type_a .seminartitle {
color: #ff7200;
}
.schedule_list_head dd.type_a {
color: #ff7200;
}
.schedule_list_body dd.type_a a > .box {
color: #ff7200;
}
	@media screen and (max-width: 768px) {
	.schedule_list dl > dd.type_a a .companyname {
	background: -webkit-linear-gradient(
	top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#ff7200;
	background: linear-gradient(
	to top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#ff7200;
	background-size: 100% 100%;
	border-color: #ff7200;
	}
	.schedule_list dl > dd.type_a a {
	background: none;
	border: none;
	}
	.schedule_list dl > dd.type_a a .companyname > * {
	color: #ff7200;
	}
	.schedule_list dl > dd.type_a.type_key a .companyname > * {
	color: #fff;
	}
	.schedule_list dl > dd.type_a.type_key a .category {
	color: #ff7200;
	}
	}
.schedule_list dl > dd.type_b a,
.keynoteList01 .item.type_b .title {
background: -webkit-linear-gradient(
top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00a0ea;
background: linear-gradient(
to top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#00a0ea;
background-size: 100% 100%;
border-color: #00a0ea;
position: relative;
}
.keynote_list02 .item.type_b {
border-color: #00a0ea;
}
.keynote_list02 .item.type_b .title .time {
background-color: #00a0ea;
}
.keynote_list02 .item.type_b .title {
border-color: #00a0ea;
color: #00a0ea;
}
.sessionList .item.type_b .title {
color: #00a0ea;
}
.sessionList .item.type_b .box .seminartitle {
color: #00a0ea;
}
.sessionList .item.type_b .title .time {
background-color: #00a0ea;
}
.sessionList .item.type_b .detailBtn > * {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#00a0ea;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#00a0ea;
background-size: 100% 100%;
border-color: #00a0ea;
}
.popupBox.type_b .time {
background-color: #00a0ea;
}
.popupBox.type_b .category {
color: #00a0ea;
}
.popupBox.type_b .seminartitle {
color: #00a0ea;
}
.schedule_list_head dd.type_b {
color: #00a0ea;
}
.schedule_list_body dd.type_b a > .box {
color: #00a0ea;
}
	@media screen and (max-width: 768px) {
	.schedule_list dl > dd.type_b a .companyname {
	background: -webkit-linear-gradient(
	top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#00a0ea;
	background: linear-gradient(
	to top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#00a0ea;
	background-size: 100% 100%;
	border-color: #00a0ea;
	}
	.schedule_list dl > dd.type_b a {
	background: none;
	border: none;
	}
	.schedule_list dl > dd.type_b a .companyname > * {
	color: #00a0ea;
	}
	.schedule_list dl > dd.type_b.type_key a .companyname > * {
	color: #fff;
	}
	.schedule_list dl > dd.type_b.type_key a .category {
	color: #00a0ea;
	}
	}
.schedule_list dl > dd.type_c a,
.keynoteList01 .item.type_c .title {
background: -webkit-linear-gradient(
top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#a65753;
background: linear-gradient(
to top,
transparent 0%,
rgba(255,255,255,0.3) 100%),#a65753;
background-size: 100% 100%;
border-color: #a65753;
}
.keynote_list02 .item.type_c {
border-color: #a65753;
}
.keynote_list02 .item.type_c .title .time {
background-color: #a65753;
}
.keynote_list02 .item.type_c .title {
border-color: #a65753;
color: #a65753;
}
.sessionList .item.type_c .title {
color: #a65753;
}
.sessionList .item.type_c .box .seminartitle {
color: #a65753;
}
.sessionList .item.type_c .title .time {
background-color: #a65753;
}
.sessionList .item.type_c .detailBtn > * {
background: -webkit-linear-gradient(
top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#a65753;
background: linear-gradient(
to top,
transparent 0%,
transparent 49%,
rgba(255,255,255,0.2) 50%,
rgba(255,255,255,0.4) 100%),#a65753;
background-size: 100% 100%;
border-color: #a65753;
}
.popupBox.type_c .time {
background-color: #a65753;
}
.popupBox.type_c .category {
color: #a65753;
}
.popupBox.type_c .seminartitle {
color: #a65753;
}
.schedule_list_head dd.type_c {
color: #a65753;
}
.schedule_list_body dd.type_c a > .box {
color: #a65753;
}
	@media screen and (max-width: 768px) {
	.schedule_list dl > dd.type_c a .companyname {
	background: -webkit-linear-gradient(
	top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#a65753;
	background: linear-gradient(
	to top,
	transparent 0%,
	rgba(255,255,255,0.3) 100%),#a65753;
	background-size: 100% 100%;
	border-color: #a65753;
	}
	.schedule_list dl > dd.type_c a {
	background: none;
	border: none;
	}
	.schedule_list dl > dd.type_c a .companyname > * {
	color: #a65753;
	}
	.schedule_list dl > dd.type_c.type_key a .companyname > * {
	color: #fff;
	}
	.schedule_list dl > dd.type_c.type_key a .category {
	color: #a65753;
	}
	}
.effect {
transition: transform 0.3s linear, opacity 0.8s linear;
-moz-transition: transform 0.3s linear, opacity 0.8s linear;
-webkit-transition: transform 0.3s linear, opacity 0.8s linear;
/*
opacity: 0;
transform: translateY(100px);
*/
}
.effect.active {
opacity: 1!important;
transform: translateY(0)!important;
}
.effectdelay {
transition: transform 0.5s linear, opacity 1.2s linear;
-moz-transition: transform 0.5s linear, opacity 1.2s linear;
-webkit-transition: transform 0.5s linear, opacity 1.2s linear;
/*
opacity: 0;
transform: translateY(100px);
*/
}
#visual.effectdelay {
/*
transform: translateY(-100px);
*/
}
.effectdelay.active {
opacity: 1!important;
transform: translateY(0)!important;
}
/* new style
--------------------------------------------- */
.supervision {
padding-bottom: 30px;
}
.supervision_box {
display: flex;
flex-flow: row-reverse nowrap;
justify-content: space-between;
padding: 0 10px 20px;
}
.supervision_title {
padding-bottom: 30px;
}
.supervision_title .title {
border-bottom: 1px solid #ddd;
font-size: 200%;
}
.supervision_title .lead {
padding-top: 10px;
font-size: 150%;
}
.supervision_box .image {
width: 40%;
}
.supervision_box .image a {
color: #fff;
text-decoration: none;
}
.supervision_box .name {
padding: 20px;
background: #666;
color: #fff;
}
.supervision_box .info {
width: 60%;
padding: 0 30px 0 0;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.supervision_box .info .lead {
font-size: 120%;
margin-bottom: 20px;
}
	@media screen and (max-width: 768px) {
    .supervision_box {
    flex-flow: column nowrap;
    }
    .supervision_box .image {
    width: 100%;
    padding: 0 0 20px;
    text-align: center;
    }
    .supervision_box .image img {
    max-width: 400px;
    }
    .supervision_box .info {
    width: 100%;
    padding-right: 0;
    }
    }
.flow {

}
.flow_list {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
padding: 20px 0;
}
.flow_list .item {
position: relative;
width: 25%;
padding: 0 20px;
}
.flow_list .item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 100px;
transform: rotate(-45deg) translate(50%,-10%);
width: 15px;
height: 15px;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
}
.flow_list .item .title {
position: relative;
background: #111;
background: linear-gradient(transparent, rgba(255,255,255,0.3)),#111;
width: 200px;
height: 200px;
color: #fff;
text-align: center;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
border-radius: 100px;
padding: 20px;
margin: 0 auto;
}
.flow_list .item .title > * {
display: block;
text-align: center;
}
.flow_list .item .title > span {
font-size: 200%;
padding-bottom: 10px;
}
.flow_list .item .title > b {
width: 100%;
border-top: 1px solid #fff;
padding: 20px 0 0 0;
min-height: 100px;
font-weight: normal;
}
.flow_list .item .text {
text-align: left;
padding: 20px 0;
font-size: 110%;
}
	@media screen and (max-width: 1000px) {
    .flow_list .item .title {
    width: 160px;
    height: 160px;
    border-radius: 80px;
    padding: 10px;
    }
    .flow_list .item:not(:last-child)::after {
    top: 80px;
    }
    .flow_list .item .title > span {
    font-size: 150%;
    padding-bottom: 10px;
    }
    .flow_list .item .title > b {
    padding: 10px 0 0 0;
    min-height: 80px;
    }
    .flow_list .item .text {
    padding: 10px 0;
    }
    }
	@media screen and (max-width: 800px) {
    .flow_list {
    flex-flow: column nowrap;
    }
    .flow_list .item {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 20px 0;
    }
    .flow_list .item .title {
    width: 160px;
    flex: 0 0 160px;
    }
    .flow_list .item .text {
    flex: 1;
    padding: 10px 20px;
    }
    .flow_list .item .title > * {
    line-height: 1.3;
    }
    .flow_list .item:not(:last-child)::after {
    right: 50%;
    top: inherit;
    bottom: 0;
    transform: rotate(45deg) translate(50%,-100%);
    width: 15px;
    height: 15px;
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    }
    }
.read_area .read {
padding: 40px 0;
font-size: 120%;
}
.read_contact_area .title {
background: #333;
background: linear-gradient(#333, #000);
padding: 30px;
}
#wrap .read_contact_area .title > .inner{
display: block;
position: relative;
clear: both;
margin: 0 auto;
width: 100%;
max-width: 980px;
min-width: 320px;
text-align: center;
color: #fff;
font-size: 120%;
line-height: 1.4;
}
#wrap .read_contact_area > .inner {
display: flex;
flex-flow: row nowrap;
}
#wrap .read_contact_area > .inner > * {
width: 50%;
padding: 50px 20px;
}
#wrap .read_contact_area > .inner > *.read {
width: 45%;
}
#wrap .read_contact_area > .inner > *.contact_btn {
width: 55%;
}
.read_contact_area .contact_btn > ul li {
margin-bottom: 30px;
}
.contact_btn li a {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
text-align: center;
height: 60px;
border-radius: 30px;
color: #fff;
text-decoration: none;
line-height: 1.3;
padding: 5px 10px;
background: #ff8000;
background: linear-gradient( to top, transparent 0%, transparent 49%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.4) 100%),#ff8000;
transition: all 0.3s linear;
}
.contact_btn li a br {
display: none;
}
.contact_btn li:nth-child(2) a {
background-color: #00aaea;
}
.contact_btn li a:hover {
opacity: 0.7;
}
.contact_btn li b {
font-size: 130%;
}
.contact_btn li span {
font-size: 110%;
font-weight: bold;
}
.contact_btn .text {
display: block;
text-align: center;
}
.contact_btn .text b {
font-size: 150%;
color: #ff8000;
}
.contact_area .contact_btn ul {
display: flex;
flex-flow: row nowrap;
}
.contact_area .contact_btn ul > * {
width: 50%;
padding: 10px;
}
	@media screen and (max-width: 900px) {
    #wrap .read_contact_area > .inner {
    flex-flow: column nowrap;
    }
    #wrap .read_contact_area > .inner > * {
    width: 100%;
    padding: 30px 20px 0;
    }
    #wrap .read_contact_area > .inner > *.read {
    width: 100%;
    }
    #wrap .read_contact_area > .inner > *.contact_btn {
    width: 100%;
    }
    }
	@media screen and (max-width: 768px) {
    .contact_area .contact_btn ul {
    flex-flow: column nowrap;
    }
    .contact_area .contact_btn ul > * {
    width: 100%;
    padding: 10px;
    }
    #wrap .contactinner {
    padding: 0;
    }
    #wrap .contactinner .inner {
    padding: 0;
    }
    }
	@media screen and (max-width: 500px) {
    .read_contact_area .title {
    padding: 20px 10px;
    }
    #wrap .read_contact_area .title {
    font-size: 100%;
    }
    #wrap .read_contact_area .title > .inner {
    padding: 0;
    }
    #wrap .read_contact_area > .inner > * {
    padding: 30px 0 0;
    }
    .contact_btn {
    padding: 20px 0!important;
    }
    .contact_btn li b {
    font-size: 110%;
    }
    .contact_btn li a {
    line-height: 1;
    }
    .contact_btn li a br {
    display: block;
    }
    .contact_btn .text b {
    font-size: 120%;
    }
    }
.program_list {
}
.program_list_head dl {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 20px;
}
.program_list_head dl > * {
padding: 5px;
}
.program_list_head dl > * > * {
display: flex;
height: 100%;
border: 2px solid #999;
align-items: center;
font-size: 110%;
line-height: 1.4;
font-weight: bold;
padding: 5px;
}
.program_list_body dl {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
margin-bottom: 10px;
}
.program_list dl > * {
}
.program_list dl > dt {
width: 10%;
padding: 5px;
font-size: 110%;
line-height: 1.2;
text-align: center;
display: flex;
justify-content: center;
flex-flow: column nowrap;
max-width: 130px;
flex: 0 1 100px;
}
.program_list dl > dt span {
display: block;
padding: 5px;
}
/*
.program_list dl > dd {
width: 15.3%;
}
*/
.program_list dl > dd {
width: 12.92%;
}
.program_list dl.col1 > dd {
width: 90%;
}
.program_list dl.col2 > dd {
width: 45%;
}
.program_list dl.col3 > dd {
width: 30%;
}
.program_list dl.col4 > dd {
width: 22.5%;
}
.program_list dl.col5 > dd {
width: 18%;
}
.program_list dl > dd a {
text-decoration: none;
color: #333;
display: flex;
background: #fff;
transition: all 0.2s linear;
height: 100%;
}
.program_list dl > dd a:hover {
box-shadow: 0 2px 10px rgba(0,0,0,0.2)!important;
transform: translateY(-10px);
}

.program_box {
width: 100%;
padding: 10px;
}
.program_box .icon {
display: inline-block;
}
.program_box .icon > * {
font-size: 80%;
color: #fff;
font-weight: normal;
display: inline-block;
background: #111;
vertical-align: middle;
margin-right: 10px;
line-height: 1;
padding: 7px 10px 5px 10px;
}
.program_box .category {
display: inline-block;
}
.program_list .program_box .category {
display: none;
}
@media screen and (max-width: 768px) {
	.program_list .program_box .category {
	display: inline-block;
	}
}
.program_box .seminartitle {
font-size: 110%;
line-height: 1.2;
border-bottom: 2px solid #333;
padding: 10px 0;
font-weight: bold;
}
.program_box .txt {
padding: 20px 0;
font-size: 105%;
line-height: 1.4;
}
.program_box .line {
border: none;
width: 100%;
height: 1px;
border-bottom: 1px solid #ccc;
}
.program_box .name {
padding: 10px 0;
color: #999;
}
.program_box .layout {
display: flex;
flex-flow: row nowrap;
}
.program_box .photo {
flex: 0 1 150px;
width: 150px;
padding-bottom: 20px;
}
.program_box .photo img {
width: 100%;
}
.program_box .info {
flex: 1 0 0;
padding: 0 20px 20px 20px;
}
.program_box .text {
line-height: 1.4;
margin-bottom: 1em;
}
.program_box .seminaroverview {
clear: both;
border: 9px solid #eee;
padding: 20px;
}
.program_box .seminaroverview b {
color: #111;
display: block;
padding-bottom: 5px;
border-bottom: 1px solid #111;
}
.program_list dl > *.special > * {
background: #f5f5f5;
box-shadow: 0 0 0 2px rgba(255,255,255,1.0) inset;
}

.program_list dd.type_s .seminartitle,
.program_popup_box.type_s .seminartitle { color: #b29b3f;}
.program_popup_box.type_s,
.program_popup_box.type_s .seminartitle,
.program_list dd.type_s .seminartitle { border-color: #b29b3f;}
.program_popup_box.type_s .time,
.program_list dl > dd.type_s .icon > * ,
.program_popup_box.type_s .icon > * { background: #b29b3f;}

.program_list_head dl > dd.type_a > * { border-color: #29B5E8; color: #29B5E8;}
.program_list dd.type_a .seminartitle,
.program_popup_box.type_a .seminartitle { color: #29B5E8;}
.program_popup_box.type_a,
.program_popup_box.type_a .seminartitle,
.program_list dd.type_a .seminartitle { border-color: #29B5E8;}
.program_popup_box.type_a .time,
.program_list dl > dd.type_a .icon > * ,
.program_popup_box.type_a .icon > * { background: #29B5E8;}
.program_list dl > *.type_a.special > * { background: rgba(41,181,232,0.1);}

.program_list_head dl > dd.type_b > * { border-color: #11567F; color: #11567F;}
.program_list dd.type_b .seminartitle,
.program_popup_box.type_b .seminartitle { color: #11567F;}
.program_popup_box.type_b,
.program_popup_box.type_b .seminartitle,
.program_list dd.type_b .seminartitle { border-color: #11567F;}
.program_popup_box.type_b .time,
.program_list dl > dd.type_b .icon > * ,
.program_popup_box.type_b .icon > * { background: #11567F;}
.program_list dl > *.type_b.special > * { background: rgba(17,86,127,0.1);}

.program_list_head dl > dd.type_c > * { border-color: #71D3DC; color: #71D3DC;}
.program_list dd.type_c .seminartitle,
.program_popup_box.type_c .seminartitle { color: #71D3DC;}
.program_popup_box.type_c,
.program_popup_box.type_c .seminartitle,
.program_list dd.type_c .seminartitle { border-color: #71D3DC;}
.program_popup_box.type_c .time,
.program_list dl > dd.type_c .icon > * ,
.program_popup_box.type_c .icon > * { background: #71D3DC;}
.program_list dl > *.type_c.special > * { background: rgba(113,211,220,0.1);}

.program_list_head dl > dd.type_d > * { border-color: #FF9F36; color: #FF9F36;}
.program_list dd.type_d .seminartitle,
.program_popup_box.type_d .seminartitle { color: #FF9F36;}
.program_popup_box.type_d,
.program_popup_box.type_d .seminartitle,
.program_list dd.type_d .seminartitle { border-color: #FF9F36;}
.program_popup_box.type_d .time,
.program_list dl > dd.type_d .icon > * ,
.program_popup_box.type_d .icon > * { background: #FF9F36;}
.program_list dl > *.type_d.special > * { background: rgba(255,159,54,0.1);}

.program_list_head dl > dd.type_e > * { border-color: #7D44CF; color: #7D44CF;}
.program_list dd.type_e .seminartitle,
.program_popup_box.type_e .seminartitle { color: #7D44CF;}
.program_popup_box.type_e,
.program_popup_box.type_e .seminartitle,
.program_list dd.type_e .seminartitle { border-color: #7D44CF;}
.program_popup_box.type_e .time,
.program_list dl > dd.type_e .icon > * ,
.program_popup_box.type_e .icon > * { background: #7D44CF;}
.program_list dl > *.type_e.special > * { background: rgba(125,68,207,0.1);}

.program_list_head dl > dd.type_f > * { border-color: #1C0045; color: #1C0045;}
.program_list dd.type_f .seminartitle,
.program_popup_box.type_f .seminartitle { color: #1C0045;}
.program_popup_box.type_f,
.program_popup_box.type_f .seminartitle,
.program_list dd.type_f .seminartitle { border-color: #1C0045;}
.program_popup_box.type_f .time,
.program_list dl > dd.type_f .icon > * ,
.program_popup_box.type_f .icon > * { background: #1C0045;}
.program_list dl > *.type_f.special > * { background: rgba(28,0,69,0.1);}

.program_list_head dl > dd.type_g > * { border-color: #999; color: #222;}
.program_list dd.type_g .seminartitle,
.program_popup_box.type_g .seminartitle { color: #222;}
.program_popup_box.type_g,
.program_popup_box.type_g .seminartitle,
.program_list dd.type_g .seminartitle { border-color: #222;}
.program_popup_box.type_g .time,
.program_list dl > dd.type_g .icon > * ,
.program_popup_box.type_g .icon > * { background: #222;}
.program_list dl > *.type_g.special > * { background: rgba(233,173,199,0.1);}

.program_list_head dl > dd.type_h > * { border-color: #D45B90; color: #D45B90;}
.program_list dd.type_h .seminartitle,
.program_popup_box.type_h .seminartitle { color: #D45B90;}
.program_popup_box.type_h,
.program_popup_box.type_h .seminartitle,
.program_list dd.type_h .seminartitle { border-color: #D45B90;}
.program_popup_box.type_h .time,
.program_list dl > dd.type_h .icon > * ,
.program_popup_box.type_h .icon > * { background: #D45B90;}
.program_list dl > *.type_h.special > * { background: rgba(238,238,238,0.1);}


.program_list dl > *.type_no {
padding: 5px;
}
.program_list dl > *.type_no > * { 
background: #fafafa!important;
display: flex;
width: 100%;
height: 100%;
}


	@media screen and (max-width: 768px) {
    .program_list_head {
    display: none;
    }
    .program_list_body dl {
    display: block;
    }
    .program_list dl > dt {
    width: 100%;
	max-width: inherit;
    padding: 10px;
    font-size: 130%;
    }
	.program_list dl > dd {
	width: 100%!important;
	max-width: inherit;
	}
    .program_list dl > dd {
    width: 100%;
    }
	.program_list dl > dt {
	background: #eee;
	display: block;
	}
	.program_list dl > dt span {
	padding: 0;
	display: inline-block;
	}
	.program_list dl > dd .title {
	border: none;
	}
	.program_list dl > dd {
	border-bottom: 2px solid #eee;
	}
	.program_list dl > dd.type_no {
	border-bottom: none;
	padding: 0;
	}
    }

.program_popup {
display: none;
}
.program_popup_box {
width: 100%;
position: relative;
margin-bottom: 20px;
background: #fff;
border: 2px solid #111;
box-shadow: 0 0 10px rgba(40,40,100,0.1);
transition: all 0.3s linear;
opacity: 0;
transform: translateY(-10px);
box-sizing: border-box;
}
.mfp-ready .program_popup_box {
opacity: 1;
transform: translateY(0);
}
.program_popup_box .program_box {
padding: 20px;
}
.program_popup_box .time {
background: #111;
color: #fff;
padding: 10px;
line-height: 1;
font-weight: normal;
}
.program_popup_box .program_box .seminartitle {
font-size: 130%;
}
.program_box .icon .type {
display: none;
}
@media screen and (min-width: 768px) {
.program_list .icon {
display: none;
}
}

	@media screen and (max-width: 550px) {
	.lecture_list_box {
	margin: 0;
	}
	.lecture_list_item .box {
	display: block;
	padding: 0;
	}
	.lecture_list_item .box > * {
	display: block;
	padding: 0 0 10px 0;
	}
	.lecture_list_item .lecture_list_item {
    padding: 10px;
	}
	.lecture_list_item .box > *.photo {
	text-align: center;
	margin: 0 auto 10px auto;
	}
	.lecture_list_item .title {
	font-size: 110%;
	}
	.lecture_list_item .title .time {
	padding: 5px 10px;
	font-size: 90%;
	}
	.lecture_list_item .title .category {
	position: relative;
	left: inherit;
	top: inherit;
	padding: 25px 10px 10px 10px;
	}
	.lecture_list_item .title .seminartitle {
	padding-top: 0;
	line-height: 1.2;
	}
	}



















#lecture_area {
display: none;
}
.lecture_list .lecture_list_box {
clear: both;
margin: 0 10px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch ;
}
.lecture_list_item {
width: 100%;
position: relative;
margin-bottom: 20px;
padding: 20px;
background: #fff;
border: 2px solid #111;
box-shadow: 0 0 10px rgba(40,40,100,0.1);
transition: all 0.3s linear;
opacity: 0;
transform: translateY(-10px);
box-sizing: border-box;
}
.mfp-ready .lecture_list_item {
opacity: 1;
transform: translateY(0);
}

.lecture_list_item .title {
font-size: 130%;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
color: #111;
}
.lecture_list_item .title .time {
position: absolute;
left: 0;
top: 0;
background: #111;
color: #fff;
padding: 10px;
line-height: 1;
font-weight: normal;
width: 130px;
text-align: center;
}
.lecture_list_item .title .category {
position: absolute;
left: 150px;
top: 0;
padding: 10px;
font-weight: normal;
line-height: 1.2;
}
.lecture_list_item .title .seminartitle {
display: block;
padding-top: 25px;
}
.lecture_list_item .box {
display: table;
width: 100%;
}
.lecture_list_item .box > * {
display: table-cell;
vertical-align: top;
}
.lecture_list_item .photo {
width: 150px;
padding-bottom: 20px;
}
.lecture_list_item .photo img {
width: 100%;
}
.lecture_list_item .info {
padding: 0 20px 20px 20px;
}
.lecture_list_item .companyname {
margin-bottom: 1em;
font-weight: bold;
font-size: 120%;
color: #999;
}
.lecture_list_item .seminartext {
margin-bottom: 1em;
}
.lecture_list_item .seminaroverview {
clear: both;
border: 9px solid #eee;
padding: 20px;
}
.lecture_list_item .seminaroverview b {
font-size: 120%;
color: #999;
}
	@media screen and (max-width: 550px) {
	.lecture_list_box {
	margin: 0;
	}
	.lecture_list_item .box {
	display: block;
	padding: 0;
	}
	.lecture_list_item .box > * {
	display: block;
	padding: 0 0 10px 0;
	}
	.lecture_list_item .lecture_list_item {
    padding: 10px;
	}
	.lecture_list_item .box > *.photo {
	text-align: center;
	margin: 0 auto 10px auto;
	}
	.lecture_list_item .title {
	font-size: 110%;
	}
	.lecture_list_item .title .time {
	padding: 5px 10px;
	font-size: 90%;
	}
	.lecture_list_item .title .category {
	position: relative;
	left: inherit;
	top: inherit;
	padding: 25px 10px 10px 10px;
	}
	.lecture_list_item .title .seminartitle {
	padding-top: 0;
	line-height: 1.2;
	}
	}
.lecture_list_item.type_s {
border-color: #b29b3f;
}
.lecture_list_item.type_s .title .time {
background-color: #b29b3f;
}
.lecture_list_item.type_s .title {
border-color: #b29b3f;
color: #b29b3f;
}
.lecture_list_item.type_a {
border-color: #ff7200;
}
.lecture_list_item.type_a .title .time {
background-color: #ff7200;
}
.lecture_list_item.type_a .title {
border-color: #ff7200;
color: #ff7200;
}
.lecture_list_item.type_b {
border-color: #00a0ea;
}
.lecture_list_item.type_b .title .time {
background-color: #00a0ea;
}
.lecture_list_item.type_b .title {
border-color: #00a0ea;
color: #00a0ea;
}
.lecture_list_item.type_c {
border-color: #49b52e;
}
.lecture_list_item.type_c .title .time {
background-color: #49b52e;
}
.lecture_list_item.type_c .title {
border-color: #49b52e;
color: #49b52e;
}
.lecture_list_item.type_d {
border-color: #ca33b3;
}
.lecture_list_item.type_d .title .time {
background-color: #ca33b3;
}
.lecture_list_item.type_d .title {
border-color: #ca33b3;
color: #ca33b3;
}










.logoList .text {
text-align: center;
padding-bottom: 20px;
color: #fff;
font-size: 130%;
}
.logoList .tit {
text-align: center;
font-size: 140%;
}
.logoList ul {
clear: both;
margin-bottom: 30px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
}
.logoList ul em {
display: inline-block;
padding-bottom: 10px;
color: #111;
font-size: 90%;
display: none;
}
.logoList ul li.item {
width: 33.33%;
padding: 10px;
text-align: center;
min-height: 140px;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.logoList ul li.item > .logo {
display: table;
max-width: 230px;
min-height: 100px;
background: #fff;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.20);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.20);
text-decoration: none;
}
.logoList ul li.item > .logo > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.logoList ul li.item > .logo > * img {
max-width: 230px;
}
	@media screen and (max-width: 768px) {
	.logoList ul li.item {
	width: 50%;
	min-height: 120px;
	padding: 0 0 10px 0;
	}
	}
	@media screen and (max-width: 500px) {
	.logoList ul li.item {
	min-height: inherit;
	width: 100%;
	}
	.logoList ul li.item > .logo {
	min-height: inherit;
	max-width: 100%;
	width: 100%;
	}
	.logoList ul li.item > .logo > * img {
	max-width: inherit;
	width: auto!important;
	height: 100%;
	}
	}