@charset "utf-8";

/* HEADER*/
body {
	margin: 0;
}

img {
	max-width: 100%;
}

.logo-dsj {
	width: 100% !important;
}

.top p.logoside em {
	font-size: 1rem;
}

.under p.logoside em {
	font-size: 1.6rem;
}

p {
	color: #58595b;
}

#dl-logo,
#dl-press {
	position: fixed;
}

#top {
	font-size: 2rem;
}

#fade {
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999 !important;
	/* #loaderより少ない値を入れて下さい */
}

body.modal-open {
	overflow-y: hidden;
}

#progressBarWrap {
	width: 200px !important;
	height: 2px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	background: #eee;
}

#progressBar {
	width: 0;
	height: 2px;
	position: fixed;

	z-index: 99999;
}

#interop #progressBar {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
}

#dsj #progressBar {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
}

#lbj #progressBar {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
}

#apps #progressBar {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
}

#loader {
	width: 23px;
	height: 23px;
	position: fixed;
	_position: absolute;
	/* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -10px;
	/* heightの半分のマイナス値 */
	margin-left: -10px;
	/* widthの半分のマイナス値 */
	z-index: 99999;
	/* #fadeより多い値を入れて下さい */
}

#progressTxt {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 99999999;
	/* #fadeより多い値を入れて下さい */
	font-family: "Oswald", sans-serif !important;
	font-size: 100px;
	color: #fff;
	letter-spacing: 3px;
}

/*=====================================================================================================*/
#header:before,
#header:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

@media only screen and (min-width: 769px) {
	header {
		padding: 20px !important;
	}
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	background: #f7f7f7;
	z-index: 999;
	padding: 20px;
	box-sizing: border-box;
}

header.fixed {
	background: #fff;
	box-shadow: 0 0 20px #ccc;
}

p.logo {
	float: left;
	width: 200px;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
}

p.logoside {
	/* float: left;
  color: #231f20;
  text-align: center;
  font-size: 12px;
  margin: 0 0 0 20px; */
	float: left;
	color: #004a73;
	text-align: center;
	font-size: 15px;
	margin: 4px 0 0 20px;
	font-weight: bold;
	border: 2px solid #004a73;
	padding: 5px 14px;
	border-radius: 5px;
}

p.logoside.-apps {
	border-color: #a560a2;
	color: #a560a2;
}

p.logoside.-dsj {
	border-color: #cf1126;
	color: #cf1126;
}

p.logoside.-lbj {
	color: #006eb0;
	border-color: #006eb0;
}

p.logoside em {
	display: block;
	font-weight: bold;
	font-size: 1rem;
	letter-spacing: 1px;
	font-family: "Roboto", sans-serif !important;
}

#globalnavi {
	float: right;
	width: 55%;
	box-sizing: border-box;
	text-align: right;
}

@media only screen and (max-width: 769px) {
	header {
		padding: 7px 15px !important;
	}

	.logoside {
		display: none;
	}

	header p.sp {
		font-size: 10px;
	}

	p.logo {
		width: 100px;
		margin: 10px 0 0 0;
	}
}

@media only screen and (max-width: 1399px) {
	#globalnavi {
		float: none;
		width: auto;
		margin: 0 0 0 0;
	}
}

ul.under-nav {
	float: right;
	margin: 0 0 0 0;
}

ul.under-nav li {
	float: left;
	text-align: center;
}

ul.under-nav li a {
	font-size: 18px;
	padding: 15px 10px;
	display: block;
}

ul.under-nav li a:hover {
	opacity: 0.7;
}

ul.under-nav li:last-child {
	margin-left: 20px;
}

#interop ul.under-nav li:last-child a {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
}

#dsj ul.under-nav li:last-child a {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
}

#lbj ul.under-nav li:last-child a {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
}

#apps ul.under-nav li:last-child a {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
}

ul.under-nav li:last-child a {
	color: #fff;
	border-radius: 50px;
	padding: 15px 40px;
	letter-spacing: 0px;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}

/*DROP DOWN*/
ul.child {
	display: none;
	position: absolute;
	padding: 10px 0;
	margin: 0;
	list-style: none !important;
	background: #fff;
}

ul.child li a {
	text-decoration: none;
	padding: 5px 0 !important;
	margin-left: 20px;
	margin-right: 20px;
	display: block;
	color: #333;
	font-size: 16px;
	background: url(../img/common/pointer.png) 0 50% no-repeat;
	background-size: 5px auto;
}

ul.child li:last-child a {
	padding: 0;
	background: none !important;
	box-shadow: none !important;
	color: #333;
	border-radius: 0;
}

#gray {
	color: #808080 !important;
}

ul.child li {
	float: none !important;
	margin: 0 !important;
	list-style: none !important;
	text-align: left;
}

@media only screen and (max-width: 1399px) {
	ul.child {
		position: static;
		margin: 0 !important;
		overflow: hidden;
		clear: both;
		padding: 10px 15px;
	}

	ul.child li {
		float: left !important;
		width: 50%;
	}

	ul.child li a {
		font-size: 12px !important;
		margin: 0 !important;
	}

	ul.under-nav li:nth-last-child(2) {
		margin-left: 0;
	}

	ul.under-nav li:last-child {
		margin-left: 0;
		margin: 15px;
	}

	ul.upper-nav,
	ul.under-nav {
		float: none;
	}

	ul.under-nav {
		margin: 0;
	}

	ul.upper-nav li a:before {
		font-size: 10px;
	}

	ul.under-nav li {
		float: none;
		text-align: left;
	}

	ul.upper-nav li {
		text-align: left;
	}

	ul.upper-nav {
		border-top: 1px solid #eee;
	}

	ul.upper-nav li a {
		font-size: 13px;
		display: block;
		box-sizing: border-box;
		margin: 0;
		padding-left: 20px;
	}

	ul.under-nav li a {
		font-size: 15px;
		border-bottom: 1px solid #eee;
		padding: 12px 15px;
		position: relative;
	}

	ul.under-nav li a:after {
		content: ">";
		position: absolute;
		top: 10px;
		right: 20px;
		display: block;
		transform: scale(0.8, 1);
	}

	ul.under-nav li ul.child li a:after {
		top: 5px !important;
	}
}

@media only screen and (max-width: 1399px) {
	ul.under-nav {
		margin: 20px 0 0 0;
	}
}

@media only screen and (max-width: 769px) {
	ul.under-nav {
		margin: 65px 0 0 0;
	}
}

a#btn span {
	background: #000;
	width: 18px;
	height: 2px;
	display: block;
	position: relative;
	top: 11px;
	left: 4px;
}

a#btn span:before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	background: #000;
	width: 18px;
	height: 2px;
	transition: all 0.3s ease-in-out;
}

a#btn span:after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	background: #000;
	width: 18px;
	height: 2px;
	transition: all 0.3s ease-in-out;
}

a#btn span.change {
	height: 0;
}

a#btn span.change:before {
	transform: rotate(-45deg);
	top: 0;
}

a#btn span.change:after {
	transform: rotate(45deg);
	top: 0;
}

a#btn {
	display: none;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 28px;
	padding: 0;
	cursor: pointer;
	width: 36px;
	height: 36px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 9999;
}

@media only screen and (max-width: 1399px) {
	p.spnav {
		display: block;
	}

	p.logo span {
		font-size: 10px;
		top: -6px;
	}

	a#btn img {
		max-width: 100%;
	}

	a#btn,
	p#close {
		display: block;
	}
}

@media only screen and (max-width: 769px) {
	input[type="text"],
	textarea,
	input[type="button"] {
		-webkit-appearance: none;
	}
}

header ul.sns {
	float: left;
	margin: 10px 0 0 20px;
}

header ul.sns li {
	float: left;
	width: 30px;
	margin: 0 10px 0 0;
}

header ul.sns li:last-child {
	margin: 5px 0 0 20px;
	font-family: "Roboto", sans-serif !important;
}

@media only screen and (max-width: 769px) {
	header ul.sns li {
		width: 25px;
		margin-bottom: 10px;
	}
}

.box {
	opacity: 0;
}

.slideUp {
	opacity: 1;
	animation: slideUp 1s ease-in-out forwards;
}

@keyframes slideUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*BIG version*/
p.more-big {
	opacity: 0;
	animation: change4 1s ease-in-out 1s forwards;
	position: relative;
	left: -20px;
	margin: 100px 0 0 0;
	text-align: center;
}

p.more-big a {
	border: 2px solid #52acba;
	color: #52acba;
	padding: 20px 70px;
	font-weight: bold;
	font-size: 20px;
}

p.more-big a:hover {
	background: #52acba;
	color: #fff;
}

@keyframes change4 {
	0% {
		opacity: 0;
		left: -20px;
	}

	100% {
		opacity: 1;
		left: 0;
	}
}

@media only screen and (max-width: 769px) {
	p.more-big {
		margin: 50px 0 0 0;
	}

	p.more-big a {
		font-size: 14px;
	}
}

/*==========================================CONTENTS======================================================*/
#fixbtns {
	position: absolute;
	right: 50px;
	z-index: 99;
}

/* #fixbtns li:first-child {
	margin: 0 0 20px 0;
} */

#fixbtns li {
	margin: 0 0 20px 0;
}

#fixbtns li a {
	background: #fff;
	padding: 0 80px;
	border-radius: 20px;
	height: 90px;
	text-align: center;
	position: relative;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1vw;
}
#fixbtns li a.fixbtn-ja {
	background: #fff;
	padding: 0 15px 0 0 !important;
	border-radius: 20px;
	height: 90px;
	text-align: center;
	position: relative;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1vw;
}

#fixbtns li a span {
	font-family: "Roboto", sans-serif !important;
}

#fixbtns li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	width: 30px;
	height: 42px;
	margin: -21px 0 0 0;
}

#fixbtns li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 40px;
	height: 80px;
	margin: -40px 0 0 0;
}

#fixbtns li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	width: 30px;
	height: 42px;
	margin: -21px 0 0 0;
}

#fixbtns li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 40px;
	height: 80px;
	margin: -40px 0 0 0;
}

/* #fixbtns li:nth-child(1) a:after {
  background: url("../img/common/btn-red.svg") no-repeat;
  background-size: 100%;
} */
#fixbtns li:nth-child(1) a:after {
	background: url("../img/common/btn-blue.svg") no-repeat;
	background-size: 100%;
}
#fixbtns li img {
	width: 100%;
}

/* #fixbtns li:nth-child(2) a:before {
  background: url("./2021_common/pdf/btn-floating-conference.svg") no-repeat;
  background-size: 100%;
}
#fixbtns li:nth-child(3) a:before {
  background: url("./2021_common/pdf/btn-floating-map.svg") no-repeat;
  background-size: 100%;
} */
@media only screen and (max-width: 769px) {
	#fixbtns {
		position: static;
		margin: 80px 0 0 0;
		background: #f7f7f7;
		padding: 5px 0 0 0;
	}

	@media screen and (min-width: 600px) and (max-width: 768px) {
		#fixbtns {
			margin-top: 60px;
		}

		#fixbtns li img {
			width: 50% !important;
		}
	}

	#fixbtns ul {
		display: flex;
		justify-content: space-between;
		margin: 0 15px;
		flex-wrap: wrap !important;
	}

	#fixbtns li:first-child {
		margin: 0 0 0 0;
	}

	#fixbtns li {
		width: 48%;
		margin: 0 0 5px 0 !important;
	}

	#fixbtns li a {
		background: #fff;
		padding: 0 0 !important;
		border-radius: 0 !important;
		height: 45px !important;
		text-align: center;
		position: relative;
		box-shadow: none;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 11px !important;
		line-height: 1.2;
		border: 1px solid #ccc;
	}

	#fixbtns li a:before {
		content: "";
		display: block;
		position: absolute;
		left: 10px;
		top: 50%;
		width: 15px;
		height: 21 px;
		margin: -11px 0 0 0;
	}

	#fixbtns li a:after {
		content: "";
		display: block;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 20px;
		height: 40px;
		margin: -20px 0 0 0;
	}
}
#fixbtns .fixbnr {
	margin: 30px 0 100px;
	padding: 10px 20px 30px;
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
	box-shadow: 0 0 10px #7c7c7c;
}

#fixbtns .fixbnr_ttl {
  font-size: 30px;
  font-weight: 700;
  color: yellow;
}
#fixbtns .fixbnr_year {
  font-size: 50px;
  line-height: 1;
  color: #FFF;
}
#fixbtns .fixbnr_year span{
  font-family: 'Oswald', sans-serif !important;
	font-weight: 700;
}

#fixbtns .fixbnr_date {
  font-size: 40px;
  line-height: 1.5;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700;
  color: #FFF;
}
#fixbtns .fixbnr_date span {
  font-size: 25px;
}

#fixbtns .fixbnr a {
	position: relative;
	background: #FFF;
	color: #000;
	padding: 5px 20px;
	text-align: center;
	display: block;
	font-size: 25px;
	border-radius: 50px;
}
#fixbtns .fixbnr a::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 10px;
 transform: translate(0, -50%) rotate(45deg);
  -moz-transform: translate(0, -50%) rotate(45deg);
  -webkit-transform: translate(0, -50%) rotate(45deg);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  display: inline-block;
}

@media screen and (max-width: 480px) {
  #fixbtns {
    padding: 0 15px 0;
  }
}

#mv {
	background: #f7f7f7;
	margin: 92px 0 0 0;
	width: 100%;
	height: calc(110vh - 60px);
	padding-right: 50%;
	box-sizing: border-box;
}

#interop #mv {
	min-height: 1000px;
}

#interop #mv {
	background: url("../img/mv/interop.svg") no-repeat right 50% #f7f7f7;
	background-size: 55%;
}

#dsj #mv {
	background: url("../img/mv/dsj.svg") no-repeat right 50% #f7f7f7;
	background-size: 55%;
}

#lbj #mv {
	background: url("../img/mv/lbj.svg") no-repeat right 50% #f7f7f7;
	background-size: 55%;
}

#apps #mv {
	background: url("../img/mv/apps.svg") no-repeat right 50% #f7f7f7;
	background-size: 55%;
}

#mv > div {
	width: 30%;
	margin: 0 50% 0 5%;
	position: absolute;
	top: 60%;
	left: 0;
	transform: translate(0, -50%);
}

#interop #mv > div {
	top: 120px !important;
	transform: translate(0) !important;
}

@media only screen and (max-width: 769px) {
	#mv {
		padding: 0 0 50px 0;
		height: auto;
		margin: 0;
	}

	#mv > div {
		width: auto;
		margin: 0 15px;
		position: static;
		transform: translate(0, 0);
		padding-top: 65%;
	}

	#interop #mv {
		background: url("../img/mv/interop.svg") no-repeat center top #f7f7f7;
		background-size: 90%;
	}

	#dsj #mv {
		background: url("../img/mv/dsj.svg") no-repeat center top #f7f7f7;
		background-size: 90%;
	}

	#lbj #mv {
		background: url("../img/mv/lbj.svg") no-repeat center top #f7f7f7;
		background-size: 90%;
	}

	#apps #mv {
		background: url("../img/mv/apps.svg") no-repeat center top #f7f7f7;
		background-size: 90%;
	}
}

#mv > div h2 {
	padding-top: 10px;
	font-weight: bold;
	font-size: 1vw;
	/* letter-spacing: 2px; */
	white-space: nowrap;
}

#mv > div .schedule {
	color: #002f48;
	border-bottom: 2px solid #002f48;
	font-weight: bold;
	display: inline-block;
	padding: 5px;
}

/* #mv > div .schedule.-apps {
  background-color: #a560a2;
}

#mv > div .schedule.-dsj {
  background-color: #cf1126;
}

#mv > div .schedule.-lbj {
  background-color: #006eb0;
} */

@media only screen and (max-width: 769px) {
	#mv > div h2 {
		white-space: normal;
	}
}

#mv > div h2 span {
	font-size: 2vw;
	display: block;
	letter-spacing: 3px;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
}

#interop #mv > div h2 {
	color: #002f48;
}

#dsj #mv > div h2 {
	color: #333;
}

@media screen and (max-width: 769px) {
	.is_sp {
		display: block;
	}
}

@media screen and (min-width: 769px) {
	.is_sp {
		display: none !important;
	}
}
@media screen and (max-width: 769px) {
	.is_pc {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	.is_pc {
		display: block;
	}
}

#dsj #mv > div .catch {
	font-size: 1.5vw;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
	letter-spacing: 3px;
	color: #333;
	line-height: 1.8;
}

#lbj #mv > div .catch {
	font-size: 1.5vw;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
	letter-spacing: 3px;
	white-space: nowrap;
	color: #333;
}

#lbj #mv > div h2 {
	color: #333;
}

#interop #mv > div .catch {
	font-size: 1.5vw;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
	letter-spacing: 3px;
	color: #333;
}

#interop #mv > div .catch {
	font-size: 1.5vw;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
	letter-spacing: 3px;
	white-space: nowrap;
	color: #333;
}

@media only screen and (max-width: 769px) {
	#lbj #mv > div .catch {
		font-size: 16px !important;
		font-weight: bold;
		font-family: "Roboto", sans-serif !important;
		letter-spacing: 3px;
		white-space: wrap !important;
		color: #333;
	}
}

@media only screen and (max-width: 769px) {
	#interop #mv > div .catch {
		font-size: 18px !important;
		font-weight: bold;
		font-family: "Roboto", sans-serif !important;
		letter-spacing: 3px;
		white-space: nowrap;
		color: #333;
	}
}

@media only screen and (max-width: 769px) {
	#dsj #mv > div .catch {
		font-size: 18px !important;
		font-weight: bold;
		font-family: "Roboto", sans-serif !important;
		letter-spacing: 3px;
		white-space: wrap;
		color: #333;
	}
}

@media only screen and (max-width: 769px) {
	#apps #mv > div .catch {
		font-size: 18px !important;
		font-weight: bold;
		font-family: "Roboto", sans-serif !important;
		letter-spacing: 3px;
		white-space: nowrap;
		color: #333;
	}
}

#apps #mv > div h2 {
	color: #333;
}

#apps #mv > div .catch {
	font-size: 1.8vw;
	font-weight: bold;
	font-family: "Roboto", sans-serif !important;
	letter-spacing: 3px;
	color: #333;
}

#mv > div p.login {
	margin: 25px 0;
}

#mv > div p.login a {
	color: #fff;
	padding: 10px;
	text-align: center;
	border-radius: 50px;
	display: block;
	letter-spacing: 3px;
	font-size: 1.25vw;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}

#interop #mv > div p.login a {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
}

#dsj #mv > div p.login a {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
}

#lbj #mv > div p.login a {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
}

#apps #mv > div p.login a {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
}

#mv > div ul.mv-btns {
	display: flex;
	justify-content: space-between;
}

#mv > div ul.mv-btns li {
	width: 48%;
}

#mv > div ul.mv-btns li a {
	background: #ffffff;
	display: block;
	text-align: center;
	padding: 15px;
	border-radius: 50px;
	font-size: 1vw;
}

#interop #mv > div ul.mv-btns li a {
	border: 2px solid #002f48;
	color: #002f48;
}

#interop #mv > div ul.mv-btns li .btn_border_disable {
	border: 2px solid #808080;
	color: #808080;
}

#dsj #mv > div ul.mv-btns li a {
	border: 2px solid #8f1e2d;
	color: #8f1e2d;
}

#dsj #mv > div ul.mv-btns li .btn_border_disable {
	border: 2px solid #808080;
	color: #808080;
}

#lbj #mv > div ul.mv-btns li a {
	border: 2px solid #0049b0;
	color: #0049b0;
}

#lbj #mv > div ul.mv-btns li .btn_border_disable {
	border: 2px solid #808080;
	color: #808080;
}

#apps #mv > div ul.mv-btns li a {
	border: 2px solid #a532a2;
	color: #a532a2;
}

#apps #mv > div ul.mv-btns li .btn_border_disable {
	border: 2px solid #808080;
	color: #808080;
}

@media only screen and (max-width: 769px) {
	#mv > div h2 {
		font-size: 13px;
	}

	#mv > div h2 span {
		font-size: 15px;
	}

	#mv > div p.login a {
		font-size: 15px;
	}

	#mv > div ul.mv-btns li a {
		font-size: 13px;
		padding: 10px;
	}
}

#mv > div ul.mv-themes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 25px 0 0 0;
}

#mv > div ul.mv-themes li {
	width: 32%;
	margin: 0 0 2% 0;
}

#interop #mv > div ul.mv-themes-under {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}

#interop #mv > div ul.mv-themes-under li {
	width: 49%;
	margin: 0 0 1% 0;
}

#interop #mv > div ul.mv-themes-under li a {
	background: #fff;
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	font-size: 0.8vw;
}

#interop #mv > div ul.mv-themes-under li a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
}

#mv > div ul.mv-themes-under li:nth-child(1) a {
	color: #ed7d31;
}

#mv > div ul.mv-themes-under li:nth-child(1) a:after {
	border-color: transparent transparent #ed7d31 transparent;
}

#mv > div ul.mv-themes-under li:nth-child(2) a {
	color: #7030a0;
}

#mv > div ul.mv-themes-under li:nth-child(2) a:after {
	border-color: transparent transparent#7030a0 transparent;
}

#mv > div ul.mv-themes li a {
	background: #fff;
	display: block;
	text-align: center;
	padding: 18px 10px;
	border-radius: 5px;
	position: relative;
	font-size: 0.8vw;
}

#mv > div ul.mv-themes li .a-small {
	background: #fff;
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	font-size: 0.8vw;
}

@media only screen and (max-width: 769px) {
	#mv > div ul.mv-themes li a {
		font-size: 2.3vw;
	}
}

@media only screen and (max-width: 769px) {
	#mv > div ul.mv-themes-under li a {
		font-size: 2.3vw !important;
	}
}

@media only screen and (max-width: 769px) {
	#mv > div ul.mv-themes li .a-small {
		font-size: 2.3vw !important;
	}
}

#mv > div ul.mv-themes li a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
}

#mv > div ul.mv-themes li:nth-child(1) a {
	color: #333;
}

#mv > div ul.mv-themes li:nth-child(1) a:after {
	border-color: transparent transparent #333 transparent;
}

#mv > div ul.mv-themes li:nth-child(2) a {
	color: #1c75bc;
}

#mv > div ul.mv-themes li:nth-child(2) a:after {
	border-color: transparent transparent #1c75bc transparent;
}

#mv > div ul.mv-themes li:nth-child(3) a {
	color: #70ad47;
}

#mv > div ul.mv-themes li:nth-child(3) a:after {
	border-color: transparent transparent #70ad47 transparent;
}

#mv > div ul.mv-themes li:nth-child(4) a {
	color: #ffc000;
}

#mv > div ul.mv-themes li:nth-child(4) a:after {
	border-color: transparent transparent #ffc000 transparent;
}

#mv > div ul.mv-themes li:nth-child(5) a {
	color: #c00000;
}

#mv > div ul.mv-themes li:nth-child(5) a:after {
	border-color: transparent transparent #c00000 transparent;
}

#mv > div ul.mv-themes li:nth-child(6) a {
	color: #7c7c7c;
}

#mv > div ul.mv-themes li:nth-child(6) a:after {
	border-color: transparent transparent #7c7c7c transparent;
}

#mv > div ul.mv-themes li:nth-child(7) a {
	color: #ed7d31;
}

#mv > div ul.mv-themes li:nth-child(7) a:after {
	border-color: transparent transparent #ed7d31 transparent;
}

#mv > div ul.mv-themes li:nth-child(8) a {
	color: #7030a0;
}

#mv > div ul.mv-themes li:nth-child(8) a:after {
	border-color: transparent transparent #7030a0 transparent;
}

#mv > div ul.mv-themes li:nth-child(9) a {
	color: #a97c50;
}

#mv > div ul.mv-themes li:nth-child(9) a:after {
	border-color: transparent transparent #a97c50 transparent;
}

#mv > div ul.mv-themes-under li:nth-child(3) a {
	color: #a97c50;
}

#mv > div ul.mv-themes-under li:nth-child(3) a:after {
	border-color: transparent transparent #a97c50 transparent;
}

#interop #news {
	background: #7fa0b2;
}

#dsj #news {
	background: #333;
}

#lbj #news {
	background: #333;
}

#apps #news {
	background: #333;
}

#news > div {
	display: flex;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
	padding: 15px 50px 15px 50px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 0.9vw;
}

@media only screen and (min-width: 2000px) {
	#news > div {
		font-size: 16px;
	}
}

#news > div h3 {
	padding: 0 0;
	color: #fff;
	white-space: nowrap;
}

#news > div h3 span {
	font-family: "Roboto", sans-serif !important;
	margin: 0 20px 0 0;
	position: relative;
}

#news > div h3 span:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: -30px;
}

#news > div dl {
	display: flex;
	color: #fff;
}

#news > div dl dt {
	margin: 0 20px 0 0;
}

.ticker {
	margin: 0;
	padding: 0 0;
	text-align: left;
	position: relative;
	overflow: hidden;
	width: 80%;
	height: 20px !important;
}

.ticker ul {
	width: 75%;
	margin-left: 5%;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
}

p.more {
	margin: 0 0 0 0;
	white-space: nowrap;
}

p.more a {
	background: #fff;
	color: #002f48;
	padding: 5px 20px;
	font-weight: bold;
	border-radius: 5px;
}

p.more a:after {
	content: ">";
	display: inline-block;
	transform: scale(0.7, 1);
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 769px) {
	#news > div {
		display: block;
		font-size: 12px;
		padding: 15px 15px 0 50px;
		position: relative;
	}

	.ticker {
		height: 50px !important;
		width: auto;
		margin: 10px 0 0 0;
	}

	.ticker ul {
		width: auto;
		margin-left: 0;
	}

	p.more {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	p.more a {
		padding: 5px;
		font-size: 11px;
	}
}

#topbnner {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px 10px;
}

#topbnner h3 {
	color: #999;
}

#topbnner ul li {
	float: left;
	margin: 0 10px;
	/* width: 30%; */
}

#topbnner ul li:last-child {
	margin-right: 0;
}

@media only screen and (max-width: 769px) {
	#topbnner {
		margin: 30px 15px;
		display: block;
		text-align: center;
	}

	#topbnner h3 {
		font-size: 11px;
		margin-bottom: 15px;
	}

	#topbnner ul li {
		float: none;
		margin: 0 0 15px 0;
		width: auto;
	}

	#topbnner ul li img {
		width: 100%;
	}
}

/*========================================MAIN======================================================*/
#livestreaming {
	background: url("../img/back/video.svg") no-repeat center 50%;
	max-width: 2000px;
	margin: 0 auto;
	padding: 0 5vw;
}

#livestreaming > div {
	margin: 0 10vw;
	padding: 5vw;
	box-sizing: border-box;
	border-radius: 50px;
}

#interop #livestreaming > div {
	background: #004a73;
}

#dsj #livestreaming > div {
	background: #cf1126;
}

#lbj #livestreaming > div {
	background: #006eb0;
}

#apps #livestreaming > div {
	background: #a560a2;
}

#livestreaming > div > section {
	background: #000;
	padding: 0 50px 50px 50px;
	border-radius: 50px;
}

#livestreaming > div h2 {
	color: #fff;
	font-family: "Roboto", sans-serif !important;
	text-align: center;
	font-size: 4vw;
	position: relative;
	top: -3vw;
	margin-bottom: -2vw;
}

#interop #livestreaming > div h2 span {
	color: #7fa0b2;
	font-weight: bold;
}

#dsj #livestreaming > div h2 span {
	color: #e78893;
	font-weight: bold;
}

#lbj #livestreaming > div h2 span {
	color: #80b7d8;
	font-weight: bold;
}

#apps #livestreaming > div h2 span {
	color: #d2b0d1;
	font-weight: bold;
}

#livestreaming > div > section > .inside {
	display: flex;
	justify-content: space-between;
}

#livestreaming > div > section > .inside > .explain {
	background: url("../img/back/line.svg");
	padding: 25px;
	color: #fff;
	margin: 10px 0;
	width: 45%;
	box-sizing: border-box;
	border-radius: 10px;
}

#livestreaming > div > section > .inside > .explain time {
	font-size: 0.85vw;
	letter-spacing: 2px;
}

#livestreaming > div > section > .inside > .explain time span {
	font-family: "Roboto", sans-serif !important;
	font-size: 1vw;
}

#livestreaming > div > section > .inside > .explain h3 {
	font-size: 1.25vw;
	margin: 1vw 0;
	letter-spacing: 2px;
}

#livestreaming > div > section > .inside > .explain p {
	color: #fff;
	font-size: 0.85vw;
}

#livestreaming > div > section > .inside .vimeo {
	width: 55%;
}

#livestreaming > div > section > .inside .vimeo iframe {
	width: 100%;
	height: 100%;
}

#livestreaming > div > section > .inside > div p.btn {
	margin: 2vw 0 20px 0;
	text-align: right;
}

#livestreaming > div > section > .inside > div p.btn a {
	background: #fff;
	padding: 1vw 2vw;
	border-radius: 50px;
	font-size: 1vw;
	font-weight: bold;
}

#livestreaming > div > section > .inside > div p.btn a:after {
	content: ">";
	display: inline-block;
	transform: scale(0.7, 1);
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 769px) {
	#livestreaming {
		background: none;
		padding: 0;
	}

	#livestreaming > div {
		margin: 0;
		padding: 30px 15px 15px 15px;
		border-radius: 0;
	}

	#livestreaming > div > section {
		background: #000;
		padding: 0 15px 10px 15px;
		border-radius: 10px;
	}

	#livestreaming > div h2 {
		font-size: 28px;
		top: -20px;
		margin-bottom: 0;
		letter-spacing: 2px;
	}

	#livestreaming > div h2 span {
		font-weight: bold;
	}

	#livestreaming > div > section > .inside {
		display: block;
		justify-content: space-between;
	}

	#livestreaming > div > section > .inside > .explain {
		padding: 15px;
		width: auto;
	}

	#livestreaming > div > section > .inside > .explain time {
		font-size: 12px;
	}

	#livestreaming > div > section > .inside > .explain time span {
		font-size: 14px;
	}

	#livestreaming > div > section > .inside > .explain h3 {
		font-size: 15px;
		margin: 10px 0;
	}

	#livestreaming > div > section > .inside > .explain p {
		color: #fff;
		font-size: 12px;
	}

	#livestreaming > div > section > .inside .vimeo {
		width: auto;
	}

	#livestreaming > div > section > .inside .vimeo iframe {
		width: 100%;
		height: 100%;
	}

	#livestreaming > div > section > .inside > div p.btn {
		margin: 20px 0;
		text-align: center;
	}

	#livestreaming > div > section > .inside > div p.btn a {
		background: #fff;
		padding: 10px 20px;
		border-radius: 50px;
		font-size: 13px;
		font-weight: bold;
	}

	#livestreaming > div > section > .inside > div p.btn a:after {
		content: ">";
		display: inline-block;
		transform: scale(0.7, 1);
		margin: 0 0 0 10px;
	}
}

/*=============================================================================================================================*/
#about {
	background: url("../img/pic/about.svg") no-repeat 0 bottom;
	background-size: 60%;
	padding: 10vw 0;
	margin: 0 0 50px 0;
	position: relative;
	z-index: 9;
}

@media only screen and (min-width: 769px) {
	#interop #about {
		background: url("../img/pic/about.svg") no-repeat 0 top;
		background-size: 60%;
		padding: 10vw 0 5vw;
		margin: 100px 0 50px 0;
		position: relative;
		z-index: -100;
	}
}

@media only screen and (min-width: 769px) {
	#lbj #about {
		background: url("../img/pic/about.svg") no-repeat 0 top;
		background-size: 60%;
		padding: 10vw 0 14vw;
		margin: -20px 0 50px 0;
		position: relative;
		z-index: -100;
	}
}

#interop #news {
	position: relative;
	z-index: 100;
}

#lbj #news {
	position: relative;
	z-index: 100;
}

#about > section {
	margin: 0 auto;
	padding: 0 50px 0 62.5%;
	box-sizing: border-box;
}

#about > section h2 {
	font-size: 3vw;
	margin: 0 0 1vw 0;
	font-weight: bold;
}

#interop #about > section h2 {
	color: #004a73;
}

#dsj #about > section h2 {
	color: #cf1126;
}

#lbj #about > section h2 {
	color: #006eb0;
}

#apps #about > section h2 {
	color: #a560a2;
	font-size: 2.5vw;
}

#about > section p {
	line-height: 2;
	margin-bottom: 1vw;
	font-size: 0.9vw;
}

#about > section p.btn {
	margin: 2vw 0 20px 0;
}

#about > section p.btn a {
	border: 2px solid #333;
	padding: 1vw 2vw;
	border-radius: 50px;
	font-size: 1vw;
	font-weight: bold;
}

#about > section p.btn a:after {
	content: ">";
	display: inline-block;
	transform: scale(0.7, 1);
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 769px) {
	#about {
		background: url("../img/pic/about.svg") no-repeat center bottom;
		background-size: 100%;
		padding: 50px 0 75% 0;
		margin: 0;
		position: relative;
		z-index: 9;
	}

	#about > section {
		margin: 0 auto;
		padding: 0 15px;
	}

	#about > section h2 {
		font-size: 20px;
		text-align: center;
		margin: 0 0 10px 0;
	}

	#about > section p {
		font-size: 13px;
	}

	#about > section p.btn {
		margin: 20px 0 20px 0;
		text-align: center;
	}

	#about > section p.btn a {
		padding: 10px 20px;
		font-size: 13px;
	}
}

#interop #contents {
	background: #bfd0d9;
	/*bfd0d9*/
	position: relative;
	text-align: center;
}

#dsj #contents,
#lbj #contents,
#apps #contents {
	background: #f1f2f2;
}

#interop #contents:before {
	content: "";
	display: block;
	background: url("../img/back/space.svg") repeat-x left top;
	height: 63px;
	background-size: cover;
	position: relative;
	top: -63px;
}

#interop #contents:after {
	content: "";
	display: block;
	background: url("../img/back/space2.svg") repeat-x left bottom;
	height: 63px;
	background-size: cover;
	position: relative;
	bottom: -62px;
}

#dsj #contents:before,
#lbj #contents:before,
#apps #contents:before {
	content: "";
	display: block;
	background: url("../img/back/space-other.svg") repeat-x left top;
	height: 63px;
	background-size: cover;
	position: relative;
	top: -63px;
}

#dsj #contents:after,
#lbj #contents:after,
#apps #contents:after {
	content: "";
	display: block;
	background: url("../img/back/space2-other.svg") repeat-x left bottom;
	height: 63px;
	background-size: cover;
	position: relative;
	bottom: -62px;
}

#contents h2 {
	font-family: "Roboto", sans-serif !important;
	text-align: center;
	font-size: 4vw;
	position: relative;
}

@media only screen and (max-width: 769px) {
	#contents h2 {
		font-size: 28px;
	}
}

#interop #contents h2 {
	color: #004a73;
}

#dsj #contents h2 {
	color: #333;
}

#lbj #contents h2 {
	color: #333;
}

#apps #contents h2 {
	color: #333;
}

#interop #contents h2 span {
	color: #fff;
	font-weight: bold;
}

#dsj #contents h2 span {
	color: #cf1126;
	font-weight: bold;
}

#lbj #contents h2 span {
	color: #006eb0;
	font-weight: bold;
}

#apps #contents h2 span {
	color: #a560a2;
	font-weight: bold;
}

#contents > #session-weekly .section-lineup {
	overflow: hidden;
	padding: 50px 0;
}

#contents > #session-weekly .section-lineup .inner {
	margin: 0 auto;
	width: 70%;
	padding-left: 4rem;
	padding-right: 4rem;
}

@media only screen and (max-width: 769px) {
	#contents > #session-weekly .section-lineup {
		overflow: hidden;
		padding: 25px 0;
	}

	#contents > #session-weekly .section-lineup .inner {
		width: 75%;
	}
}

#contents > #session-weekly .section-lineup .lineup {
	position: relative;
}

#contents > #session-weekly .section-lineup .lineup-carousel li {
	text-align: left;
	margin-right: 50px;
	background: #fff;
	padding: 80px 25px 25px 25px;
	border-radius: 25px;
	position: relative;
}

#contents > #session-weekly .section-lineup .lineup-carousel li i {
	position: absolute;
	width: 100px;
	left: -15px;
	top: 20px;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 1vw;
	font-family: "Roboto", sans-serif !important;
}

#contents > #session-weekly .section-lineup .lineup-carousel li i:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #000 transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
}

#interop #contents > #session-weekly .section-lineup .lineup-carousel li i {
	background: #004a73;
}

#dsj #contents > #session-weekly .section-lineup .lineup-carousel li i {
	background: #cf1126;
}

#lbj #contents > #session-weekly .section-lineup .lineup-carousel li i {
	background: #006eb0;
}

#apps #contents > #session-weekly .section-lineup .lineup-carousel li i {
	background: #a560a2;
}

@media only screen and (max-width: 769px) {
	#contents > #session-weekly .section-lineup .lineup-carousel li {
		padding: 80px 15px 15px 15px;
		border-radius: 10px;
	}

	#contents > #session-weekly .section-lineup .lineup-carousel li i {
		font-size: 14px;
	}
}

#contents > #session-weekly .section-lineup .lineup-carousel li i span {
	font-size: 150%;
	font-family: "Roboto", sans-serif !important;
}

#contents > #session-weekly .section-lineup .lineup-carousel li h3 {
	font-size: 1.75vw;
	margin-bottom: 20px;
}

#contents > #session-weekly .section-lineup .lineup-carousel li dl {
	display: flex;
	font-size: 1vw;
}

#contents > #session-weekly .section-lineup .lineup-carousel li p {
	font-size: 0.9vw;
}

#contents > #session-weekly .section-lineup .lineup-carousel li dl dt {
	border: 1px solid #999;
	padding: 3px;
}

#contents > #session-weekly .section-lineup .lineup-carousel li dl dd {
	padding: 5px;
}

#contents > #session-weekly .section-lineup .lineup-carousel img {
	display: block;
	margin-bottom: 16px;
	width: auto;
	height: 200px;
}

.section-lineup .slick-list {
	overflow: visible;
}

@media only screen and (max-width: 769px) {
	#contents > #session-weekly .section-lineup .lineup-carousel li h3 {
		font-size: 15px;
		margin-bottom: 20px;
	}

	#contents > #session-weekly .section-lineup .lineup-carousel li dl {
		display: block;
		font-size: 13px;
	}

	#contents > #session-weekly .section-lineup .lineup-carousel li dl dt {
		text-align: center;
		font-size: 11px;
	}

	#contents > #session-weekly .section-lineup .lineup-carousel li p {
		font-size: 12px;
	}
}

#contents > #session-weekly p.btn {
	margin: 50px 0 20px 0;
	text-align: center;
}

#contents > #session-weekly p.btn a {
	border: 2px solid #333;
	padding: 1vw 3vw;
	border-radius: 50px;
	font-size: 1vw;
}

#contents > #session-weekly p.btn a:after {
	content: ">";
	display: inline-block;
	transform: scale(0.7, 1);
	margin: 0 0 0 10px;
}

#interop #contents > #session-weekly p.btn a {
	border: 2px solid #002f48;
	color: #002f48;
	font-weight: bold;
}

@media only screen and (max-width: 769px) {
	#contents > #session-weekly p.btn {
		margin: 35px 0 20px 0;
	}

	#contents > #session-weekly p.btn a {
		border: 2px solid #333;
		padding: 10px 20px;
		border-radius: 50px;
		font-size: 13px;
	}
}

#contents > #keynote-speaker ul {
	margin: 50px auto 0 auto;
	max-width: 1200px;
}

#contents > #keynote-speaker ul:before,
#contents > #keynote-speaker ul:after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}

#contents > #keynote-speaker ul li {
	background: #fff;
	border-radius: 25px;
	padding: 25px;
	text-align: left;
	margin: 0 20px;
	height: 360px;
}

@media only screen and (min-width: 1550px) {
	#contents > #keynote-speaker ul li {
		background: #fff;
		border-radius: 25px;
		padding: 25px;
		text-align: left;
		margin: 0 20px;
		height: 420px;
	}
}

@media only screen and (max-width: 769px) {
	#contents > #keynote-speaker ul li {
		background: #fff;
		border-radius: 25px;
		padding: 25px;
		text-align: left;
		margin: 0 20px;
		height: 340px;
	}
}

#contents > #keynote-speaker ul li .pic {
	position: relative;
}

#contents > #keynote-speaker ul li .pic i {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 10px 10px;
	border-radius: 10px 0 0 0 / 10px 0 0 0;
	max-width: 50px;
}

#contents > #keynote-speaker ul li .text h3 {
	font-size: 1.25vw;
	margin: 1vw 0;
}

#contents > #keynote-speaker ul li .text p {
	font-size: 0.9vw;
}

@media only screen and (max-width: 769px) {
	#contents > #keynote-speaker ul {
		margin-top: 25px;
	}

	#contents > #keynote-speaker ul li {
		background: #fff;
		border-radius: 10px;
		padding: 15px;
		text-align: left;
		margin: 0 15px;
	}

	#contents > #keynote-speaker ul li .text h3 {
		font-size: 15px;
		margin: 10px 0;
	}

	#contents > #keynote-speaker ul li .text p {
		font-size: 12px;
	}
}

#hash {
	background: url("../img/back/block.svg");
	/* padding-top: 100px; */
	padding: 0 0 100px 0;
}

#hash > section {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

#hash h2 {
	font-family: "Roboto", sans-serif !important;
	text-align: center;
	font-size: 4vw;
	position: relative;
}

#interop #hash h2 span {
	color: #004a73;
}

#interop #hash h2 {
	color: #7fa0b2;
}

#dsj #hash h2 span {
	color: #cf1126;
}

#dsj #hash h2 {
	color: #e78893;
}

#lbj #hash h2 span {
	color: #006eb0;
}

#lbj #hash h2 {
	color: #80b7d8;
}

#apps #hash h2 span {
	color: #a560a2;
}

#apps #hash h2 {
	color: #d2b0d1;
}

.plugin {
	display: flex;
	justify-content: space-between;
}

.plugin > div {
	width: 48%;
	height: 500px;
	margin: 50px 0 0 0;
}

.plugin > div:first-child {
	overflow: scroll;
}

p.btn-youtubechannel {
	margin: 100px 0 0 0;
}

p.btn-youtubechannel a {
	background: #fff;
	padding: 25px 150px;
	display: block;
	max-width: 768px;
	box-sizing: border-box;
	margin: 0 auto;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 100px;
}

@media only screen and (max-width: 769px) {
	#hash {
		padding-top: 50px;
	}

	#hash > section {
		padding: 50px 0 50px 0;
	}

	#hash h2 {
		font-size: 26px;
	}

	.plugin {
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}

	.plugin > div {
		width: auto;
		height: 300px;
		margin: 25px 15px 0 15px;
	}

	.plugin > div:nth-child(2) {
		height: 300px;
		overflow: scroll;
		margin: 25px 0 0 0;
	}

	.plugin > div:nth-child(2) iframe {
		width: 100%;
	}

	p.btn-youtubechannel {
		margin: 50px 15px;
		padding-bottom: 50px;
	}

	p.btn-youtubechannel a {
		background: #fff;
		padding: 15px 25px;
		display: block;
		max-width: 768px;
		box-sizing: border-box;
		margin: 0 auto;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
		border-radius: 100px;
	}
}

#welcome {
	background: url("../img/back/welcome.jpg");
	padding: 50px 0;
}

#welcome h2 {
	color: #fff;
	font-family: "Roboto", sans-serif !important;
	text-align: center;
	font-size: 4vw;
	position: relative;
}

#welcome h2 span {
	color: #7fa0b2;
}

#welcome ul {
	max-width: 1024px;
	margin: 50px auto;
	position: relative;
	padding: 0 25px 0;
	box-sizing: border-box;
}

#welcome ul li {
	display: flex;
	justify-content: space-between;
}

#welcome ul li .pic {
	width: 20%;
}

#welcome ul li .pic img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
}

#welcome ul li .text {
	width: 75%;
}

#welcome ul li .text h3 {
	font-size: 1.25vw;
	color: #fff;
	margin-bottom: 1vw;
}

#welcome ul li .text p {
	font-size: 0.95vw;
	color: #fff;
	font-weight: normal !important;
	line-height: 1.8;
}

#welcome p.btn-login {
	text-align: center;
	margin-bottom: 2vw;
}

#welcome p.btn-login a {
	background: #fff;
	border-radius: 50px;
	padding: 15px 60px;
	font-weight: bold;
	font-size: 1.25vw;
	letter-spacing: 2px;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}

#welcome p.btn-aboutfaq {
	text-align: center;
}

#welcome p.btn-aboutfaq a {
	color: #fff;
	letter-spacing: 2px;
	position: relative;
	font-size: 1vw;
}

#welcome p.btn-aboutfaq a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: -20px;
	top: 50%;
}

#welcome p.btn-aboutfaq a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	right: -32px;
	margin-top: -5px;
	top: 50%;
}

@media only screen and (max-width: 769px) {
	#welcome h2 {
		font-size: 26px;
	}

	#welcome h2 span {
		font-weight: bold;
	}

	#welcome ul li {
		display: block;
	}

	#welcome ul li .pic {
		width: auto;
	}

	#welcome ul li .pic img {
		width: 150px;
		height: 150px;
		object-fit: cover;
		border-radius: 50%;
	}

	#welcome ul li .text {
		width: auto;
	}

	#welcome ul {
		max-width: 1024px;
		margin: 25px auto;
		position: relative;
		padding: 0 50px 0;
		box-sizing: border-box;
	}

	#welcome ul li .text h3 {
		font-size: 15px;
		margin: 15px 0;
	}

	#welcome ul li .text p {
		font-size: 13px;
	}

	#welcome p.btn-login {
		margin: 50px 0 25px 0;
	}

	#welcome p.btn-login a {
		font-size: 15px;
	}

	#welcome p.btn-aboutfaq a {
		font-size: 13px;
	}
}

/*==========================================FOOTER======================================================*/
#other {
	padding: 100px 0 50px 0;
}

#other h2 {
	text-align: center;
	margin: 0 0 1vw;
}

#other ul.logos {
	display: flex;
	justify-content: space-between;
	max-width: 768px;
	margin: 0 auto 50px auto;
}

#other ul.logos li {
	width: 30%;
}

#other ul.slider3 li {
	padding: 5px;
}

#other p.btn {
	margin: 3vw 0 20px 0;
	text-align: center;
}

#other p.btn a {
	background: #fff;
	padding: 1vw 2vw;
	border-radius: 50px;
	font-size: 1vw;
	font-weight: bold;
	border: 1px solid #333;
}

#other p.btn a:after {
	content: ">";
	display: inline-block;
	transform: scale(0.7, 1);
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 769px) {
	#other {
		padding: 50px 0;
	}

	#other h2 {
		text-align: center;
		margin: 0 0 15px 0;
		font-size: 13px;
	}

	#other ul.logos {
		display: block;
		margin: 0 50px 25px 50px;
	}

	#other ul.logos li {
		width: auto;
		margin: 0 0 15px 0;
	}

	#other ul.logos li a {
		display: block;
	}

	#other ul.slider3 li {
		padding: 0;
	}

	#other p.btn {
		margin: 25px 0;
		text-align: center;
	}

	#other p.btn a {
		background: #fff;
		padding: 10px 20px;
		border-radius: 50px;
		font-size: 13px;
		font-weight: bold;
		border: 1px solid #333;
	}
}

/***** フッター *****/
footer {
	position: relative;
	z-index: 0;
}

#sitemap {
	padding: 0 15px;
}

footer > #sitemap > nav {
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
}

#interop #sitemap {
	background: #bfd0d9;
}

#dsj #sitemap,
#lbj #sitemap,
#apps #sitemap {
	background: #333;
}

@media screen and (min-width: 1024px) {
	footer > #sitemap > nav {
		padding-top: 80px;
		padding-bottom: 80px;
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 1023px) {
	footer > #sitemap > nav h2 {
		text-align: center;
	}

	#sitemap {
		background: #bfd0d9;
		padding: 0 15px 50px 15px;
	}
}

@media screen and (max-width: 769px) {
	footer > #sitemap > nav h2 {
		width: 50%;
		margin: 0 auto;
	}

	footer > #sitemap > nav > div {
		text-align: center;
	}

	footer > #sitemap > nav > div ul {
		display: inline-block;
		margin: 20px 0 0 0;
	}
}

@media screen and (min-width: 1024px) {
	footer > #sitemap > nav > div:first-child {
		margin-right: 5%;
	}

	footer > #sitemap > nav > div ul.sns {
		margin: 15px 0 0 0;
	}

	footer > #sitemap > nav h2 {
		width: 15vw;
	}
}

footer > #sitemap > nav > div ul.sns li {
	float: left;
	width: 35px;
	margin-right: 15px;
}

@media screen and (min-width: 1200px) {
	footer > #sitemap > nav h2 {
		margin-right: 10%;
	}
}

footer > #sitemap > nav h2 svg {
	fill: #ffffff;
	width: 160px;
	height: 28px;
}

@media screen and (min-width: 736px) {
	footer > #sitemap > nav h2 svg {
		width: 220px;
		height: 38px;
	}
}

footer > #sitemap > nav > ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -15px;
}

@media screen and (max-width: 1023px) {
	footer > #sitemap > nav > ul {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1024px) {
	footer > #sitemap > nav > ul {
		margin-right: 5%;
	}
}

footer > #sitemap > nav > ul li {
	width: 50%;
	margin-bottom: 15px;
}

footer > #sitemap > nav > ul .menu-en {
	width: 100% !important;
	margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
	footer > #sitemap > nav > ul li {
		width: 50%;
	}
}

footer > #sitemap > av > ul li::before {
	font-family: "icon";
	content: "\3e";
	font-size: 10px;
	margin-right: 3px;
	color: #333;
}

footer > #sitemap > nav > ul li a {
	font-size: 12px;
}

#dsj footer > #sitemap > nav > ul li a,
#lbj footer > #sitemap > nav > ul li a,
#apps footer > #sitemap > nav > ul li a {
	color: #fff;
}

@media screen and (min-width: 736px) {
	footer > #sitemap > nav > ul li a:hover {
		text-decoration: underline;
	}
}

@media screen and (min-width: 736px) {
	footer > #sitemap > nav > ul li a {
		font-size: 0.9vw;
		text-align: left;
	}

	footer > #sitemap > nav > ul li a:before {
		content: ">";
		margin: 0 10px 0 0;
		display: inline-block;
		transform: scale(0.75, 1);
	}
}

footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 80vw;
	padding: 1vw 0;
	border-radius: 50px;
	box-sizing: border-box;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 1vw;
	font-size: 1vw;
}

#interop footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
	background: -moz-linear-gradient(left, #004a73 0%, #002f48 100%);
	background: -webkit-linear-gradient(left, #004a73 0%, #002f48 100%);
	background: linear-gradient(to right, #004a73 0%, #002f48 100%);
}

#dsj footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
}

#lbj footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
}

#apps footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
}

footer > #sitemap > nav .btn_lecture ul li:nth-child(2) a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	width: 80vw;
	padding: 1vw 0;
	border-radius: 50px;
	box-sizing: border-box;
	line-height: 1.2;
	color: #333;
	font-size: 1vw;
}

@media screen and (max-width: 1023px) {
	footer > #sitemap > nav .btn_lecture a {
		text-align: center;
	}

	footer > #sitemap > nav .btn_lecture a:not(:last-child) {
		border-bottom: 1px solid #e6e7e8;
	}

	footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a,
	footer > #sitemap > nav .btn_lecture ul li:nth-child(2) a {
		width: 100%;
		font-size: 15px;
		padding: 15px;
	}

	footer > #sitemap > nav .btn_lecture ul li:nth-child(1) a {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 1024px) {
	footer > #sitemap > nav .btn_lecture a {
		padding: 0 30px;
		max-width: 330px;
	}

	footer > #sitemap > nav .btn_lecture a:not(:last-child) {
		margin-bottom: 15px;
	}
}

footer .footer_middle > div {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	box-sizing: border-box;
	background: url("../img/common/bg_world.svg") no-repeat center top;
	background-size: auto 100%;
	text-align: center;
	padding: 50px 0;
}

footer .footer_middle > div p a {
	border: 1px solid #999;
	letter-spacing: 2px;
	font-size: 0.9vw;
	padding: 0.5vw 2vw;
}

footer .footer_middle {
	border-bottom: 1px solid #ccc;
}

footer .footer_bottom {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	box-sizing: border-box;
	margin-top: 15px;
}

@media screen and (max-width: 769px) {
	footer .footer_middle > div p a {
		border: 1px solid #999;
		letter-spacing: 1px;
		font-size: 12px;
		padding: 10px 10px;
	}

	footer .footer_middle > div {
		padding: 25px 15px;
	}
}

@media screen and (min-width: 1024px) {
	footer .footer_bottom {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

footer .footer_bottom > ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1023px) {
	footer .footer_bottom .footer_sns {
		padding: 30px 0;
	}
}

footer .footer_bottom .footer_sns li:not(:last-child) {
	margin-right: 15px;
}

footer .footer_bottom .footer_sns li a {
	display: block;
}

footer .footer_bottom .footer_sns li a svg {
	width: 38px;
	height: 38px;
}

@media screen and (min-width: 736px) {
	footer .footer_bottom .footer_sns li a svg {
		width: 32px;
		height: 32px;
	}
}

@media screen and (min-width: 1024px) {
	footer .footer_bottom .footer_info {
		margin-left: auto;
		order: 10;
	}
}

footer .footer_bottom .footer_info li {
	height: 26px;
}

@media screen and (min-width: 736px) {
	footer .footer_bottom .footer_info li {
		height: 40px;
	}
}

footer .footer_bottom .footer_info li:not(:last-child) {
	margin-right: 5px;
	border-right: 1px solid #d1d3d4;
	padding-right: 5px;
}

@media screen and (min-width: 1024px) {
	footer .footer_bottom .footer_info li:not(:last-child) {
		margin-right: 20px;
		padding-right: 20px;
	}
}

footer .footer_bottom .footer_info li a {
	display: block;
	height: 100%;
}

footer .footer_bottom .footer_info li img {
	height: 100%;
}

footer .footer_bottom .footer_info li #certificate {
	width: 70% !important;
	object-fit: cover;
}

footer .footer_bottom small {
	font-size: 10px;
	display: block;
}

@media screen and (max-width: 1023px) {
	footer .footer_bottom small {
		text-align: center;
		padding: 20px 0;
		color: #6d6e71;
	}
}

@media screen and (min-width: 1024px) {
	footer .footer_bottom small {
		font-size: 0.8vw;
		color: #6d6e71;
		margin-left: 0;
	}
}

body.top .slick-prev:before,
.slick-next:before {
	display: none !important;
}

@media screen and (min-width: 770px) and (max-width: 1549px) {
	body.top #contents > #keynote-speaker ul li {
		height: 380px !important;
	}
}

@media only screen and (min-width: 1550px) {
	body.top #contents > #keynote-speaker ul li {
		height: 450px !important;
	}
}

@media only screen and (max-width: 769px) {
	body.top #contents > #keynote-speaker ul li {
		height: 360px !important;
	}
}

@media only screen and (min-width: 736px) {
	#pr-slider {
		margin: 120px 60px 40px;
		display: block;
		position: relative;
	}
}

@media only screen and (max-width: 735px) {
	#pr-slider {
		margin: 60px 0 0;
		display: block;
		position: relative;
	}
}

#pr-slider h3 {
	text-align: center;
	margin: 0 0 15px 0;
	color: #999;
}

.sp-pr li {
	width: 100%;
	object-fit: cover;
	margin: 0 10px;
	filter: drop-shadow(5px 5px 2px #aaa);
}

@media only screen and (min-width: 736px) {
	.sp-pr li {
		height: 18vw;
	}
}
@media only screen and (max-width: 735px) {
	.sp-pr li {
		height: 13vw;
	}
}

.video {
	width: 100%;
}
#interop-video h2 {
	font-family: "Roboto", sans-serif !important;
	text-align: center;
	font-size: 4vw;
	position: relative;
	color: #00486f;
}

@media only screen and (max-width: 769px) {
	#interop-video h2 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 769px) {
	#interop-video .youtube {
		position: relative;
		overflow: hidden;
		padding-bottom: 2%;
		margin: 0 10px;
	}
}

@media only screen and (min-width: 768px) {
	#interop-video .video-pc {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	#interop-video .video-pc {
		display: none !important;
	}
}
@media only screen and (min-width: 768px) {
	#interop-video .video-sp {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	#interop-video .video-sp {
		display: block;
	}
}

#interop-video .youtube {
	text-align: center;
	margin: 20px 10px;
}

#interop-video .youtube p {
	margin: 10px 0;
}

@media only screen and (min-width: 769px) {
	#interop-video .youtube p {
		font-size: 1.2rem;
	}
}

.visitors {
	max-width: 1200px;
	margin: auto;
	padding: 40px 0;
	box-sizing: border-box;
}

.visitors h2 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px;
}

.visitors ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.visitors ul li {
	width: 23%;
	box-shadow: 0 0 10px #ddd;
}

#interop .visitors ul li .visitors_head {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #002f48;
	margin: 0 10px 0 10px;
}
#apps .visitors ul li .visitors_head {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #a532a2;
	margin: 0 10px 0 10px;
}
#dsj .visitors ul li .visitors_head {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #8f1e2d;
	margin: 0 10px 0 10px;
}
#lbj .visitors ul li .visitors_head {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #0049b0;
	margin: 0 10px 0 10px;
}

.visitors ul li .visitors_body {
	padding: 0 10px 10px 10px;
}

#interop .visitors ul li .visitors_body p.num {
	color: #002f48;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#apps .visitors ul li .visitors_body p.num {
	color: #a532a2;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#dsj .visitors ul li .visitors_body p.num {
	color: #8f1e2d;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#lbj .visitors ul li .visitors_body p.num {
	color: #0049b0;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}

.visitors ul li .visitors_body p.num span {
	font-size: 18px;
}

.visitors ul li .visitors_body p.info {
	font-size: 13px;
	color: #333;
}

#interop .visitors ul li.total .visitors_head {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
	/* margin-bottom: 10px; */
	margin-right: 0 !important;
	margin-left: 0 !important;
}

#apps .visitors ul li.total .visitors_head {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
	/* margin-bottom: 10px; */
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#dsj .visitors ul li.total .visitors_head {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);

	/* margin-bottom: 10px; */
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#lbj .visitors ul li.total .visitors_head {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);

	/* margin-bottom: 10px; */
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.visitors ul li.total .visitors_head p {
	color: #fff;
	border: none !important;
	padding-bottom: 0;
}

.visitors ul li .visitors_head p {
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

.visitors .end_text {
	text-align: center;
	margin-top: 40px;
	font-weight: bold;
	line-height: 2;
	font-size: 24px;
}

.visitors .small {
	font-size: 12px;
	padding-left: 10px;
}
.visitors .small-number {
	font-size: 14px;
}

.visitors_body .result {
	padding-top: 10px;
}

.tbd {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#interop .tbd::after {
	content: "";
	background-color: #002f48;
	width: 20px;
	height: 3px;
	margin-top: 20px;
}
#apps .tbd::after {
	content: "";
	background-color: #a532a2;
	width: 20px;
	height: 3px;
	margin-top: 20px;
}
#dsj .tbd::after {
	content: "";
	background-color: #8f1e2d;
	width: 20px;
	height: 3px;
	margin-top: 20px;
}
#lbj .tbd::after {
	content: "";
	background-color: #0049b0;
	width: 20px;
	height: 3px;
	margin-top: 20px;
}
.visitors .notice {
	text-align: right;
	margin-top: 10px;
}

@media only screen and (max-width: 736px) {
	.visitors h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.visitors {
		padding: 20px 15px;
	}

	.visitors ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.tbd::after {
		margin-top: 0 !important;
	}
}

.end-announcement p {
	text-align: center;
	padding: 20px 0;
	font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
	.end-announcement p {
		font-size: 1.2rem;
		text-align: left;
	}
}

.login span.small {
	font-size: 14px;
}

#fixbtns ul li:last-child a.faq-pdf::before {
	background: url("../img/common/pdf.svg") no-repeat 50% #fff;
	background-size: 30px;
}
#fixbtns ul li:last-child a.faq-pdf::after {
	background: url("../img/common/btn-blue.svg") no-repeat;
	background-size: 100%;
}

@media only screen and (max-width: 768px) {
	#fixbtns ul li:last-child a.faq-pdf::before {
		background: url("../img/common/pdf.svg") no-repeat 50% #fff;
		background-size: 15px;
		height: 20px;
	}
	#fixbtns ul li:last-child a.faq-pdf::after {
		background: url("../img/common/btn-blue.svg") no-repeat;
		background-size: 100%;
	}
}
/* 
#interop .endemande-link {
	text-align: center;
	margin: 100px 0 20px;
}

#apps .endemande-link, #dsj .endemande-link, #lbj .endemande-link {
	text-align: center;
	margin: 20px 0 20px;
}


#interop .endemande-link a {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
	padding: 20px 30px 20px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	position: relative;
	border-radius: 50px;
}
#apps .endemande-link a {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
	padding: 20px 30px 20px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	position: relative;
	border-radius: 50px;
}
#dsj .endemande-link a {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
	padding: 20px 30px 20px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	position: relative;
	border-radius: 50px;
}
#lbj .endemande-link a {
  background: -moz-linear-gradient(left, #006eb0, #0049b0);
  background: -webkit-linear-gradient(left, #006eb0, #0049b0);
  background: linear-gradient(to right, #006eb0, #0049b0);
	padding: 20px 30px 20px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	position: relative;
	border-radius: 50px;
}

.endemande-link a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
} */

.announcement-link a {
	border: 3px solid #002f48;
	color: #002f48;
	padding: 20px 30px 20px 20px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50px;
	position: relative;
}
.announcement-link a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-webkit-transform: translate(0, -50%) rotate(45deg);
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #002f48;
	border-right: 2px solid #002f48;
}

h2 small.finished {
	color: #9babb4;
}

.about_booth_tour {
	background: #002f48;
	color: #fff;
	font-size: 1.4rem;
}

.faq_pdf span {
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#interop-video h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.about_booth_tour {
		font-size: 1.2rem;
	}
}

.online-application {
	margin: 0 auto;
	text-align: center;
}

#interop .online-application .login-online a {
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
	color: #fff;
	width: 40%;
	padding: 10px;
	text-align: center !important;
	border-radius: 50px;
	display: inline-block;
	letter-spacing: 3px;
	font-size: 1.25vw;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}
#apps .online-application .login-online a {
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
	color: #fff;
	width: 40%;
	padding: 10px;
	text-align: center !important;
	border-radius: 50px;
	display: inline-block;
	letter-spacing: 3px;
	font-size: 1.25vw;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}
#dsj .online-application .login-online a {
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
	color: #fff;
	width: 40%;
	padding: 10px;
	text-align: center !important;
	border-radius: 50px;
	display: inline-block;
	letter-spacing: 3px;
	font-size: 1.25vw;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}
#lbj .online-application .login-online a {
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
	color: #fff;
	width: 40%;
	padding: 10px;
	text-align: center !important;
	border-radius: 50px;
	display: inline-block;
	letter-spacing: 3px;
	font-size: 1.25vw;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}

.online-application .phase2-btns {
	display: flex;
	justify-content: center;
	align-items: center;
}

.phase2-btns p {
	margin: 20px 10px 50px;
	width: 20%;
	text-align: center !important;
}
#interop .online-application .phase2-btns p a {
	border: 2px solid #002f48;
	color: #002f48;
	background: #ffffff;
	text-align: center !important;
	padding: 5px;
	border-radius: 50px;
	font-size: 1vw;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

@media screen and (min-width:2000px) {
 .online-application .phase2-btns p a {
	 font-size: 20px !important;
 }	
}



#apps .online-application .phase2-btns p a {
	border: 2px solid #a532a2;
	color: #a532a2;
	background: #ffffff;
	text-align: center !important;
	padding: 5px;
	border-radius: 50px;
	font-size: 1vw;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
#dsj .online-application .phase2-btns p a {
	border: 2px solid #8f1e2d;
	color: #8f1e2d;
	background: #ffffff;
	text-align: center !important;
	padding: 5px;
	border-radius: 50px;
	font-size: 1vw;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
#lbj .online-application .phase2-btns p a {
	border: 2px solid #0049b0;
	color: #0049b0;
	background: #ffffff;
	text-align: center !important;
	padding: 5px;
	border-radius: 50px;
	font-size: 1vw;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

@media only screen and (max-width: 768px) {
	#interop .online-application .login-online a,
	#apps .online-application .login-online a,
	#dsj .online-application .login-online a,
	#lbj .online-application .login-online a {
		width: 90% !important;
		font-size: 15px !important;
	}
	.phase2-btns p {
		width: 48%;
		margin: 20px 10px;
	}
	.phase2-btns p a {
		font-size: 13px !important;
		padding: 10px !important;
	}
}

.mv_online{
	background: #C6181E;
	color: #fff;
	display: inline;
}
.schedule_phase2{
	text-decoration: underline;
	color: #C6181E;
	position: relative;
}
.triangle {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 13.9px;
	border-color: transparent transparent transparent #c6181e;
	position: absolute;
	left: 0;
	top: 3px;
	margin-right: 10px;
}

@media only screen and (max-width: 768px) {
	.triangle{
  border-width: 7px 0 7px 12.1px;
  top: 2px;
	}
}

.session-high{
	margin-top: 20px !important;
	margin-bottom: 10px;
}

.allphase{
	width: 32% !important;
}
.each_phase{
	justify-content: center !important;
}
.each_phase p {
	text-align: center !important;
}

.num_phase2{
	padding-bottom: 50px;
}
.phase_3{
	text-align: center;
	padding-bottom: 20px;
}
.visitors_website_link{
	text-align: center;
}
.visitors_website_link a {
	  position: relative;
  	padding: 8px 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #013048;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
		font-size: 1.6rem;
}
.visitors_website_link a::after{
	content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
}

.thisyear_breaking{
	max-width: 1200px;
  margin: auto;
  /* padding: 40px 0; */
  box-sizing: border-box;
	display: flex;
  justify-content: flex-start;
	align-items: center;
	box-shadow: 0 0 10px #ddd;
}

#interop .thisyear_breaking_visitors{
  width: 35%;
	background: -moz-linear-gradient(left, #004a73, #002f48);
	background: -webkit-linear-gradient(left, #004a73, #002f48);
	background: linear-gradient(to right, #004a73, #002f48);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 36px 0;
	font-size: 1.6rem;
}
#apps .thisyear_breaking_visitors{
  width: 35%;
	background: -moz-linear-gradient(left, #a560a2, #a532a2);
	background: -webkit-linear-gradient(left, #a560a2, #a532a2);
	background: linear-gradient(to right, #a560a2, #a532a2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 36px 0;
	font-size: 1.6rem;
}
#dsj .thisyear_breaking_visitors{
  width: 35%;
	background: -moz-linear-gradient(left, #cf1126, #8f1e2d);
	background: -webkit-linear-gradient(left, #cf1126, #8f1e2d);
	background: linear-gradient(to right, #cf1126, #8f1e2d);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 36px 0;
	font-size: 1.6rem;
}
#lbj .thisyear_breaking_visitors{
  width: 35%;
	background: -moz-linear-gradient(left, #006eb0, #0049b0);
	background: -webkit-linear-gradient(left, #006eb0, #0049b0);
	background: linear-gradient(to right, #006eb0, #0049b0);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 36px 0;
	font-size: 1.6rem;
}

.thisyear_breaking_visitors_number{
	width: 65%;
	padding: 15px 20px 5px 20px;
	background: #fff;
}
#interop .thisyear_breaking_visitors_number .total_breaking_num{
  color:#013048;
  font-size: 2.8rem;
  text-align: center;
}
#apps .thisyear_breaking_visitors_number .total_breaking_num{
  color:#a532a2;
  font-size: 2.8rem;
  text-align: center;
}
#dsj .thisyear_breaking_visitors_number .total_breaking_num{
  color:#8f1e2d;
  font-size: 2.8rem;
  text-align: center;
}
#lbj .thisyear_breaking_visitors_number .total_breaking_num{
  color:#0049b0;
  font-size: 2.8rem;
  text-align: center;
}

.thisyear_breaking_visitors_number .notice{
	text-align: right;
}
.total_breaking_num span{
	font-size: 18px;
	align-items: flex-end !important;
}

@media only screen and (max-width: 736px){
.allphase_wrap li {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
 }
 .thisyear_breaking {
	 flex-direction: column;
	 margin: 0 2%;
	 width: 94% !important;
 }
 .thisyear_breaking_visitors {
	 width: 100% !important;
	 padding: 20px 15px
 }
 /* .thisyear_breaking_visitors_number{
	 width: 92% !important;
 } */
 .total_breaking_num {
	 font-size: 30px;
 }
}