@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font-family: yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;	
}

#wrapper {
	width: 100%;
	height: 100%;
	border: 10px solid #1d566b;
	background: url('../images/contents-bg-top.svg') top center / 80px auto no-repeat;
}
@media screen and (max-width: 1050px) {
	#wrapper { background: url('../images/contents-bg-top.svg') top center / 60px auto no-repeat; }
}
@media screen and (max-width: 768px) {
	#wrapper { background: url('../images/contents-bg-top.svg') top center / 40px auto no-repeat; border: 8px solid #1d566b; }
}


/* ------------------
	common
------------------ */

.txt-xsmall     { font-size: 70%; }
.txt-small      { font-size: 80%; }
.txt-large      { font-size: 120%; }
.txt-color-teal { color: #0e747e; }
.txt-en         { font-family: montserrat, sans-serif; font-weight: 400; font-style: normal; }
.txt-en-bold    { font-family: montserrat, sans-serif; font-weight: 700; font-style: normal; }


/* gradient */
.gradation-300 {
  background: linear-gradient(300deg, rgba(0,85,107,1) 0%, rgba(0,117,128,1) 52%, rgba(0,156,132,1) 85%, rgba(0,156,132,1) 100%);
  background: -webkit-linear-gradient(300deg, rgba(0,85,107,1) 0%, rgba(0,117,128,1) 52%, rgba(0,156,132,1) 85%, rgba(0,156,132,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradation-150 {
  background: linear-gradient(150deg, rgba(0,85,107,1) 0%, rgba(0,117,128,1) 52%, rgba(0,156,132,1) 85%, rgba(0,156,132,1) 100%);
  background: -webkit-linear-gradient(150deg, rgba(0,85,107,1) 0%, rgba(0,117,128,1) 52%, rgba(0,156,132,1) 85%, rgba(0,156,132,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradation-wh {
  background: linear-gradient(300deg, rgba(236,247,245,1) 0%, rgba(204,231,226,1) 19%, rgba(43,209,184,1) 59%, rgba(15,175,161,1) 100%);
  background: -webkit-linear-gradient(300deg, rgba(236,247,245,1) 0%, rgba(204,231,226,1) 19%, rgba(43,209,184,1) 59%, rgba(15,175,161,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
}

/* underline effect */
.underline,
.underline-lb {
	position: relative;
	z-index: 1;
}
.underline:after,
.underline-lb:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 0%;
	height: 10px;
	z-index: -1;
	transition: all 1.7s;
}
.underline:after    { background: #0e747e; }
.underline-lb:after { background: #e1f6f6; }

.underline.isActive:after,
.underline-lb.isActive:after { width: 100%; }

/* txt link effect */
a.txt-link { display: inline-block; text-decoration: underline; }
a.txt-link:hover { 
	color: #0e9188;
	-webkit-animation: zoom .3s;
	animation: zoom .3s;
}
@-webkit-keyframes zoom {
	50% { -webkit-transform: scale(1.05); }
}
@keyframes zoom {
	50% { transform: scale(1.05); }
}

/* txt link effect WHITE */
a.txt-link-wh {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
a.txt-link-wh:hover { 
	color: #6bd4c5;
	-webkit-animation: zoom .3s;
	animation: zoom .3s;
}
@-webkit-keyframes zoom {
	50% { -webkit-transform: scale(1.15); }
}
@keyframes zoom {
	50% { transform: scale(1.15); }
}


/* ------------------
	inview
------------------ */

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms--transform: translate(0, 10px);
    transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -ms-transition: .8s;
}
    
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms--transform: translate(0, 0);
}

/* Up */
.inviewUp {
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -ms-transition: .8s;    
}

.Up {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms--transform: translate(0, 0);
}

/* Down */
.inviewDown {
	opacity: 0;
    transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -ms-transition: .8s;    
}

.Down {
	opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms--transform: translate(0, 0);
}

/* Left */
.inviewLeft {
	opacity: 0;
    transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    -ms-transition: 1.5s;    
}

.Left {
	opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms--transform: translate(0, 0);
}

/* Right */
.inviewRight {
	opacity: 0;
    transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    -ms-transition: 1.5s;    
}

.Right {
	opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms--transform: translate(0, 0);
}

/* -----------------
	sec-lang
------------------ */
#sec-lang { width: 100%; }
#sec-lang .container { text-align: right; }
#sec-lang .container ul {
	padding: 20px 25px;
}
#sec-lang .container ul li {
	display: inline-block;
	font-weight: 700;
	color: #888;
}
#sec-lang .container ul li a { color: #0ba29a; }


/* -----------------
	sec-hero
------------------ */
#sec-hero { 
	width: 100%;
	padding: 90px 0 0 0;
}
#sec-hero .container {
	width: 900px;
	margin: 0 auto;
}
#sec-hero .container .sec-logo { 
	text-align: center;
}
#sec-hero .container .sec-logo img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1050px) {
	#sec-hero { padding: 60px 45px 0 45px; box-sizing: border-box; }
	#sec-hero .container { width: 100%; }
}
@media screen and (max-width: 768px) {
	#sec-hero { padding: 40px 25px 0 25px; }
}



/* -----------------
	sec-location
------------------ */
#sec-location {
	width: 100%;
	margin: 20px 0 60px 0;
}
#sec-location .container { width: 100%; }
#sec-location .container h2 {
	margin: 10px 0 0;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #1d566b;
	text-align: center;
	font-size: 3.5rem;
	line-height: 2;
}
#sec-location .container ul.place {
	width: 400px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: 0.9rem;
	border: 1px solid #0e747e;
}
#sec-location .container ul.place li:nth-child(odd) {
	width: 69%;
	padding: 10px 10px;
	text-align: center;
	color: #0e747e;
}
#sec-location .container ul.place li:nth-child(even) {
	width: 31%;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.03rem;
}
#sec-location .container ul.place li:nth-child(even) a {
	display: block;
	padding: 10px 10px;
	color: #fff;
	border-left: 1px solid #0e747e;
	background: #0e747e url('../images/icon-link.svg') right 10px center / 14px 14px no-repeat;
}
#sec-location .container ul.place li:nth-child(even) a:hover {
	display: block;
	padding: 10px 10px;
	color: #0e747e;
	border-left: 1px solid #0e747e;
	background: #fff url('../images/icon-link-hover.svg') right 10px center / 14px 14px no-repeat;
}
@media screen and (max-width: 1050px) {
	#sec-location { padding: 0 25px; margin: 0 0 30px 0; box-sizing: border-box; }
	#sec-location .container h2 { font-size: 2.5rem; }
}
@media screen and (max-width: 500px) {
	#sec-location .container h2 { font-size: 1.7rem; line-height: 1.1; }
	#sec-location .container ul.place { width: 100%; display: block; border: none; }
	#sec-location .container ul.place li:nth-child(odd) { width: 100%; }
	#sec-location .container ul.place li:nth-child(even) { width: 50%; margin: 0 auto }
}

#sec-location .container p.notice {
	margin-top: 20px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
}
#sec-location .container p.notice a { text-decoration: underline; }

#sec-location .pct-search {
	width: 360px;
	margin: 40px auto 0 auto;
}
#sec-location .pct-search img { width: 100%; height: auto; }
@media screen and (max-width: 768px) {
	#sec-location .pct-search { width: 100%; }
}





/* -----------------
	sec-desc
------------------ */
#sec-desc {
	width: 100%;
	margin: 100px 0 0;	
}
#sec-desc .container {
	background: url('../images/desc-bg.jpg') left center no-repeat;
	background-size: cover;
	margin: 0;
}
#sec-desc .container .inner {
	width: 60%;
	float: right;
	padding: 50px 100px 50px 50px;
	color: #fff;
	background-color: #1d566b;
	box-sizing: border-box;
}
#sec-desc .container h1 {
	margin-bottom: 30px;
	font-size: 1rem;
}
#sec-desc .container h2 {
	margin-bottom: 20px;
	font-size: 1.5rem;
	line-height: 1.6;
}
#sec-desc .container h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
#sec-desc .container p {
	margin-bottom: 15px;
	font-size: 0.87rem;
	line-height: 1.7;
}
@media screen and (max-width: 768px) {
	#sec-desc { margin: 50px 0 0 0; padding: 0; box-sizing: border-box; }
	#sec-desc .container {}
	#sec-desc .container .inner { width: 100%; float: none; padding: 50px 25px; }
	#sec-desc .container h1 { margin-bottom: 20px; }
	#sec-desc .container h3 { font-size: 1.75rem; }
	#sec-desc .container p { font-size: 1rem; }
}


/* -----------------
	CTA
------------------ */
.CTA {
	width: 100%;
	margin-bottom: 100px;
}
.CTA .container {
	width: 1000px;
	margin: 0 auto;
}
.CTA .container ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.CTA .container ul li.participants,
.CTA .container ul li.companies {
	width: 48%;
	text-align: center;
	font-size: 1.15rem;
}
.CTA .container ul li.participants a {
	position: relative;
	display: block;
	padding: 30px 0;
	color: #fff;
	border-radius: 60px;
	border: 3px solid #009b85;
	background: #009b85 url('../images/icon-link.svg') right 8% center / 20px 20px no-repeat;
	box-shadow: 0 7px 0 rgb(16, 61, 73, 0.3);
}
.CTA .container ul li.companies a {
	position: relative;
	display: block;
	padding: 30px 0;
	color: #fff;
	border-radius: 60px;
	border: 3px solid #0e747e;
	background: #0e747e url('../images/icon-link.svg') right 8% center / 20px 20px no-repeat;
	box-shadow: 0 7px 0 rgb(16, 61, 73, 0.3);
}
.CTA .container ul li.participants a:hover,
.CTA .container ul li.companies a:hover {
	top: 5px;
	color: #0e747e;
	border: 3px solid #0e747e;
	background: #fff url('../images/icon-link-hover.svg') right 8% center / 20px 20px no-repeat;
	box-shadow: none;
}

@media screen and (max-width: 1050px) {
	.CTA { padding: 0 25px; box-sizing: border-box; }
	.CTA .container { width: 100%; }
	.CTA .container ul { display: block; }
	.CTA .container ul li.participants { width: 100%; margin-bottom: 20px; font-size: 1rem; }
	.CTA .container ul li.companies    { width: 100%; font-size: 1rem; }
	.CTA .container ul li.participants a { padding: 20px 0; background: #009b85 url('../images/icon-link.svg') right 5% center / 18px 18px no-repeat; }
	.CTA .container ul li.companies a    { padding: 20px 0; background: #0e747e url('../images/icon-link.svg') right 5% center / 18px 18px no-repeat; }
}

/* -----------------
	CTA x1
------------------ */
.CTA-part {
	width: 100%;
	margin-bottom: 100px;
}
.CTA-part .container {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.15rem;
}
.CTA-part .container a {
	position: relative;
	display: block;
	padding: 30px 0;
	color: #fff;
	border-radius: 60px;
	border: 3px solid #009b85;
	background: #009b85 url('../images/icon-link.svg') right 8% center / 20px 20px no-repeat;
	box-shadow: 0 7px 0 rgb(16, 61, 73, 0.3);
}
.CTA-part .container a:hover {
	top: 5px;
	color: #0e747e;
	border: 3px solid #0e747e;
	background: #fff url('../images/icon-link-hover.svg') right 8% center / 20px 20px no-repeat;
	box-shadow: none;
}
@media screen and (max-width: 1050px) {
	.CTA-part { padding: 0 25px; box-sizing: border-box; }
	.CTA-part .container { width: 100%; }
	.CTA-part .container a { padding: 20px 0; background: #009b85 url('../images/icon-link.svg') right 5% center / 18px 18px no-repeat; }
}

.CTA-part p { margin-top: 20px; text-align: center; font-size: 0.75rem; color: #1d566b; }

/* ------------------
	pekopeko
------------------ */
.pekopeko {
    animation: pekopeko 2s infinite;
    box-shadow: 0 5px 0 rgb(0, 0, 0, 0.3);
}
@keyframes pekopeko {
    0%  { box-shadow: 0 5px 0 rgb(0, 0, 0, 0.3); top: 0px; }
    10% { box-shadow: 0 0 0 rgb(0, 0, 0, 0.3); top: 3px; }
    20% { box-shadow: 0 5px 0 rgb(0, 0, 0, 0.3); top: 0px; }
    30% { box-shadow: 0 0 0 rgb(0, 0, 0, 0.3); top: 3px; }
    40% { box-shadow: 0 5px 0 rgb(0, 0, 0, 0.3); top: 0px; }
}


/* -----------------
	feature
------------------ */
#sec-feature {
	width: 100%;
	padding: 50px 0 0px 0;	
	background: url('../images/contents-bg-top.svg') top center / 60px auto no-repeat;
	box-sizing: border-box;
}
#sec-feature .container {
	/*width: 1000px;
	margin: 0 auto;*/
}
#sec-feature .sec-head { margin-bottom: 50px; text-align: center; }
#sec-feature .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-feature .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

@media screen and (max-width: 1050px) {
	#sec-feature { padding: 50px 25px; }
	#sec-feature .container { width: 100%; }
	#sec-feature .sec-head h1 { margin-bottom: 20px; }
	#sec-feature .sec-head h3 { font-size: 1.75rem; }
}


/* sec-body-check */
#sec-feature .sec-body-check {
	width: 800px;
	margin: 50px auto 80px auto;
	display: flex;
	flex-flow: row wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
}
#sec-feature .check-block-pct  { width: 35%; padding: 0 0 20px 20px; box-sizing: border-box; }
#sec-feature .check-block-desc { width: 65%; padding: 0 20px 0 0; box-sizing: border-box; }

#sec-feature .sec-body-check ul {}
#sec-feature .sec-body-check ul li {
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	font-size: 0.85rem;
	line-height: 1.4;
	background: url('../images/icon-check.svg') left center / 16px auto no-repeat;
}


#sec-feature .check-block-pct img { width: 100%; height: auto; }

@media screen and (max-width: 850px) {
	#sec-feature .sec-body-check { width: 100%; padding: 0px 0 10px 0; display: block; }
	#sec-feature .check-block-pct  { width: 40vw; padding: 0; margin: 0 auto 30px auto; }
	#sec-feature .check-block-desc { width: 100%; padding: 0; }	
	#sec-feature .sec-body-check ul li { background: url('../images/icon-check.svg') left top 4px / 16px auto no-repeat; }
}


/* sec-body */
#sec-feature .sec-body-feature {
	width: 1000px;
	margin: 50px auto;
}
#sec-feature .sec-body-feature ul.feature-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#sec-feature .sec-body-feature ul.feature-list li { width: 31%; }
#sec-feature .sec-body-feature ul.feature-list li .sec-pct { margin: 0 0 15px 0; }
#sec-feature .sec-body-feature ul.feature-list li h2 {
	position: relative;
	margin: 25px 0 30px 0;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #0ba29a;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
}
#sec-feature .sec-body-feature ul.feature-list li h2 em {
	font-family: yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.1rem;
	font-style: normal;
	color: #000;
}
#sec-feature .sec-body-feature ul.feature-list li h2::after {
	content: '';
	width: 60px;
	height: 3px;
	display: inline-block;
	background-color: #0ba29a;
	position: absolute;
	bottom: -15px;
	left: calc(50% - 30px);
	border-radius: 5px;
}
#sec-feature .sec-body-feature ul.feature-list li h3 { text-align: center; color: #fff; }
#sec-feature .sec-body-feature ul.feature-list li p { font-size: 0.85rem; line-height: 1.5; }
#sec-feature .sec-body-feature ul.feature-list li img { width: 100%; height: auto; }
#sec-feature .sec-body-feature ul.feature-list .sec-flag {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	padding: 10px 20px;
	background-color: #007580;
}
@media screen and (max-width: 1050px) {
	#sec-feature .sec-body-feature { width: 100%; }
}
@media screen and (max-width: 768px) {
	#sec-feature .sec-body-feature ul.feature-list { display: block; }
	#sec-feature .sec-body-feature ul.feature-list li { width: 100%; margin-bottom: 45px; }
	#sec-feature .sec-body-feature ul.feature-list li h2 { font-size: 1.2rem; }
	#sec-feature .sec-body-feature ul.feature-list li p { font-size: 1rem; }
}


/* -----------------
	outline
------------------ */
#sec-outline {
	width: 100%;
	padding: 50px 0 100px 0;	
	background: rgb(0,85,107);
	background: url('../images/contents-bg-top-wh.svg') top center / 60px auto no-repeat, linear-gradient(180deg, rgba(0,85,107,1) 0%, rgba(0,117,128,1) 52%, rgba(0,156,132,1) 85%, rgba(0,156,132,1) 100%);
	box-sizing: border-box;
}
#sec-outline .container {
	width: 800px;
	margin: 0 auto;
	color: #fff;
}
#sec-outline .sec-head { margin-bottom: 50px; text-align: center; }
#sec-outline .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-outline .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}

@media screen and (max-width: 850px) {
	#sec-outline { padding: 50px 25px; }
	#sec-outline .container { width: 100%; }
	#sec-outline .sec-head h1 { margin-bottom: 20px; }
	#sec-outline .sec-head h3 { font-size: 1.75rem; }
}
/* table */
#sec-outline table.list-outline {
	width: 100%;
	border-top: 1px solid #34b4ad;
	border-collapse: collapse;
	font-size: 0.87rem;
	line-height: 1.5;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
#sec-outline table.list-outline th,
#sec-outline table.list-outline td { padding: 15px 0px; border-bottom: 1px solid #34b4ad; box-sizing: border-box; }
#sec-outline table.list-outline th { width: 15%; }
#sec-outline table.list-outline td { width: 85%; }
@media screen and (max-width: 1050px) {
	#sec-outline table.list-outline { font-size: 1rem; }
	#sec-outline table.list-outline th,
	#sec-outline table.list-outline td { width: 100%; display: block; }
	#sec-outline table.list-outline th { padding: 15px 0 0 0; border: none; }
	#sec-outline table.list-outline td { padding: 0 0 15px 0; border-bottom: 1px solid #34b4ad; }
}
#sec-outline a { text-decoration: underline; }




/* -----------------
	program
------------------ */
#sec-program {
	width: 100%;
	padding: 50px 0 0 0;
	background: url('../images/contents-bg-top-grn.svg') top center / 60px auto no-repeat;
	box-sizing: border-box;
}
#sec-program .container {
	width: 900px;
	margin: 0 auto;
}
#sec-program .sec-head { margin-bottom: 50px; text-align: center; }
#sec-program .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-program .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
@media screen and (max-width: 1050px) {
	#sec-program { padding: 50px 25px; box-sizing: border-box; }
	#sec-program .container { width: 100%; }
	#sec-program .sec-head h1 { margin-bottom: 20px; }
	#sec-program .sec-head h3 { font-size: 1.75rem; }
}
@media screen and (max-width: 768px) {
	#sec-program { background: url('../images/contents-bg-top-grn.svg') top center / 40px auto no-repeat; }
}

#sec-program .sec-body {
	margin: 50px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#sec-program .conts-title    { width: 26%; }
#sec-program .conts-schedule { width: 74%; }
#sec-program .conts-title h1,
#sec-program .conts-title h2 {
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #009c84;
}
#sec-program .conts-title h1 { font-size: 2rem; }
#sec-program .conts-title h2 { font-size: 3rem; }
#sec-program ul.schedule-list {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	line-height: 1.5;
}
#sec-program ul.schedule-list li:nth-child(odd)  { width: 20%; padding: 10px 0; background: url('../images/schedule-list-border.gif') center repeat-y; }
#sec-program ul.schedule-list li:nth-child(even) { width: 80%; padding: 0 0 0 20px; }
#sec-program ul.schedule-list li > a.link {
	padding-right: 15px;
	text-decoration: underline;
	background: url('../images/icon-ar-right.svg') right center / 14px auto no-repeat;
}
.date {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: block;
	padding: 10px;
	text-align: center;
	color: #1f8b8d;
	line-height: 1;
	border-radius: 5px;
	background-color: #fff;
	border: 2px solid #1f8b8d;	
}
.session {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 3px 10px;
	text-align: center;
	font-size: 0.65rem;
	color: #fff;
	background-color: #0ba29a;
}
.notice { margin-top: 40px; font-size: 0.75rem; }

@media screen and (max-width: 1050px) {
	#sec-program .sec-body { display: block; }
	#sec-program .conts-title    { width: 100%; margin-bottom: 20px; }
	#sec-program .conts-schedule { width: 100%; }
}

.special {
	display: inline;
	margin-left: 5px;
}
.special a {
	position: relative;
	display: inline-block;
	padding: 5px 15px 5px 40px;	
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;	
	text-align: center;
	font-size: 0.75rem;
	color: #fff;
	text-decoration: none;
	background: #0615f6 url('../images/icon-flag.svg') left 20px center / 14px auto no-repeat;
	border: 2px solid #0615f6;
	border-radius: 30px;
}
.special a:hover {
	background: #f67d07 url('../images/icon-flag.svg') left 20px center / 14px auto no-repeat;
	border: 2px solid #f67d07;
}

/* ------------------
	peko
------------------ */
.peko { animation: peko 2s infinite; }
@keyframes peko {
    0%  { top: 0px; }
    10% { top: -6px; }
    20% { top: 0px; }
    30% { top: -6px; }
    40% { top: 0px; }
}


/* -----------------
	speaker
------------------ */
#sec-speaker {
	width: 100%;
	padding: 50px 0 100px 0;
	background: #1d566b url('../images/contents-bg-top-wh.svg') top center / 60px auto no-repeat;
	box-sizing: border-box;
}
#sec-speaker .container {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
}
#sec-speaker .sec-head { margin-bottom: 50px; text-align: center; }
#sec-speaker .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-speaker .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
#sec-speaker .sec-body p.comingsoon {
	padding: 20px 0;
	text-align: center;
	font-size: 1.1rem;
	font-family: montserrat, sans-serif;
}
@media screen and (max-width: 1050px) {
	#sec-speaker { padding: 50px 25px; }
	#sec-speaker .container { width: 100%; }
	#sec-speaker .sec-head h1 { margin-bottom: 20px; }
	#sec-speaker .sec-head h3 { font-size: 1.75rem; }
}
@media screen and (max-width: 768px) {
	#sec-speaker { background: #1d566b url('../images/contents-bg-top-wh.svg') top center / 40px auto no-repeat; }
}

/* speaker list */
#sec-speaker ul.list-speaker {
	margin: 0 -30px;
	padding: 0;
	letter-spacing: -.4em;
}
#sec-speaker ul.list-speaker li {
	width: 176px;
	display: inline-block;
	margin: 0 15px 35px 15px;
	letter-spacing: normal;
	vertical-align: top;
}
#sec-speaker ul.list-speaker li img { width: 100%; height: auto; }
#sec-speaker ul.list-speaker li h2 {
	margin: 10px 0 5px 0;
	font-family: montserrat, sans-serif;
	font-size: 0.6rem;
	color: #6bd4c5;
	line-height: 1.5;
}
#sec-speaker ul.list-speaker li h2 em {
	color: #fff;
	font-size: 1rem;
	font-style: normal;
}
#sec-speaker ul.list-speaker li p { 
	font-size: 0.7rem;
	line-height: 1.5;
}
@media screen and (max-width: 1050px) {
	#sec-speaker ul.list-speaker li { width: calc(20% - 30px); }
}
@media screen and (max-width: 768px) {
	#sec-speaker ul.list-speaker { margin: 0 -10px; }
	#sec-speaker ul.list-speaker li { 
		width: 50%;
		margin: 0 0 35px 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
}


/* -----------------
	sponser
------------------ */
#sec-sponsor {
	width: 100%;
	padding: 50px 0 100px 0;
	background: #efefef url('../images/contents-bg-top.svg') top center / 60px auto no-repeat;
	box-sizing: border-box;
}
#sec-sponsor .container {
	width: 1000px;
	margin: 0 auto;
}
#sec-sponsor .sec-head { margin-bottom: 50px; text-align: center; }
#sec-sponsor .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-sponsor .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
#sec-sponsor .sec-body p {
	padding: 20px 0 0;
	text-align: center;
}
/*#sec-sponsor .sec-body p.comingsoon img { width: 250px; height: auto; }*/
@media screen and (max-width: 1050px) {
	#sec-sponsor { padding: 50px 25px; }
	#sec-sponsor .container { width: 100%; }
	#sec-sponsor .sec-head h1 { margin-bottom: 20px; }
	#sec-sponsor .sec-head h3 { font-size: 1.75rem; }
}
@media screen and (max-width: 768px) {
	#sec-sponsor { background: #efefef url('../images/contents-bg-top.svg') top center / 40px auto no-repeat; }
}

/* sponsor logo */
#sec-sponsor .sec-body ul.sponsor-sub {
	width: 100%;
	margin: 20px auto 0 auto;
	text-align: center;
}
#sec-sponsor .sec-body ul.sponsor-sub li {
	display: inline-block;
}
#sec-sponsor .sec-body-media { margin: 40px 0; }
#sec-sponsor .sec-body-media h4 {
	font-size: 1rem;
	text-align: center;
}
#sec-sponsor .sec-body-media p { padding-top: 20px; text-align: center; }

@media screen and (max-width: 768px) {
	img.sponsor-persol { width: 100%; height: auto; }
}

/* -----------------
	startups
------------------ */
#sec-startups {
	width: 100%;
	padding: 50px 0 100px 0;
	background: url('../images/contents-bg-top-gry.svg') top center / 60px auto no-repeat;
	box-sizing: border-box;
}
#sec-startups .container {
	width: 1000px;
	margin: 0 auto;
}
#sec-startups .sec-head { margin-bottom: 50px; text-align: center; }
#sec-startups .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-startups .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
/*#sec-startups .sec-body p.comingsoon {
	padding: 20px 0;
	text-align: center;
	font-size: 1.1rem;
	font-family: montserrat, sans-serif;
	color: #ccc;
}*/

@media screen and (max-width: 1050px) {
	#sec-startups { padding: 50px 25px 100px 35px; }
	#sec-startups .container { width: 100%; }
	#sec-startups .sec-head h1 { margin-bottom: 20px; }
	#sec-startups .sec-head h3 { font-size: 1.75rem; }
}
@media screen and (max-width: 768px) {
	#sec-startups { background: url('../images/contents-bg-top-gry.svg') top center / 40px auto no-repeat; }
}
#sec-startups ul.list-startups {
	width: 100%;
	margin: 0 -22px;
	padding: 0;
	letter-spacing: -.4em;
	box-sizing: border-box;
}
#sec-startups ul.list-startups li {
	/*width: 124px;*/
	width: 7.8%;
	display: inline-block;
	margin: 0 11px 35px 11px;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
}
#sec-startups ul.list-startups li img { width: 100%; height: auto; }

@media screen and (max-width: 1050px) {
	#sec-startups ul.list-startups li { width: calc(10% - 22px); }
}
@media screen and (max-width: 768px) {
	#sec-startups ul.list-startups { margin: 0 -10px; }
	#sec-startups ul.list-startups li { 
		width: 25%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
}





/* ------------
	footer
------------- */
#footer {
	width: 100%;
	background: url('../images/footer-bg.gif') top / 1px 49px repeat-x;
}
#footer .footer-logo { padding: 0 0 0 10%; }
#footer .footer-logo img { width: 114px; height: auto; }
#footer .copyright { padding: 20px 0; }
#footer .copyright p,
#footer .copyright small {
	font-family: montserrat, sans-serif;
	text-align: center;
	font-weight: 400;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	#footer .footer-logo { padding: 0; text-align: center; }
	#footer .copyright { padding:  20px; }
}



/* ------------
	pc/sp bnr
------------- */
#sp-bnr { display: none; }

#pc-bnr {
	display: block;
	position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 999;
}
#pc-bnr .container {
	width: 100%;
}
#pc-bnr .container ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#pc-bnr .container ul li {
	width: 100%;
	/*width: 50%;*/
	text-align: center;
	box-sizing: border-box;
}
#pc-bnr .container ul li:nth-child(odd)  { /*border-right: 1px solid #fff;*/ }
#pc-bnr .container ul li:nth-child(even) {}


a.btn-join,
a.btn-exhibit {
	width: 100%;
	padding: 25px 0;
	display: block;
	color: #fff;
	font-size: 1rem;;
	text-align: center;
	text-decoration:none !important;
}
a.btn-join    { background-color: #009b85; }
a.btn-exhibit { background-color: #0e747e; }

a.btn-join:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	margin: -3px 4px 0 0;
	background-size: contain;
	vertical-align: middle;
}
a.btn-exhibit:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	margin: -3px 10px 0 0;
	background-size: contain;
	vertical-align: middle;
}
a.btn-join:before    { background: url('../images/icon-user.svg') no-repeat; }
a.btn-exhibit:before { background: url('../images/icon-company.svg') no-repeat; }

a.btn-join:hover,
a.btn-exhibit:hover { background: #1d566b url('../images/contents-bg-top-wh.svg') top center / 18px auto no-repeat; }

@media screen and (max-width: 768px){
	#pc-bnr { display: none; }
	
	#sp-bnr {
		display: block;
		position: sticky;
	    position: -webkit-sticky;
	    bottom: 0;
	    z-index: 999;
	}
	#sp-bnr .container {
		width: 100%;
	}
	#sp-bnr .container ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#sp-bnr .container ul li {
		width: 100%;
		/*width: 50%;*/
		text-align: center;
		box-sizing: border-box;
	}
	#sp-bnr .container ul li:nth-child(odd)  { /*border-right: 1px solid #fff;*/ }

	#sp-bnr a.btn-join,
	#sp-bnr a.btn-exhibit { font-size: 0.85rem; }
}


/* -----------------
	how to exhibit
------------------ */
#sec-apply {
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}
#sec-apply .container {
	width: 1000px;
	margin: 0 auto;
}
#sec-apply .sec-flow ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#sec-apply .sec-flow ul li {
	width: 30%;
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	line-height: 1.7;
}
#sec-apply .sec-flow ul li:nth-child(odd)  { width: 30%; background-color: #0ba29a; }
#sec-apply .sec-flow ul li:nth-child(even) { width: 5%; padding: 0 10px; background: #fff url('../images/arrow-next.svg') center center no-repeat; box-sizing: border-box; }
@media screen and (max-width: 768px) {
	#sec-apply .sec-flow ul { display: block; }
	#sec-apply .sec-flow ul li:nth-child(odd)  { width: 100%; margin-bottom: 10px; }
	#sec-apply .sec-flow ul li:nth-child(even) { width: 100%; margin-bottom: 10px; background: #fff url('../images/arrow-down.svg') center center no-repeat; }
}


#sec-apply .sec-head { margin-bottom: 50px; text-align: center; }
#sec-apply .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-apply .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
#sec-apply .sec-body {
	margin: 50px 0;
}
#sec-apply .sec-body h1 {
	display: block;
	margin: 5px 0 15px 0;
	padding: 10px 10px;
	font-size: 1.3rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	background-color: #0ba29a;
}
#sec-apply .sec-body h2 { font-size: 1.2rem; }
#sec-apply .sec-body h3 { font-size: 0.9rem; margin: 0; }
#sec-apply .sec-body p { padding: 5px 0 15px 0; font-size: 0.87rem; line-height: 1.5; }
#sec-apply .sec-body p a { text-decoration: underline; }

#sec-apply .sec-body article { margin-bottom: 30px; }
#sec-apply .sec-body ol li { margin-bottom: 10px; font-size: 0.87rem; }

#sec-apply .sec-pct-booth { width: 40%; margin: 15px 0; }
#sec-apply .sec-pct-booth img { width: 100%; height: auto; border: 1px solid #ccc; }

@media screen and (max-width: 1050px) {
	#sec-apply { padding: 50px 25px 20px 35px; }
	#sec-apply .container { width: 100%; }
	#sec-apply .sec-head h1 { margin-bottom: 20px; }
	#sec-apply .sec-head h3 { font-size: 1.75rem; }
	#sec-apply .sec-pct-booth { width: 100%; }
}
@media screen and (max-width: 768px) {}


/* -----------------
	header add
------------------ */
.add-wrapper {
	/*width: calc(50% - 10px);*/
	width: 100%;
	position: fixed;
	bottom: 70px;
	right: 0;
	z-index: 999;
}

/* close button */
.action-close { position: relative; }
.action-close .btn-close {
	width: 14px;
    position: absolute;
    right: 0;
    padding: 0.5em;
    display: table;
    cursor: pointer;
}
.action-close .btn-close img { width: 14px; height: 14px; vertical-align: top; }
.action-close .add-box {
	width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 0.85rem;
    line-height: 1.5;
    text-align: center;
    background-color: #1d566b;
    /*background-color: #0e747e;*/
    box-sizing: border-box;
}

/* checkbox 非表示 */
.add-wrapper .checkbox { display: none; }

/* close button's control */
.add-wrapper .action-close #close:checked ~ .btn-close { display: none; }
.add-wrapper .action-close #close:checked ~ .add-box { display: none; }


/* -----------------
	booth map
------------------ */
#sec-map {
	width: 100%;
	padding: 0px 0 50px 0;
	box-sizing: border-box;
}
#sec-map .container {
	width: 1100px;
	margin: 0 auto;
}
#sec-map .sec-head { margin-bottom: 50px; text-align: center; }
#sec-map .sec-head h1 { margin-bottom: 30px; font-size: 1rem; }
#sec-map .sec-head h3 {
	font-size: 2.2rem;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
}
#sec-map .sec-pct img { width: 100%; height: auto; }

@media screen and (max-width: 1050px) {
	#sec-map { padding: 0px 20px 50px 20px; }
	#sec-map .container { width: 100%; }
}