@charset "UTF-8";
body{
	/*background-color:#021278;*/
	background:linear-gradient(90deg, rgb(5, 147, 146), rgb(240, 233, 0));
	background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
	color:#fff;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
	line-break: strict;
}
.wrapper{
	width:100%;
	overflow:hidden;
}
/*ヘッダー*/
.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 /*========= 流体シェイプを動かす ===============*/
.fluid {
  width:60vw;/*横幅*/
  height: 80vh;/*縦幅*/
  margin:0 0 0 auto;
}
.fluid img{
	width:100%;
}
.bold{
	font-weight: 700;
}
@keyframes fluidrotate {  
    
0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
    
}
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 70px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: rgb(245,85,50);
    text-decoration: none;
}
#top-head a:hover,
#top-head:hover{
	color:#ffe200;
	}
#top-head .inner {
    position: relative;
}
#top-head .logo {
   /* float: left;*/
	margin:10px 0 0 -25px;
	/*font-weight:600;*/
}
#global-nav{
	height:60px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 30%;
    font-size: 14px;
    width: 85%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#global-nav ul li a {
    padding: 0 20px;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    /*position: fixed;*/
    padding-top: 10px;
    height: 70px;
	background:rgba(255,255,255,.9);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed #global-nav ul{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
#global-nav ul li.ja a{
    background: #fff;
    padding: 10px;
    color: #00a0e2;
    border-radius: 2px;
    margin-left: 20px;
}
#global-nav ul li.ja a:hover{
    background: #00a0e2;
    color: #fff;
}
#top-head.fixed .fb > img{
transform:scale(0.7);
}
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background:#607d8b;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

header > .fb{
	transform:scale(0.4);
	position:absolute;
	right:50px;
}
.fb > a > img{
transform:scale(0.4);
}
.fb{
	margin:-20px 0 0;
}
/*FV*/
.fv_youtube{
	clear:both;
	width:80%;
	height:auto;
	margin:100px auto;
}
h1{
    font-size: 2em;
    margin-bottom: 50px;
    line-height: 1.5;
    font-weight: 600;
	text-shadow:1px 1px 2px black;
}
h1 span{
	line-height:1.1;
}
.small{
	font-size:0.9em;
	margin-top:40px;
	line-height: 1.6;
}
.todan-small{
	font-size: 0.5em;
	display: inline-block;
}
.midashi{
	font-size:1em;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
}
.nichiji{
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}
.free{
    background: #607D8B;
    padding: 15px;
    width: 30%;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
.monkasho{
    padding: 10px;
    border: 2px solid #eee;
    margin: 30px 15px 0 0;
    line-height: 1.5;
    font-size: 0.8em;
    background: #fdfdfd;
}
.fv_youtube{
	position:relative;
}
.fv_youtube > p{
	width:30%;
}
.fv_youtube p img{
	width:100%;
}
h1{
	position:absolute;
	top:20%;
	z-index: 1000;
	font-size: 4em;
	line-height: 1.1;
}
h1 > span{
	font-size:0.4em;
	display: inline-block;
	line-height: 1.3;
}
.indent{
	padding-left:1em;
	text-indent:-1em;
}
.nichiji{
	position:absolute;
	top:60%;
	z-index: 1000;
	line-height: 1.5;
	text-shadow: 1px 1px 2px black;
}
.sp{
	display:none;
}
.entry-btn{
	display:none;
	position:fixed;
	bottom:0;
	color:#5d5e5e;
	text-align:center;
	text-decoration:none;
	width:100%;
	padding:30px 0;
	font-size:3em;
	font-weight:600;
	z-index:999;
	background-color:#ffe200;
}
#page-top {
    position: fixed;
    bottom: 160px;
    right: 0;
    font-size: 23px;
	z-index:999;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
    #page-top a {
        background: #f44336;
		border-top:2px solid #021278;
		border-bottom:2px solid #021278;
		border-left:2px solid #021278;
        text-decoration: none;
        color: #fff;
        width: 40px;
		height:200px;
        padding: 10px;
        text-align: center;
        display: block;
		line-height:1.8;
		z-index:999;
    }
        #page-top a:hover {
            border-style: none;
            background: #fff;
			color:#f44336;
			border-top:2px solid #021278;
		border-bottom:2px solid #021278;
		border-left:2px solid #021278;
        }
#event,#about,#speech,#panel,#presentation,#time,#access,#entry,#shusai{
    width: 80%;
    margin:50px auto;
}
.db{
	background:#fff;
	padding:50px 0 60px;
	color:#262A55;
}
.cl{
	padding:50px 0 60px;
}
.cl2{
	padding:50px 0 0;
}
h2{
	margin:0 auto 30px;
	font-weight: 600;
}
.big{
    border-bottom: 1px solid #5d5e5e;
    line-height: 2;
    font-size: 2em;
}
.big2{
	line-height: 2;
    font-size: 2em;
}
.big-white{
    line-height: 2;
    font-size: 1.6em;
}
.lh20{
	line-height: 2;
}
.lh15{
	line-height:1.5;
}
.lh13{
	line-height:1.3;
}
.flex{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.flex2{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	margin-bottom: 20px;
}
.flex3{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.w40{
	width:40%;
}
.w60{
	width:60%;
}
#speech img{
	width:100%;
}
.s_name{
	text-align: center;
	line-height: 1.5;
	font-size: 0.8em;
}
#presentation a{
    color: #5d5e5e;
    text-decoration: none;
}
#presentation a:hover{
    opacity:.8;
}
#presentation ul{
	width:80%;
	margin:0 auto;
}
#presentation ul li{
	width:300px;
}
.left20{
	margin-left:20px;
}
.right20{
	margin-right:20px;
}
h3{
	font-size: 1.3em;
	font-weight:600;
	margin-bottom:20px;
	line-height: 1.3;
}
#event h3{
		margin-top:70px;
	}
#event .flex{
	margin:0 auto;
	width:90%;
	}
#event img{
	display: block;
	margin:0 auto;
	width:50%;
}
#event li{
	width:calc(100%/4);
}
#event li p{
	line-height: 1.5;
	margin-top:20px;
} 
#about2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.white50{
	background:rgba(0, 255, 255, 0.2);
	padding:50px 70px;
}
.white75{
	background:none;
	padding:50px 70px;
}
.orange{
	background:#0097B0;
	color:#fff;
	text-align: center;
	padding:100px 30px;
}
.orange p{
	padding:30px 0 10px;
	font-size: 1.2em;
	line-height: 2;
}
.orange a{
	padding:20px;
	font-size: 1.2em;
	background:#fff;
	border-radius: 50px;
	display:block;
	width:30%;
	margin:0 auto;
	color:#0097B0;
	text-decoration: none;
}
td{
	padding:10px;
	vertical-align: middle;
	border:1px solid #000;
}
.table{
	display: flex;
}

.kao{
	display: inline-block;
  border: solid 1px #222;
	border-left:none;
	width:150px;
}
.kao2{
	display: inline-block;
  border: solid 1px #222;
	border-left:none;
	border-top:none;
	width:150px;
}

.jikan{
	display: inline-flex;
 	border: solid 1px #222;
  	padding: 4px 16px;
	align-items: center;
	justify-content: center;
	width:10%;
}
.jikan2{
	display: inline-flex;
 	border: solid 1px #222;
  	padding: 4px 16px;
	align-items: center;
	justify-content: center;
	border-top:none;
	width:10%;
}

.namaetitle,.link{
	display: inline;
 	border: solid 1px #222;
  	padding: 20px 16px 4px;
	border-left:none;
}
.namaetitle2,.link2{
	display: inline;
 	border: solid 1px #222;
  	padding: 20px 16px 4px;
	border-left:none;
	border-top: none;
}
.namaetitle,.namaetitle2{
	width:55%;
}
.link,.link2{
	width:10%;
}
.namae{
	margin-bottom: 15px;
	font-weight: 600;
}
.title{
	font-weight: 200px;
	line-height: 1.6;
	font-size: 1.1em;
}
.open{
	margin-bottom:15px;
	cursor:pointer;
	text-decoration: underline;
	display: inline-block;
}
#pop-up1,#pop-up2,#pop-up3,#pop-up4,#pop-up5,#pop-up6,#pop-up7,#pop-up8,#pop-up9,#pop-up10,#pop-up11,#pop-up12,#pop-up13,#pop-up14,#pop-up15,#pop-up16,#pop-up17,#pop-up18,#pop-up19,#pop-up20,#pop-up21,#pop-up22,#pop-up23,#pop-up24,#pop-up25,#pop-up26,#pop-up27{
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up1:checked + .overlay,#pop-up2:checked + .overlay,#pop-up3:checked + .overlay,#pop-up4:checked + .overlay,#pop-up5:checked + .overlay,#pop-up6:checked + .overlay,#pop-up7:checked + .overlay,#pop-up8:checked + .overlay,#pop-up9:checked + .overlay,#pop-up10:checked + .overlay,#pop-up11:checked + .overlay,#pop-up12:checked + .overlay,#pop-up13:checked + .overlay,#pop-up14:checked + .overlay,#pop-up15:checked + .overlay,#pop-up16:checked + .overlay,#pop-up17:checked + .overlay,#pop-up18:checked + .overlay,#pop-up19:checked + .overlay,#pop-up20:checked + .overlay,#pop-up21:checked + .overlay,#pop-up22:checked + .overlay,#pop-up23:checked + .overlay,#pop-up24:checked + .overlay,#pop-up25:checked + .overlay,#pop-up26:checked + .overlay,#pop-up27:checked + .overlay{
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 70%;
	height: 80%;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 18px;
	margin: 0;
	padding:15px;
	line-height: 1.5;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}
#speech h3{
	background:#70ad47;
	width:100px;
	color:#fff;
	text-align: center;
	padding:5px;
	border-radius: 5px;
}
.gogo{
	margin-top:100px;
}
.paper{
    display: block;
    margin-top: 10px;
}
/*#speech > div{
	margin:100px 0;
}*/
/*#speech img{
	transform:scale(0.7);
}*/
.name{
	font-size:1.2em;
	font-weight:500;
}
.panelist{
	line-height:1.5;
	margin-bottom:10px;
}
.prof{
	margin-top:40px;
	line-height:1.5;
}
.mt100{
	margin-top:100px;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
	margin-bottom:120px;
}
h4{
	text-align: center;
	margin-bottom: 60px;
	font-size: 1.5em;
}
#panel ul{
	width:80%;
	margin:0 auto;
}
#panel ul li{
	width:300px;
}
dl{
	margin:0 auto;
	padding:20px 0!important;
}
dt{
    width: 30%;
	margin-left:20px;
}
dd{
    width: 70%;
	line-height: 1.3;
}
#about2 dl div.flex{
	margin-bottom: 10px;
}
#access iframe{
	width:100%;
	margin:0 auto 15px;
	text-align:center;
}	
#access p{
	line-height:1.5;
}
#entry p{
	text-align:center;
	margin-bottom:30px;
}
.red{
	color:#f00;
}
#map{
	width:80%;
	margin:0 auto;
	background:#fff;
	padding:150px 0;
}
#map h2{
	color:#000;
	font-size: 1.6em;
}
#map iframe{
	/*width:60%;*/
	max-width:100%;
	height: 300px;
	margin:0 auto;
	display:block;
}
#shusai h2{
	text-align: center;
	margin-top:100px;
}
#shusai p{
	text-align:center;
}
#shusai img{
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.3);
}
#shusai p img{
	width:175px;
}
#shusai ul{
	width:80%;
	margin:0 auto;
}
#shusai ul.shukan{
	width:60%;
}
#shusai ul.shukan li{
	width:calc(100%/3.4);
}
#shusai ul.kyodo div.flex{
	flex-wrap: wrap;
}
#shusai ul.kyodo li{
	width:calc(100%/4.9);
	margin-bottom: 20px;
}
/*#shusai ul:first-of-type{
	width:70%;
	margin:0 auto;
}*/
/*#shusai ul:last-of-type{
	width:50%;
	margin:0 auto;
}*/
/*#shusai ul:first-of-type li{
	width:49%;
	text-align: center;
}
#shusai ul:last-of-type li{
	width:30%;
	text-align: center;
}*/
#shusai ul img{
	width:100%;
}
/*#shusai ul:first-of-type img{
	transform:scale(.7);
}*/
.mb20{
	margin-bottom:20px;
}
footer{
	background:#021278;
	width:100%;
	color:#fff;
}
footer p{
	text-align:center;
	padding-top:30px;
	line-height:2;
}
.white{
	background:#fff;
	color:#324F5E;
	padding:5px;
	margin-right:5px;
}
footer p a{
	color:#fff;
	font-weight:600;
	margin-left:5px;
}
@media screen and (max-width: 940px) {
   /* ヘッダー*/
	#top-head,
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
		display: none;
        background: rgba(0,0,0,.3);
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
	 #top-head .logo{
		 display: none;
	    position: absolute;
        left: 30px;
    }
    #top-head.fixed .logo {
        position: absolute;
        left: 30px;
        top:0;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: rgb(51,51,51);
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		height:auto;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 auto;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
#top-head #global-nav ul li.en a, 
#top-head.fixed #global-nav ul li.en a{
    background: #fff;
    padding: 10px;
    color: #00a0e2;
    border-radius: 2px;
   margin: 0 auto;
   width: 150px;
}
#top-head #global-nav ul li.en a:hover, 
#top-head.fixed #global-nav ul li.en a:hover{
    background: #00a0e2;
    color: #fff;
}
#top-head #global-nav ul li.ja a, 
#top-head.fixed #global-nav ul li.ja a{
    background: #fff;
    padding: 10px;
    color: #00a0e2;
    border-radius: 2px;
    margin: 0 auto;
    width: 150px;
}
#top-head #global-nav ul li.ja a:hover, 
#top-head.fixed #global-nav ul li.ja a:hover{
    background: #00a0e2;
    color: #fff;
}
    /*#nav-toggle {
        display: block;
    }*/
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	#top-head.fixed #global-nav ul{
		font-size:14px;
		flex-direction: column;
	}
	#top-head.fixed #global-nav ul{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
h1{
	font-size:2em;
}
.nichiji{
font-size:1.2em;
}
.small{
	font-size:0.8em;
}
.monkasho{
	margin:0 auto;
}
	.fv_youtube{
		width:90%;
	}
.fv_youtube > div{
	width:100%;
}
.fv_youtube > p{
	display:none;
}
	.fluid{
		height:30vh;
	}
.sp{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#page-top{
	display:none;
}
.entry-btn{
		display:block;
		font-size:1.5em;
		padding:20px 0;
	}
	
#event,#about,#speech,#panel,#presentation,#time,#access,#entry,#shusai{
        margin:20px auto;
		width:95%;
}
	.white50,.white75{
		padding:50px 10px;
	}
.flex,.flex2{
	flex-direction:column;
}

.flex p,.flex2 p{
margin:30px auto;
}
.flex p.free{
	margin:0 0 30px;
}
	.w40{
		width:100%;
	}
	#event .flex{
		flex-direction:column;
	}	
	#event li{
		width:100%;
	}
	#event li p{
		text-align: center;
	}
h2{
	/*width:90%;*/
}
h3{
	font-size:1.5em;
	margin:20px auto;
	/*text-align:center;*/
}
#about2{
		flex-direction: column;
	}
.orange a{
		width:70%;
	}
	.paper{
		width:50%;
	}
.panelist{
	text-align:right;
	margin:0 10px 10px 0;
}
.prof span{
	text-align:center;
	display:block;
}
.right20,.left20{
	margin:0 auto;
	width:90%;
}
#panel ul{
	width:300px;
}
dl{
	width:90%;
	font-size:1.2em;
}
dt{
	text-align:left;
	margin-bottom:10px;
	width:100%;
}
dd{
	width:100%;
	text-align:center;
}
button{
	font-size:1em;
}
div.mfp_button{
	width:70%;
	text-align:center;
}
	#shusai .flex{
		flex-direction: row;
	}
#shusai ul li{
	text-align:center;
	margin-bottom:30px;
}
	.flex2{
		width: 100%;
		margin-bottom: 0;
	}
	#shusai ul:last-of-type li{
		width:100%;
	}
footer{
	/*margin-bottom:64px;*/
}
	footer p{
		padding-bottom: 30px;
	}
	.table{
	display: flex;
		flex-direction: column;
}
	.kao,.kao2{
		margin:0 auto;
		border:none;
	}
	.namaetitle, .namaetitle2, .link, .link2{
		border:none;
		width:90%;
		text-align:center;
	}
	.jikan{
		width: 90%;
    	margin: 0 auto 30px;
    	display: block;
    	text-align: center;
	}
	.jikan2{
		border:1px solid #000;
		width: 90%;
    	margin: 50px auto 30px;
    	display: block;
    	text-align: center;
	}
	.text{
		font-size:12px;
	}
	.white{
		margin-right:0;
	}
	.fluid img{
		margin-top: -50px;
	}
	#shusai ul,#shusai ul.shukan{
		width:100%;
	}
	#shusai ul.shukan li{
	width:calc(100%/2.2);
	}
#shusai ul.kyodo li{
	width:calc(100%/3.2);
}
}