@charset "Shift_JIS";
/* CSS Document */
body {
  font: 75%/1.5 sans-serif, Arial, Helvetica, Verdana, "PingFang SC";
  font-weight: 400;
  letter-spacing: 0rem;
  -webkit-text-size-adjust: 100%;
/*  background: url("img/main_bg.png") no-repeat 0 0;*/
  background-size:contain;
  color: #222222;
	background-color: #222222;
}
a {
  text-decoration: none;
 
  color: #222222;
}
a:hover {
  text-decoration: underline;

}
a:focus {
  outline: none;
}


.pc{
  display: block;
}

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

.pc{
  display: none;
}  
  
}



/* PC main
------------------------------------------*/

main{
  max-width: 80%;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 6rem 0;
  text-align: center;
  z-index: 2;
	background-color: #222222;
}


.nippon{
  position: absolute;
  right: 30px;
  top: 40px;
}

.nippon img{height: 60px;}

.taiwan{
  position: absolute;
  left: 235px;
  top: 40px;
	
}
.taiwan img{height: 60px;}



.jsmea{
  position: absolute;
  left: 30px;
  top: 40px;
	
}
.jsmea img{	height: 60px;}


main h1{
  font-size: 55px;
	font-weight: bold;
  line-height: 130%;
  position: relative;
  z-index:2;
	color: #ffffff;
	text-align: center;

	margin-top: 85px;

	text-shadow:
    1px 1px #aaa,
  /*  2px 2px #999,*/
    2px 2px #888,
/*    4px 4px #777,*/
    3px 3px #666,
    4px 4px #555,
    5px 5px 5px #000;
	
/*text-shadow:
    1px 1px #aaa,
    2px 2px #999,
    3px 3px #888,
    4px 4px #777,
    5px 5px #666,
    6px 6px #555,
    7px 7px 4px #000;*/
}

main h1 span{
  font-size: 62px;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 100%;
  
}




main h2{
  font-size: 46px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 25px;
/*	  text-shadow: 0px 0px 5px rgba(255,2555,255,0.5);*/
}

main h2 .small{
/*  font-size: 36px;
  line-height: 100%;*/
	font-size: 1.2rem;
	vertical-align: super;
}

main h3.date{
  padding:0 0.5rem 0.5rem 0.5rem;
    margin: 0 0 40px 0;
  display:inline-block;
   font-size: 62px;
  font-weight: 500;
  background: linear-gradient(transparent 52%, #29e005 52%);
  line-height: 100%;
  
}


/*動画背景------------------------------------------*/

  .mv {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
margin: 30px auto 30px auto;
  }

  .mv-wrap {
    position: relative;
    height: 550px;
  }

  video {
    display: block;
    width: 100%;
    height: 550px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mv-bg {
    display: block;
    width: 100%;
    height: 550px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 30, 0, 0.2);
    z-index: 2;
  }

  .mv-txt {
    color: #fff;
/*    font-size: 50px;*/
	  min-width: 840px;
    width: 60%;
	  height: 80%;
 /*   height: 50px;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    margin:auto;
    text-align: center;
/*	  background-color: #1b1464;
	  opacity: 0.8;*/
	  

background-color: rgba(27,20,100,0.9);
  }

 .mv-txt h2{
	 font-size:3.0em;
 margin: 20px auto 5px auto ;
	color: #fff;
 background-image: linear-gradient(90deg, #FDD819, #E80505);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 30%; 
padding:0 0.5rem 0.2rem 0.5rem;
 display:inline-block;
	 font-weight: bold;
/*text-shadow: 0 -1px 1px #fff, 1px 1px 1px #000;*/

}

 .mv-txt h3{
	 font-size:1.6rem;
	 font-weight: bold;


	 
}



 .mv-txt p{
	font-size: 1.6em;
	 margin: 0 auto;
	 text-align: center;
}

 .mv-txt p.adm{
	 font-size: 1.8em;
	 text-align: center;
	 color: #ff0000;
	 font-weight: bold;

}
.mv-txt .detail{display: flex;

margin-top: 30px;
}

.mv-txt .detail .timeTable{
	font-size: 12px;
	text-align: left;
	margin-left: 60px;
	width: 60%;
}

.mv-txt .detail .timeTable td{padding: 10px;
font-size: 1.2rem;
background-color: #000000;}


.mv-txt .detail .timeTable td.small {font-size:1.4rem;}


.mv-txt .detail .linkBtn{
	width: 40%;
}

.mv-txt .detail .linkBtn p{
	background-color: #ffffff;
	color: #1b1464;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 0;
width: 50%;
	padding: 5px 15px;
	text-align: center;
	font-size: 1.4rem;
	
}


/*
追従ボタン------------------------------------------*/



.register {
  position:fixed;
bottom:12%;
	left:60%;
	z-index: 9999;

}

.register p  {
	background-color: #ff0000;
	box-shadow: 0 5px 0 #ca1c30; /* 影の太さ・色 */
	  border-radius: 60px;
	font-weight: bold;
	font-size: 2.0rem;
	padding: 14px 60px;
	width: 100%;
	text-align: center;

	color: #FFFFFF;

}


.register a:hover {text-decoration: none!important;}





/*企業ロゴスライド------------------------------------------*/

.slide {
    width: 100%;
    height: 300px; /* 画像の高さ */
    background-image: url(../img/head_company_logo.gif);
    background-repeat: repeat-x;
    background-size: auto 300px; /* 画像の高さ */
    animation: loop 80s linear infinite;
}
@keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -16200px 0; /* 画像のマイナス幅 */
    }
}


/*
パートナー企業-----------------------------------------*/
.participating{
	width: 100%; 
	background-color: #ffffff;
margin: 30px auto;
padding: 35px;}

.participating h2{
	font-size: 5.0em;
	text-align: center;


}

.participating ul{
	margin: 45px auto;
	width: 80%;

}
.participating li{
	width: 20%;
	float: left;


}

.participating li img{
	width: 90%;

}

/*
about us-----------------------------------------*/

.about{
	width: 100%; 
	background-color: #ffffff;
margin: 30px auto;
padding: 35px;}

.about h2{
	font-size: 5.0em;
	text-align: center;


}

.about { padding: 80px 0; }
.about h2 { text-align: center; }
.about table { width: 55%; margin: 30px auto; 
	background: rgb(255,255,255); 
font-size: 1.4em;}
.about table th { width: 30%; padding: 25px; text-align: right; border: 1px solid rgb(0,0,0); font-weight: 300; box-sizing: border-box; }
.about table td { width: 70%; padding: 25px; border: 1px solid rgb(0,0,0); box-sizing: border-box; }

/* SP main
------------------------------------------*/

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


main h2 .small{
  font-size: 0.8rem;
  
} 





  
}

/*
.register_area{
  text-align: center;
}

.register_area span{
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}


.register_area a{
    display:block;
    width:390px;
    height:68px;
    margin: 0 auto;
    padding: 18px 0 0 0;
    line-height:100%;
    text-decoration: none;
    background:#FF0000;
    text-align:center;
    color:#FFFFFF;
    font-size:30px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:0px 0px 3px 0px #690A0A;
}
.register_area a:hover{
  opacity: 0.7;
}


@media screen and (max-width: 768px) {
  .register_area{
  text-align: center;
}

.register_area span{
  font-size: 1.2rem;
  margin-bottom: 0.6rem;
  display: block;
}


.register_area a{
    display:block;
    width:95%;
    height:auto;
    margin: 0 auto;
    padding: 1.3rem;
    line-height:100%;
    text-decoration: none;
    background:#FF0000;
    text-align:center;
    color:#FFFFFF;
    font-size:2rem;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:0 0 0.4rem  #690A0A;
}
.register_area a:hover{
  opacity: 0.7;
}
  */





/* PC　program
------------------------------------------*/

/*.program_area{
  background-color: #ffffff;
}


.program{
  padding: 0 0 0 0;
  width: 100%;
  background: #e5f1f1;
  background-size:contain;
}


.prog_tit{
  text-align: center;
  font-size: 3.7rem;
  font-weight: 500;
  line-height: 100%;
  margin: -2rem 0 2rem 0;
}

.container{
  width: 100%;
}

.sess2{
  background: rgb(178,220,227);
background: linear-gradient(180deg, rgba(178,220,227,1) 0%, rgba(113,212,227,1) 100%);
}


.tmtimeline {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.inner{
  max-width: 1400px;
  display: flex;
  margin: 0 10%;
  padding-bottom: 3rem;
  border-left: #000 solid 2px;
}

.inner-start{
  padding-top: 6rem;
}

.inner-start2{
  padding-top: 11rem;
}

.inner-end{
  padding-bottom: 6rem;
}
*/



/* PC　FOOTER
------------------------------------------*/

footer{
  width: 100%;
  background-color: #222222;
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
}

footer small{
  font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
  
footer small{
  font-size: 0.7rem;
}  
  
  
}