@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
/*==================================================
cmn
==================================================*/


html {
	overflow: auto;
	font-size: 62.5%;
}

body {
	overflow: hidden;
	font-family: "Roboto", sans-serif;
	color: #000;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 2em;
	letter-spacing: 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #302987;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

header,
nav,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
table,
tr,
td,
th,
input,
textarea,
select,
a,
figure,
span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-block-start: 0;
	margin-block-end: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.8em;
	font-weight: normal;
}

p {
	margin-bottom: 1em;
}

p:last-child {
	margin: 0;
}

a,
input[type="submit"] {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #e4334a;
	font-weight: 600;
	outline: none;
}

a:hover,
input[type="submit"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:after {
	font-family: "Font Awesome 5 free";
	margin-left: .5em;
}

a[target="_blank"]:after {
	content: '\f35d';
}

a:before {
	font-family: "Font Awesome 5 free";
	margin-right: .25em;
}

a[href^="mailto:"]:before {
	content: '\f0e0';
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

hr {
	margin: 60px 0 0;
	border: none;
	background: #f1f1f1;
	border-radius: 3px;
	height: 5px;
}

.hr01 {
	margin: 30px 0;
	border: none;
	background: #f3f3f3;
	border-radius: 1px;
	height: 1px;
}

.hr02 {
	margin: 0;
	margin: 2em 0;
	border: none;
	background: #f3f3f3;
	border-radius: 1px;
	height: 1px;
}



.wrap {
	margin: 0 auto;
	padding: 0 50px;
	box-shadow: none;
	width: 100%;
	max-width: 1100px;
	overflow: hidden;
}

.sp {
	display: none;
}

.txt-red {
	color: #ff4646;
}

.txt-marker {
	background: linear-gradient(transparent 60%, #ffcdcd 60%);
}

.txt-left {
	text-align: left;
}

.txt-center {
	text-align: center;
}

.txt-caution{
	font-weight: bold;
	color: #297ce7;
}

.txt-small {
	font-size: 80%;
}

.txt-120 {
	font-size: 120%;
	font-weight: bold;
}

.txt-140 {
	font-size: 140%;
	font-weight: bold;
}



#PageTopBtn {
	position: fixed;
	/*ボタンの配置場所を固定*/
	bottom: 25px;
	/*下からのボタンの配置場所を指定*/
	right: 25px;
	/*右からのボタンの配置場所を指定*/
}

#PageTopBtn a {
	display: block;
	/*配置の調整*/
	color: #302987;
	/*ボタンの背景色*/
	text-align: center;
	/*文字を中央に配置*/
	font-size: 500%;
	opacity: 0.8;
}

#PageTopBtn a:hover {
	color: #CDC9FF;
}

.slick-arrow {
	z-index: 999;
}

.slide .slick-slide:focus {
	outline: none;
}

.slide {
	overflow: hidden;
}

.slide_inner {
	width: 1000px;
	margin: 0 auto;
}

.slide .slick-list {
	overflow: visible !important;
}

@media only screen and (max-width: 1300px) {
	body {
		min-width: 0;
	}

	.slide_inner {
		width: auto;
	}

	.slide_inner img {
		width: 100%;
		height: auto;
	}
}

.mb05{
	margin-bottom: 0.5em !important;
}

.mb1{
	margin-bottom: 1em !important;
}

.mb2{
	margin-bottom: 2em !important;
}

/*==================================================
head
==================================================*/
#side-box {
	float: none;
	top: 0px;
	left: 0px;
	width: 300px;
	max-height: inherit;
	position: fixed;
	z-index: 9999 !important;
	background: #302987;
	text-align: center;
}

#side-box.auto {
	position: absolute;
}

.site-header {
	position: relative;
	z-index: 9999 !important;
}

.site-header h1 {
	width: 100%;
	line-height: 0em;
	text-align: center;
}

.site-header h1 img {
	padding: 0;
}

.site-header h1 a {
	display: block;
}

#gnavi-s,
.button-toggle {
	display: none;
}

.site-header p.bnr-nav {
	margin: 0;
	background: #ff969c;
	color: #fff;
	border-bottom: 1px solid #423c9b;
}

.site-header p.bnr-nav a {
	display: block;
	color: #fff;
}

.site-header p.bnr-nav span {
	padding: 14px 20px;
	display: block;
}

.gnavi ul {
	border-top: 0px solid #E0E0E0;
}

.gnavi li {
	border-bottom: 1px solid #423c9b;
	position: relative;
	font-size: 90%;
}

.gnavi li a {
	display: block;
	color: #FFF;
	font-weight: bold;
	padding: 15px 50px;
}

.gnavi li.current a,
.gnavi li a:hover {
	background: #CDC9FF;
	color: #302987;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.line2 {
	line-height: 1.3;
}




/*==================================================
foot
==================================================*/
.site-foot {
	margin-top: 60px;
}

.site-foot.fixed address {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.site-foot h2 {
	font-size: 26px;
	font-size: 2.6rem;
	color: #666;
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
}

.site-foot .en {
	font-size: 21px;
	font-size: 2.1rem;
}

footer .address-list {
	line-height: 1.8;
	padding-bottom: 30px;
}

footer .address-list ul {}

footer .address-list img {
	margin-bottom: 10px;
}

footer .address-list li {
	text-align: center;
	font-size: 16px;
	vertical-align: top;
	margin-bottom: 30px;
}

footer .address-list li h3 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0.5em;
}

footer address {
	clear: both;
	font-size: 80%;
	font-style: normal;
	text-align: center;
	color: #666;
}

/*==================================================
content
==================================================*/
#main {
	display: block;
	float: none;
	width: 100%;
	margin-left: 300px;
	width: auto;
	position: relative;
	overflow: hidden;
	background: #FFF;
}

section {
	padding: 60px 0 0;
	position: relative;
	overflow: hidden;
}



/*タイトル*/
h2.tit01 {
	margin-bottom: 1em;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1;
	color: #0052B1;
	border-radius: 1em;
}

h3.tit01 {
	margin: 0 0 0.5em;
	padding: 0.2em 0;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1em;
	font-weight: bold;
	color: #5a45d4;
	border-bottom: 1px solid #DDD;
}

h3.tit02 {
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 0.25em;
}

h3.tit03 {
	margin: 0 0 0.5em;
	padding: 0.2em 0;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1em;
	font-weight: bold;
	color: #777;
	border-bottom: 1px solid #DDD;
}
h3.tit03 span{
	font-size: 90%;
	margin-left: 2em;
}

h3.tit04 {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 0.5em;
	color: #003f9e;
}

h4.tit01 {
	font-size: 18px;
	font-size: 1.8rem;
	color: #4c97b9;
	font-weight: bold;
}

h4.tit02 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-left: 1em solid #a8b1c2;
	line-height: 1;
	padding-left: 0.5em;
	margin-bottom: 1em;
}

h4.tit03 {
	font-weight: bold;
	color: #00abe5;
}

.list-circle {
	margin-bottom: 1em;
}

.list-circle li {
	list-style: disc;
	list-style-position: inside;
	line-height: 1.5;
	text-indent: -1.4em;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

.list-indent01 {
	margin-bottom: 1em;
}

.list-indent01 li {
	list-style: none;
	list-style-position: inside;
	line-height: 1.5;
	text-indent: -1.25em;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}


.list-caution {
	margin-bottom: 1em;
	border: 2px solid #297ce7;
	padding: 1em;
	border-radius: 0.5em;
}

.list-caution li {
	list-style: none;
	list-style-position: inside;
	line-height: 1.5;
	text-indent: -1.4em;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

.list-caution li::before {
    content:  "*";
	margin-right: 1em;
}

.list-decimal02 {
	counter-reset: my-counter;
	margin-bottom: 1em;
}

.list-decimal02 li {
	padding-left: 1.5em;
	position: relative;
	margin-bottom: 0.5em;
	line-height: 1.5;
}

.list-decimal02 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.1em;
	width: 1.1em;
	color: #333;
	font-size: 90%;
	position: absolute;
	top: 0.25em;
	left: 0;
}

/*==================================================
index
==================================================*/
.main {
	position: relative;
	border-bottom: 10px solid #CDC9FF;
}

.main-img {
	text-align: center;

}

.main-img img {
	max-width: 1000px;
	width: 1000px;
	height: 480px;

}

.event-detail {
	position: absolute;
	width: 800px;
	background-color: #FFF;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.event-detail ul {
	margin: 0 auto;
	padding: 1em 1.5%;
	display: flex;
	justify-content: space-around;
	font-size: 110%;
}

.item01 {
	color: #00abe5;
	text-align: right;
}

.item02 {
	font-weight: bold;
}

.event-detail-sp {
	display: none;
}

.topinfo {
	margin: 0 0 2em 0;
	font-size: 110%;
	/*border-bottom: 1px dashed #CCC;*/	
}

.topinfo p{
	font-size: 140%;
	font-weight: bold;
	margin: 0;
}

.topinfo dl{
	padding: 1em;
	border-top: 1px solid #00aeef;
	border-bottom: 1px solid #00aeef;
}

.topinfo dt {
	margin: 0;
	padding: 0;
	float: left;
	width: 20em;
	text-align: right;
	color: #00aeef;
}

.topinfo dd {
	margin: 0;
	padding: 0;
	margin-left: 22em;
	font-weight: bold;
}

.news-sec {
	overflow: hidden;
	margin: 0 0 2%;
}

.news-list {
	min-height: 360px;
	width: 100%;
	display: inline-block;
	margin-bottom: 60px;
}

.news-list li {
	display: block;
	line-height: 1.8em;
	overflow: hidden;
	border-bottom: 1px dashed #e0e6f0;
	padding: 15px 0;
}

.news-list li .data {
	float: left;
	width: 8em;
	color: #666;
	display: block;
}

.news-list li .data-en {
	float: left;
	width: 10em;
	display: block;
	color: #999;
}

.news-list li .txt {
	overflow: hidden;
	color: #000;
	display: block;
}

.message {
	margin-bottom: 2em;
}

.message p {
	text-align: justify;
	line-height: 1.5;
}

.message h2 {
	border-bottom: 1px solid #DDD;
	line-height: 1.5;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.8rem;
	font-size: 18px;
}

/*==================================================
page
==================================================*/
.main-sub {
	padding: 0;
}

.main-sub .tit {
	background: #61ac45;
	padding: 20px 0;
}

.main-sub .page-tit {
	background: url(../img/cmn/main_sub.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	padding: 60px 0;
}

.main-sub .page-tit h3 {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	letter-spacing: 5px;
}

.table-style01 {
	width: 100%;
	border-collapse: collapse;
}

.table-style01 th {
	white-space: nowrap;
	padding: 0.5em 0;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	color: #00aeef;
}

.table-style01 td {
	padding: 0.5em;
	vertical-align: middle;
	text-align: left;
	min-width: 160px;
}

.nowrap {
	white-space: nowrap;
}

.minwidth {
	min-width: 200px !important;
}

.list-disc li {
	margin-left: 1.5em;
	list-style: disc;
}

.underconstruction {
	font-size: 180%;
	text-align: center;
	min-height: 320px;
	line-height: 320px;
}

/*==================================================
greeting
==================================================*/

.profile {
	font-size: 90%;
	margin: 2em 0 0;
	display: flex;
	line-height: 1.5;

}

.profile li {
	vertical-align: bottom;
}

.profile span {
	font-weight: bold;
	font-size: 120%;
}

.profile .reset {
	margin-left: 0;
}

.profile img {
	margin-right: 3em;
	margin-bottom: 0.5em;
}

.greeting p {
	text-indent: 1em;
}

/*==================================================
call for papers
==================================================*/


.column-txt {
	display: flex;
	justify-content: space-around;
}

.column-txt dl{
	margin-right: 1em;
}

.column-txt dl dt {
	font-weight: bold;
	color: #ff6e00;
}

/*==================================================
committees
==================================================*/


/*==================================================
registration
==================================================*/

.table-reg {
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 100%;
	margin-bottom: 1.5em;
}

.table-reg th {
	white-space: nowrap;
	padding: 1em 2em;
	vertical-align: middle;
	background: #00aeef;
	color: #FFF;
	font-weight: normal;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.table-reg td {
	padding: 1em 2em;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.table-reg tr:nth-child(even) td {
	background-color: #eef6fc;
	line-height: 3;
}

.table-reg span {
	font-weight: bold;
}

/*==================================================
Information
==================================================*/

.id-table {
	border-collapse: collapse;
	font-size: 100%;
	width: 100%;
	margin-top: 2em;
}

.id-table th {
	white-space: nowrap;
	padding: 3em 1em;
	vertical-align: middle;
	text-align: center;
	color: #666;
font-weight: normal;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

.id-table td {
	padding: 3em 2em;
	vertical-align: middle;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

/*==================================================
venue
==================================================*/

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

.col-box {
	width: 50%;
}

img {
	max-width: 100%;
	height: auto;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 1em;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*==================================================
program
==================================================*/

.pro-tit01{
	color:#1b65cc;
	font-weight: bold;
	font-size: 19px;
	font-size: 1.9rem;
	margin-bottom: 1em;
	line-height: 1.5;
}

.dl-program{
	min-height: 180px;
	margin-bottom: 2.5em;
}

.dl-program dt img{
	float: left;
	width: 100%;
	max-width: 120px;
	margin-right: 20px;
}

.dl-program dd{
	margin-left: 140px;
	font-weight: bold;
}

.dl-program dd span{
	font-weight: normal !important;
	font-style: italic;
}


.dl-itsss{
	margin-bottom: 2em;
	line-height: 1.5;
	
}

.dl-itsss dt{
	width: 100px;
	float: left;
	margin-bottom: 0.75em;
	text-align: center;
}

.dl-itsss dd{
	margin-left: 110px;
	font-weight: bold;
	margin-bottom: 0.75em;
}


.flag-icon{
	margin-left: 0.5em;
}
.ct{
	font-style: normal !important;
	margin-left: 0.5em;
	font-size: 85%;
	color:#666;

}

/*==================================================
coi
==================================================*/

.coi-box {
	border: 2px solid #00abe5;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.coi-box p {
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}

.dl-coi {
	margin-left: 2em;
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}

.dl-coi dt,
.dl-coi dd {
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}

.dl-coi dd {
	font-size: 120%;
	font-weight: bold;
}

.dl-coi02 {
	margin-top: -0.5em;
	margin-bottom: 1em;
}

.dl-coi02 dt,
.dl-coi dd {
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}

.dl-coi02 dd {
	font-size: 120%;
	font-weight: bold;
}

/*==================================================
social program
==================================================*/
.social-box{
	border: solid 1px #CCC;
	padding: 0.5em 1em;
}
.dl-social{}

.dl-social dt{
	float: left;
	text-align: center;
	width: 130px;
	background-color: #EEE;
	border-radius: 30px;
	margin-bottom: 0.5em;
}

.dl-social dd{
	margin-left: 150px;
	margin-bottom: 0.5em;
}

.flex-social{
	display: flex;
	margin-bottom: 45px;
}
.flex-social img{
 min-width: 165px;
}
.flex-social li{
	margin-right: 30px;
}

.flex-social span{
	font-size: 85%;
	color: #666;
}

.flex-social .left{
	width: 320px;
	line-height: 1.5;
	padding: 0.5em 0;
	text-align: center;
}

.flex-social .right{
	width: 660px;
}

@media screen and (max-width: 480px) {

.flex-social{
	display: block;	
}

.flex-social .left{
	width: 100%;
}

.flex-social .right{
	width: 100%;
}


}


/*==================================================
sponsors and exhibition
==================================================*/

.platinum{
	background-color: #c9cee6 !important;
}
.gold{
	background-color: #ffd86c !important;
}
.silver{
	background-color: #d6d6d6 !important;
}
.bronze{
	background-color: #f5a17b !important;
}

.blue{
	background-color:#b4e4ff !important;
}

.white{
	background-color: #fff !important;
}

.imgBooth{
	width: 75%;
}

.btn01 a {
	display: block;
	background: #e3343d;
	padding: 1em 20px;
	text-align: center;
	border-radius: 2em;
	margin: 5em 20%;
	color: #FFF;
}

.flex-btn {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 3em 0;
	text-align: center;
}

.flex-btn li {
	width: 45%;
}

.flex-btn li a {
	background: #e4334a;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 1em 3vw;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-o-border-radius: 2em;
	-ms-border-radius: 2em;
}
.btngrey{
	background: #999 !important;
}

.btnedit{
	background: #302987 !important;
}

.dl-ad01 {
	margin: 1em 0;
}

.dl-ad01 dt {
	float: left;
	text-align: center;
	width: 130px;
	background-color: #EEE;
	border-radius: 30px;
	margin-bottom: 0.5em;
	font-size: 90%;
}

.dl-ad01 dd {
	margin-left: 150px;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.table-exhibition {
	border-collapse: collapse;
	width: 100%;
	font-size: 85%;
	text-align: center;
	line-height: 1.5;
}

.table-exhibition th {
	border: 1px solid #fff;
	color: #fff;
	padding: 0.5em;
	background-color: #00aeef;
}

.table-exhibition td {
	border: 1px solid #fff;
	padding: 0.5em;
}

.table-exhibition td:empty {
	background-image: linear-gradient(
        to right top, transparent calc(50% - 0.5px), #fff 50%, #fff calc(50% + 0.5px), transparent calc(50% + 1px)
    );
  }

.border2{
	border-bottom: 3px solid #fff !important;
}

.widthsp{
	width: 20% !important;
}

.txt-v{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.sponsor img{
	
}

.bnr-p{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}
.bnr-p li{
	width: calc(50% - 5px);
	margin-right: 10px;/*10*1=10*/
	margin-bottom: 10px;
}
.bnr-p li:nth-child(2n){
	margin-right: 0;
}



.bnr-g{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bnr-g li{
	width: calc(33.33% - 6.67px);
	margin-right: 10px; /*10*2=20*/
	margin-bottom: 10px;
}
.bnr-g li:nth-child(3n){
	margin-right: 0;
}



.bnr-s{
	display: flex;
	flex-wrap: wrap;

}
.bnr-s li{
	margin-right: 20px; /*10*3=30*/
	margin-bottom: 30px;
}

.bnr-s li img{
	height: 60px;
}

.bnr-s li:nth-child(4n){
	margin-right: 0;
}



.bnr-b{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bnr-b li{
	width: calc(20% - 8px);
	margin-right: 10px; /*10*4=40*/
	margin-bottom: 10px;
}
.bnr-b li:nth-child(5n){
	margin-right: 0;
}



.bnr-o{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bnr-o li{
	width: calc(16.7% - 8.67px);
	margin-right: 10px; /*10*5=50*/
	margin-bottom: 10px;
}
.bnr-o li:nth-child(6n){
	margin-right: 0;
}



.bnr-1{
	display: flex;
	flex-wrap: wrap;
}
.bnr-1 li{
	width: 100%;
	margin-bottom: 10px;
}

/*==================================================
abstract
==================================================*/
.list-abstract {
	margin-bottom: 30px;
}

.list-abstract li {
	writing-mode: sideways-rl;
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1.5em;
	margin-left: 1.5em;
}


.table-abstract02 {
	border-collapse: collapse;
	margin-bottom: 30px;
}

.table-abstract02 th {
	padding: 10px 30px;
	border: 1px solid #DDD;
	text-align: right;
	font-weight: normal;
}

.table-abstract02 td {
	padding: 10px 30px;
	border: 1px solid #DDD;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

/*==================================================
organizers
==================================================*/
.table-organizers {}

.table-organizers th {
	padding: 5px 10px;
	vertical-align: top;
	white-space: nowrap;
	-moz-text-align-last: justify;
	text-align-last: justify;
}

.table-organizers td {
	padding: 5px 10px;
}

.table-organizers02 {}

.table-organizers02 th {
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #036eb8;
	color: #036eb8;

}

.table-organizers02 td {
	min-width: 180px;
	vertical-align: top;
	padding: 10px 0;

}

.org-minwidth {
	min-width: 480px !important;

}

/*==================================================
link
==================================================*/
.list-link {
	margin-bottom: 30px;
}

.list-link li {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #dce2eb;
	padding-bottom: 0.5em;
}

/*==================================================
sponsor
==================================================*/

.list-sponsor {
	font-size: 90%;
	margin-bottom: 30px;
}

.list-sponsor li {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.5;
	margin-bottom: 0.75em;
}

.list-sponsor02 {
	font-size: 90%;
	margin-bottom: 30px;
}

.list-sponsor02 li {
	text-indent: -1.75em;
	margin-left: 1.75em;
	line-height: 1.5;
	margin-bottom: 0.75em;
}

.table-sponsor {
	width: 100%;
	border-collapse: collapse;
	font-size: 90%
}

.table-sponsor th {
	white-space: nowrap;
	padding: 10px;
	border: 1px solid #dce2eb;
	vertical-align: top;
	color: #FFF;
	background: #a8b1c2;
}

.table-sponsor td {
	padding: 10px;
	border: 1px solid #dce2eb;
	vertical-align: middle;
	text-align: center;
}

.table-sponsor td:nth-child(6n+2) {
	text-align: left;
	min-width: 150px
}

.table-sponsor td:nth-child(6n+3) {
	text-align: left;
	min-width: 180px
}

@media screen and (max-width: 1120px) {
	.event-detail {
		width: 94%;
		font-size: 85%;
	}

}

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

	.pc {
		display: none;
	}

	.site-header h1 {
		width: auto;
		height: auto;
		padding: 5px 2%;
		float: left;
		display: inline-block;
	}

	.site-header h1 a {
		display: block;
		line-height: 0;
		width: auto;
		margin: 0;
	}

	.site-header h1 img {
		height: 50px;
		margin: 0;
		padding: 0;
	}

	.table-overflow {
		overflow-x: scroll;
		margin-bottom: 1em;
	}

	.table-exhibition {
		width: 960px;
	}

	.site-title a {
		float: left;
	}

	#side-box {
		border: none;
		width: 100%;
		max-height: inherit;
		position: fixed;
		padding: 0 0;
		background: #F1F3FF;
	}

	#side-box .navi-box {
		margin: 0;
		text-align: center;
		height: inherit;
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 100px;
		display: block;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background: #302987;
	}

	.gnavi .subnavi a {
		line-height: 2em;
	}

	.button-toggle {
		position: absolute;
		top: 20px;
		right: 3.5%;
		display: block;
		z-index: 100;
		line-height: 1em;
	}

	.css-bar {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0;
		background: #302987;
		line-height: 0;
	}

	.css-bar,
	.css-bar:before,
	.css-bar:after {
		width: 30px;
		height: 3px;
	}

	.css-bar:before,
	.css-bar:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		background: #302987;
	}

	.css-bar:before {
		margin-top: -10px;
	}

	.css-bar:after {
		margin-top: 6px;
	}

	.bnr-nav.pc {
		display: none;
	}

	.bnr-nav.sp {
		display: block;
	}

	#main {
		padding-top: 60px;
		margin-left: 0;
	}

	.wrap,
	.wrap-s {
		width: 100%;
		max-width: 100%;
		padding: 0 2%;
	}

	.event-detail {
		width: 96%;
		font-size: 100%;
	}

	
}

@media screen and (max-width: 800px) {

	/*==================================================
cmn
==================================================*/
	html {
		overflow: auto;
		font-size: 45%;
	}

	body {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.8em;
	}

	.site-header h1 {
		padding: 5px 1.5%;
	}

	.btn01 a {
		width: 100%;
		margin: 4em 0;
	}

	#side-box .navi-box {
		top: 60px;
	}

	/*==================================================
foot
==================================================*/
	.site-foot {
		margin-top: 50px;
	}

	footer address {
		line-height: 1.4em;
	}

	.overflow-wrap {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	/*==================================================
content
==================================================*/

	.txt-center {
		text-align: center;
	}

	/*==================================================
page
==================================================*/
	.main-sub .tit {
		padding: 15px 0;
	}

	.main-sub .tit .wrap {
		padding: 0 3.5%;
	}

	.main-sub .tit h2 {
		line-height: 0;
	}

	.main-sub .page-tit {
		padding: 30px 0;
	}

	.main-sub .page-tit h3 {
		font-size: 20px;
		letter-spacing: 1px;
	}

	/*==================================================
greeting
==================================================*/


	.table-organizers02 td {
		min-width: 150px;
	}

	.flex-btn {
		margin: 4em 0;
		display: block;
		justify-content: normal;
		flex-wrap: nowrap;
	}

	.flex-btn li:first-child {
		margin-bottom: 1em;
	}
	.flex-btn li {
		width: 100%;
	}

	.flex-btn li a {
		width: 100%;
		display: block;
		text-align: center;
	}

	.event-detail {
		font-size: 90%;
	}

}

@media screen and (max-width: 640px) {
	.event-detail-sp {
		display: block;
	}

	.event-detail-sp dl {
		margin: 0 2%;
		margin-top: 10px;
		line-height: 1.25;
		text-align: center;
		padding: 2%;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		border-radius: 5px;

	}

	.event-detail-sp dl dt {
		color: #00abe5;
		margin-top: 0.5em;
	}

	.event-detail-sp dl dd {
		font-weight: bold;
	}

	.event-detail-sp dl dt:first-child {
		margin-top: 0;
	}

	.event-detail {
		display: none
	}

	section {
		padding: 15px 0 0;
	}

	.imgBooth{
		width: 100%;
	}

	.column-txt{
		display: block;
	}

	.topinfo dt {
		margin: 0;
		padding: 0;
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.topinfo dd {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.table-abstract02{
		width: 100%;
	}

}

@media screen and (max-width: 480px) {

	.site-header h1 img {
		height: 40px;
		padding: 0;
	}

	#side-box .navi-box {
		top: 50px;
	}

	#main {
		padding-top: 50px;
	}

	.button-toggle {
		position: absolute;
		top: 15px;
		right: 3.5%;
		display: block;
		z-index: 100;
		line-height: 1em;
	}
	.dl-program{
		height: 180px;
	}

	.dl-program dt img{
		margin-bottom: 2em;
	}

	.bnr-g{
		display: block;
	}
	.bnr-g li{
		width: 100%;
	}

	.bnr-s{
		display: block;
		justify-content: center;
	}
	.bnr-s li{
		width: 100%;
	}

	.bnr-b{
		display: block;
	}
	.bnr-b li{
		width: 100%;
	}

	.bnr-o{
		display: block;
	}
	.bnr-o li{
		width: 100%;
	}

	/*==================================================
index
==================================================*/
	.main-img {}

	.news-list {
		min-height: 360px;
		width: 100%;
	}

	.news-sec hr {
	
	}

	.news-list li {
		padding: 10px 0;
	}

	.news-list li:last-child {
		border: none;
	}

	.news-list li .data {
		float: none;
		width: 100%;
		margin: 0 0 0.2em;
	}

	.news-list li .data-en {
		float: none;
		width: 100%;
		margin: 0 0 0.2em;
	}

	.bnr-box {
		margin: 20px 0;
	}

	.program-img {
		margin: 1%;
		width: 100%;
		height: auto;
	}

	footer .address-list li {
		display: inline-block;
		width: 100%;
		padding: 0%;
	}


}