@charset "utf-8";
/* CSS Document */
body{
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1rem;
	line-height: 1.6;
	/*background: rgb(12,199,209);
	background: -webkit-linear-gradient(42deg, rgba(12,199,209,1) 0%, rgba(44,219,228,1) 32%, rgba(12,158,209,1) 70%, rgba(12,199,209,1) 100%);
	background: -o-linear-gradient(42deg, rgba(12,199,209,1) 0%, rgba(44,219,228,1) 32%, rgba(12,158,209,1) 70%, rgba(12,199,209,1) 100%);
	background: linear-gradient(132deg, rgba(12,199,209,1) 0%, rgba(44,219,228,1) 32%, rgba(12,158,209,1) 70%, rgba(12,199,209,1) 100%);*/
	background: rgb(12,102,209);
	background: -webkit-linear-gradient(42deg, rgba(12,102,209,1) 0%, rgba(12,199,209,1) 32%, rgba(24,230,255,1) 70%, rgba(12,102,209,1) 100%);
	background: -o-linear-gradient(42deg, rgba(12,102,209,1) 0%, rgba(12,199,209,1) 32%, rgba(24,230,255,1) 70%, rgba(12,102,209,1) 100%);
	background: linear-gradient(132deg, rgba(12,102,209,1) 0%, rgba(12,199,209,1) 32%, rgba(24,230,255,1) 70%, rgba(12,102,209,1) 100%);
}

#particles-js{ 
	position:fixed;
	z-index:-1;
	width: 100%;
	height: 100%;

}

#wrapper{
	position: relative;
	z-index: 1;
	width:100%;
	height: 100%;
}

ul,ol,dl{
	list-style: none;
}


.nav-wrap{
	position: sticky;
	position: -webkit-sticky;
    top: 0;
	color: #FFFFFF;
	z-index: 99;
	padding: 1rem 2rem 1rem;
}
.rogo-img{
	float: left;
	overflow: hidden;
	max-width: 180px;
	width: 100%;
}

.rogo-img img{
	width: 100%;
	height: auto;
}

.nav-wrap ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 auto;
}

.nav-wrap ul li{
	margin-right:0.5rem;
}

.nav-wrap ul li a{
	color: #FFFFFF;
	text-decoration: none;
}

.nav-wrap ul li a:hover{
	text-decoration: none;
}

.drawer-navbar-header{
	position: fixed;
}

.drawer-navbar .drawer-navbar-header{
	border-bottom: none;
	background-color: rgba(0, 0, 0, 0);
}

.change-color,
.change-color2{
	background: #0a857460 !important;
}


.header-wrap{
	background: url("../images/img_main_bacground2.webp")center top repeat-x;
	background-size: contain;
	width: 100%;
	margin: -7rem 0;
    padding: 6rem 0 0;
}

.header-wrap h1{
	text-align: center ;
	color: #fff;
	font-size: 3rem;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}


.header-wrap h1 img{
	width: 100%;
	margin: 0 auto;
	height: auto;
}

.header-listimg {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.header-listimg ul {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 3rem auto;
}

.header-listimg ul li{
	color: #FFF;
	font-size: 1rem;
	margin-top: .5rem;
	width: 24%;
	padding: 0 1.5rem;
}


.header-listimg ul li img{
	max-width: 150px;
    width: 100%;
    margin: 0 auto 1rem;
}

.header-wrap .open{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	
}
.header-wrap .open img{
	text-align: center;
	margin: 0 auto;
	height: auto;
}

.header-wrap .header-read{
	color: #fff;
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    /*background: #0CC7D1;*/
    padding: 3rem 1rem;
}

.btn_wrap{
	width: 45%;
	margin: 0 auto;
}

.btn_wrap a{
	display: block;
	background: #000000;
	font-size: 1.5rem;
	padding: 1rem;
	margin: 3rem;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}

.btn_wrap_nav a{
	display: block;
	background: #000000;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: center;
	text-decoration: none;

}

.btn_wrap a:hover,
.btn_wrap_nav a:hover{
	background: #c0ff00;
	color: #222;
	font-weight: bold;

}

.btn_wrap_nav p{
	display: block;
	background: #ccc;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: center;
	text-decoration: none;
}

.btn_wrap p{
	display: block;
	background: #ccc;
	font-size: 1.5rem;
	padding: 1rem;
	margin: 3rem;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}


.speaker-wrap{
	text-align: center;
	margin: 10rem auto 5rem;
	width: 100%;
	padding: 5rem 0;
	background: #0CC7D190;
}

.speaker-listimg ul {
	max-width: 1000px;
	width: 100%;
	display: flex;
	justify-content:flex-start;
	margin: 3rem auto;
	flex-wrap: wrap;
}

.speaker-listimg ul li{
	font-size: 1rem;
	margin-top: 1rem;
	text-align: left;
	width: 25%;
}

.speaker-listimg ul li img{
	max-width: 180px;
    width: 100%;
	margin: 0 auto;
}


.speaker-listimg .special img{
	max-width: 200px;
	width: 100%;
	height: auto;
}

.speaker-listimg ul.flex-between{
	justify-content:space-around;
}

.speaker-listimg ul.flex-between li dd{
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
}

.speaker-listimg ul li dd{
	max-width: 180px;
	width: 100%;
	margin: 0 auto;
}

.speaker-listimg ul li:last-child{
	margin-right: 0;
}

.day1-hr span{
	color:#3b5cfd;
}

.day2-hr{
	border-top:1px solid #05E3E7;
	margin-top: 5rem;
	padding-top: 5rem;
}

.day2-hr span{
	color:#c0ff00;
}

.schedule_wrap{
	text-align: center;
}

.schedule_wrap h3{
	margin: 5rem auto 0;
	font-size: 2rem;
	max-width: 1000px;
	width: 90%;
	border-bottom:1px solid #FFF;
}

.schedule_wrap dl{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

.anchor{
	margin-top:2rem; 
}

.anchor a{
	text-decoration: none;
	font-weight: bold;
}

.anchor a:hover{
	text-decoration: underline;
}

.anchor a.a-day1,
.day1text{
	color:#3b5cfd;
}

.anchor a.a-day2,
.day2text{
	color:#c0ff00;
}

#speaker-day1{
	margin-bottom:5rem; 
}

.schedule_wrap dl dt{
	width: 30%;
	margin-bottom: 0.5rem;
	border-bottom:1px solid #FFF;
	padding: 1.5rem 0;
}


.schedule_wrap dl dd{
	width: 70%;
	text-align: left;
	border-bottom:1px solid #FFF;
	margin-bottom: 0.5rem;
	padding: 1.5rem 0;
	font-weight: bold;
}


.schedule_wrap dl dd span.text01{
	display: inline-block;
	background: #FFF;
	padding: 0.1rem 1rem;
    color: #222;
    border-radius: 50px;}

.schedule_wrap dl dd h4{
	color: #c0ff00;
	font-weight: bold;
	font-size: 1.5rem;
}

.schedule_wrap dl dd h4.day1{
	color:#3b5cfd;
}

.schedule_wrap dl dd h4.day1_kyosan{
	color:#3b5cfd;
	font-size: 1.25rem;
}

.schedule_wrap dl dd h4.day2_kyosan{
	color:#c0ff00;
	font-size: 1.25rem;
}

.schedule_wrap dl dd p{
	font-size: 0.825rem;
	margin-top: 0.5rem;
}

.schedule_wrap dl dd .panel{
	display: block;
	margin-bottom:0.5rem;
}



/*modaal---------------------------------------*/

.hide-area{
	display: none;
}

.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}


.modaal-video .modaal-inner-wrapper{
	padding:0;
}

.info-list a{
	text-decoration: none;
	color: #222;
}

.info-prof{
	display: flex;
	justify-content: flex-start;
}

.info-prof img {
	max-width: 150px;
	width: 100%;
}

.info-prof .company {
	margin: 0 0 0 2rem;
	font-weight: bold;
}

.info-prof p span{
	display: block;
}


.prof-text{
	border-top: 1px solid #CCC;
	margin: 2rem 0 0 0;
	padding: 1rem;
}


.summary .company-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.summary .company-list li:nth-child(odd){
	width: 13%;
}
.summary .company-list li:nth-child(even){
	width: 80%;
}


.summary dl dd span.gray{
	color: #999999;
}

@media screen and (max-width: 768px){
.modaal-inner-wrapper{
	display: block !important;
}
}

/*summary--------------------------------------*/

.summary{
	text-align: center;
	background: #0CC7D190;
	margin: 5rem 0 1rem;
	padding: 5rem 0 3rem;
}

.summary h2{
	margin: 0 0 1.5rem;

}

.summary dl{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}


.summary dl dt{
	width: 30%;
	margin-bottom: 0.5rem;
	border-bottom:1px solid #FFF;
	padding: 1.5rem 0;
}


.summary dl dd{
	width: 70%;
	text-align: left;
	border-bottom:1px solid #FFF;
	margin-bottom: 0.5rem;
	padding: 1.5rem 0;
	font-weight: bold;
}

.summary dl dd a{
	text-decoration: none;
	color: blue;
}

.summary dl dd a:hover{
	text-decoration: underline;
}


/*footer-wrap------------------------------------*/

.footer-wrap{
	text-align: center;
}

.footer-wrap p{
	margin: 0.3rem 0 0;
}

.footer-wrap a{
	color: blue;
	text-decoration: none;
}

.footer-wrap a:hover{
	text-decoration: underline;
}


@media screen and (min-width:769px){
.drawer-navbar{
	display: none;
}
.img_sp{
	display: none;

}
}


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

*:focus {
  outline: none;
}

a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}



.nav-wrap{
	display: none;
}
/*drawer----------------------------------------------*/

.drawer-navbar-header .rogo-img{
	max-width: 150px;
	margin: 0.5rem 0;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color: #FFF;
}

.drawer--right .drawer-nav{
	right: -100%;
}

.drawer-navbar-header{
	height: 3rem
}

.drawer-nav{
	width: 100%;
	background-color: #0CBFD1;
}

.drawer-hamburger{
	padding: 10px .75rem 0;
}

.drawer-menu-item{
	text-align: center;
    border-bottom: 1px solid #fff;
	color: #FFF;
}

.btn_wrap_nav a{
	display: block;
	background: #000000;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	width: 70%;
	margin: 1rem auto;

}

/* //drawer----------------------------------------------*/




.header-wrap{
	margin:0;
	padding: 3rem 0 0;
}

.header-wrap h1 span{
	font-size: 2rem;
	display: block;
	width: 90%;
	margin: 0 auto;
}

.header-listimg ul{
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	margin: 2rem 0;
}

.header-listimg ul li{
	color: #FFF;
	font-size: 1rem;
	margin-top: .5rem;
	width: 40%;
	padding: 0 2rem;
	
}

.header-listimg ul li img{
	max-width: 200px;
	height: auto;
}

.img_pc{
	display: none;

}

.header-wrap .open{
	width: 100%;
}

.header-wrap .open img{
	width: 95%;
}


.header-wrap .header-read{
	font-size: 1rem;
	line-height: 1.4;
	padding: 1rem;
}

.btn_wrap{
	width: 90%;
}

.btn_wrap a{
	font-size: 1rem;
	margin: 1rem;
}

.speaker-wrap{
	margin: 5rem 0 1.5rem;
	padding: 2rem 0;
}


.a-day2{
	display: block;
	margin-top: 1.5rem;
}

.speaker-listimg ul{
	width: 90%;
}

.speaker-listimg ul li{
	font-size: 0.825rem;
}


 .speaker-listimg .flex-wrap{
 	flex-wrap: wrap;
	margin: 2rem auto;
 }


.speaker-listimg ul.flex-wrap li{
	width: 25%;
	margin: 0 0 .5rem;
}

.speaker-listimg ul.flex-wrap li img{
	max-width: 150px;
	height: auto;
}

.speaker-listimg ul.flex-wrap li dd{
	padding: 0 1rem;
}


.schedule_wrap dl{
	display: block;
}

.schedule_wrap dl dt{
	width: 100%;
	padding: 0.5rem 0;
}

.schedule_wrap dl dd{
	width: 100%;
}

.schedule_wrap dl dd h4{
	color: #c0ff00;
	font-weight: bold;
	font-size: 1.25rem;
}


.schedule_wrap dl dd h4.day1_kyosan{
	font-size: 1rem;
}

.schedule_wrap dl dd h4.day2_kyosan{
	font-size: 1rem;
}

.summary{
	margin: 3rem 0 1rem;
    padding: 3rem 0 3rem;
}

.summary dl{
	display: block;
	font-size: 0.825rem;
}

.summary dl dt{
	width: 100%;
	padding: 0.5rem 0;
}

.summary dl dd{
	width: 100%;
	padding: 0.5rem 0;

}

.footer-wrap{
	font-size: 0.825rem;
}

.info-prof{
	display: block;
}

.info-prof .company{
	margin: 1rem 0 0 0;
    font-weight: bold;
}

.prof-text {
    border-top: 1px solid #CCC;
    margin: 1rem 0 0 0;
    padding: 1rem 0;
    font-size: 0.825rem;
}

}

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

.header-wrap h1 span{
	font-size: 1rem;
	display: block;
	width: 90%;
	margin: 0 auto;
}

.header-wrap h1 img{
	width: 90%;
}

.header-listimg ul{
	width: 80%;
	margin: 2rem auto;
}

.header-listimg ul li{
	color: #FFF;
	font-size: 0.75rem;
	margin-top: .5rem;
	width: 50%;
	padding: 0 1rem;
}


.header-listimg ul li img{
	margin: 0.5rem auto;
}

.header-wrap .header-read{
	font-size: 0.75rem;
	line-height: 1.4;
	padding: 1rem;
}

.speaker-listimg ul.flex-wrap li img{
	max-width: 130px;
}

.speaker-listimg ul.flex-wrap li dd{
	padding: 0 1.5rem;
}

.speaker-listimg ul.flex-wrap li{
	width: 50%;
    margin: 0 0 1rem 0;
}

.speaker-listimg ul.flex-between li{
	width: 45%;
}

.summary .company-list li:nth-child(odd){
	width: 18%;
}


}