@charset "Shift_JIS";
/* CSS Document */
body {
  font: 75%/1.5 Oswald, 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;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #222222;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
}


.pc{
  display: block;
}

i{
  margin: 0 0.5rem 0 0;
}

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

.pc{
  display: none;
}  
  
}



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

main{
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 6rem 0;
  text-align: center;
  z-index: 2;
}


.nippon{
  position: absolute;
  left: 10px;
  top: 40px;
}

main h1{
  font-size: 140px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  z-index:2;
  text-shadow: 0px 0px 5px rgba(255,2555,255,0.5);
}

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

main .flag {
  width: 100%;
  text-align: center;
}

main .flag img{

  position: relative;
  z-index: 0;
  margin: -30px 0 30px 0;
}


main h2{
  font-size: 46px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 25px;
}


main h1 span.main_cap{
  position: absolute;
  bottom: -3rem;
  left: 8rem;
  font-size: 18px;
  z-index: 10;
}





main h2 .small{
  font-size: 36px;
  line-height: 100%;
}

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%;
  
}

main h3.date sup{
  top:-0.25em;
}

.venue{
    margin: 0 0 40px 0;
}

.venue h3{
  background-color: #222222;
  color: #ffffff;
  border-radius:5px;
  font-size: 18px;
  padding: 2px 10px;
  display: inline;
}

.venue p{
     font-size: 30px;
  font-weight: 400;
  margin: 10px 0 0 0;

}


.vnm{
  color: #c7142a;
}

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

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

  .wrap{
    width: 100%;
  }
 
  

  
  
main{
  width: 100%;
  position: relative;
  margin: 0 auto 3rem auto;
  padding:1rem 0.5rem;
  text-align: center;
}
  
.header{
    position: relative;
  }
  
.nippon{
  position:absolute;
  left: 1rem;
  bottom: 1rem;
  top: inherit;
  width: 10%;
} 
  
  .nippon img{
    width: 100%;
    height: auto;
  }    
 
main h1 span.main_cap{
  position: absolute;
  bottom: -1.2rem;
  left: 0rem;
  font-size: 0.7rem;
  z-index: 10;
}
  
main h1{
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  z-index:2;

}

main h1 span{
  font-size: 1.5rem;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 100%; 
}   
  
main .flag img{
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  margin: -0.8rem auto 0.8rem auto;
}  
  
main h2{
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 1rem;
}

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

main h3.date{
  padding:0 0.5rem 0.5rem 0.5rem;
    margin: 0 0 2.5rem 0;
   font-size: 2.3rem;
  
}  
 
.venue{
    margin: 0 0 2.5rem 0;
}

.venue h3{
  background-color: #222222;
  color: #ffffff;
  border-radius:5px;
  font-size: 1.2rem;
  padding: 0.3rem 1rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.venue p{
     font-size: 1.2rem;
  font-weight: 400;
  margin: 10px 0 0 0;
  line-height: 150%;
}
  
}









.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;
}


.tmtimeline>li .tmlabel {
    width: 95%;
    margin: 0 0 0 5%;
    padding: 1.5rem 2.5rem;
    position: relative;
    border-radius: 5px;
    font-size: 24px;
    display: flex;
    background: url("../img/box_bg01.png") #fff no-repeat right bottom;
    background-size: contain;
    min-height: 180px;
}

.boxbg01{
  
}


.tmtimeline>li .pro_tit {
    width:97%;
    margin: 1% 0 0 3%;
    background:none;
    padding: 0;
    position:relative;
}

.tmtimeline>li .pro_tit h3{
    font-size: 2.5rem;
  font-weight: 400;
  
}

.pro_tit_sub{
  max-width: 1400px;
  padding: 0 10% 2rem 10%;
  margin: 0 0 0 -40px;
  display: block;
  font-size: 24px;
}

.tmtimeline>li .pro_tit .sub_tit{
    font-size: 1.6rem;
    font-weight: 400;
  line-height: 100%;
  display: block;
}


.tmtimeline>li .tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #ffffff;
    border-width: 10px;
    top: 10px
}

.tmtimeline>li .tim_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 0 3.5rem 0 0;
   
}

.tmtimeline>li .tim_logo img{
  width: 100%;
  height: auto;
}





.tmtimeline>li .tim_txt{
    display: flex;
    justify-content: center;
    flex-flow: column;
    width: calc(100% - 250px + 3.5rem);
}

.tmtimeline>li .tim_txt h3{
  text-align: left;
  display: block;
    font-size: 22px;
  margin-bottom: 0.5rem;
}

.tmtimeline>li .tim_txt h3 span{
  display: block;
  font-size: 26px;
  color: #0e78be;
  margin-bottom: 0.5rem;
}


.tmtimeline>li .tim_txt p{
  display: block;
    font-size: 16px;
}



.tmtimeline>li .tmicon_tit {
    width: 80px;
    height: 80px;
    text-transform: none;
    font-size: 1.8em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #222222;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -40px;
    position: relative;
    z-index: 0;
}

.tmtimeline>li .tmicon {
   width: 40px;
    height: 40px;
    text-transform: none;
    font-size: 1.2em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #222222;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -20px;
    position: relative;
    z-index: 0;
}

.tmtimeline>li .cl_time{
  background-color:transparent !important;
}


.tmtimeline>li.brektime{
  width:100%;
  display: block;
  background: url("../img/breaktime.jpg") #072D00 no-repeat 0 0;
  background-size: cover;
}

.tmtimeline>li.brektime .inner{
  max-width: 1400px;
  display: flex;
  margin: 0 10%;
  padding:3rem 0 3rem 0;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(4,75,22,0.7);
}

.netrec{
  background: url("../img/network-reception.jpg") #fff no-repeat 0 0;
  background-size: cover;
  position: relative;
}

.netrec h2{
  position: absolute;
  top: 6%;;
  left: 13%;
  font-size: 3.6rem;
  text-shadow: 0px 0px 5px rgba(255,255,255,0.7);
}


.netrec_tit{
  text-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}



/* SP　program
------------------------------------------*/

@media screen and (max-width: 768px) {
  
  .program{
  padding: 3rem 0 0 0;
  width: 100%;

}
  
.prog_tit{
  font-size: 2.3rem;
  line-height: 100%;
  margin: 0 0 3rem 0;
}  
  
  
.pro_tit_sub{
  width: 95%;
  padding: 0 0 2rem 0;
  margin: 0 auto;
  font-size: 24px;
}  
  
  
.inner{
  display: flex;
  margin: 0 2% 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;
}
  
  
  
.tmtimeline>li .tmlabel {
     width:calc(95% - 20px);
    margin: 0 0 0 5%;
    padding: 2rem 1.5rem;
    position: relative;
    border-radius: 5px;
    font-size: 24px;
    display: block;
    background: url("../img/box_bg01.png") #fff no-repeat right bottom;
    background-size: contain;
}  
  

  
 .tmtimeline>li .pro_tit {
    width:calc(100% - 40px);
    margin: 1% 0 0 5%;
    background:none;
    padding: 0;
    position:inherit;
    display: flex;
   
    align-items: center;
} 
  
  
.tmtimeline>li .tmicon_tit {
    width: 80px;
    height: 80px;
    text-transform: none;
    font-size: 1.8em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #222222;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -40px;
    position: relative;
    z-index: 0;
}

.tmtimeline>li .tmicon {
   width: 40px;
    height: 40px;
    text-transform: none;
    font-size: 1.2em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #222222;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -20px;
    position: relative;
    z-index: 0;
}  
 
  .tmtimeline>li .pro_tit h3{
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 110%;
}

.tmtimeline>li .pro_tit span{
    font-size: 1.2rem;
    font-weight: 400;
  line-height: 100%;
  margin: 0.5rem 0 0 0;
  display: block;
}
  
.tmtimeline>li .tim_txt{
    width: 100%;
}  
    
  
  
.tmtimeline>li .tim_logo{
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
  text-align: center;
  
}
  
  
  .tmtimeline>li .tim_logo img{
    width: 100%;
    height: auto;
  }
  

}


/* SP　NETWORKING RECEPTION
------------------------------------------*/

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

.netrec h2{
  position: absolute;
  top: 6%;;
  left: 13%;
  font-size: 2.2rem;
  text-shadow: 0px 0px 5px rgba(255,255,255,0.7);
}


.netrec_tit{
  text-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}
  
}  



/* PC　PARTICIPANTS JAPANESE COMPANIES
------------------------------------------*/

.j-comp{
  padding: 6rem 0;
/*position: relative;
background-color: #fff;
background-image: url(../img/overlay.svg), linear-gradient(45deg, #fff 0%, #fff 20%);
background-size: cover;
z-index: 0;*/
/*background: rgb(204,241,247);
background: linear-gradient(180deg, rgba(204,241,247,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 100%); */
  
}

.j-comp h2{
  text-align: center;
  font-size: 3.7rem;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0 4rem 0;
}

.j-comp ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 5%;
  margin: 0 auto 3rem auto;
  max-width: 1400px;
}

.j-comp li{
  width: calc(25% - 4rem);
  margin: 0 2rem 3rem 2rem;
   display: flex;
    justify-content: center;
    align-items: center;

}

.j-comp li img{
  width: 100%;
  height: auto;
}



/* SP　PARTICIPANTS JAPANESE COMPANIES
------------------------------------------*/

@media screen and (max-width: 768px) {
  
.j-comp{
  padding: 5rem 0;

}
  
.j-comp h2{
  font-size: 2.3rem;
  line-height: 100%;
  margin: 0 0 3rem 0;
}  
  
.j-comp ul{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 5%;
  margin: 0 0 3rem 0;
}

.j-comp li{
  width: 45%;
  margin: 0 10% 2rem 0;
}
  
.j-comp li:nth-child(2n){
  margin: 0 0 2rem 0;
}  

.j-comp li img{
  width: 100%;
  height: auto;
}
  
  
  
  
  
}





/* PC　ABOUT US
------------------------------------------*/


.about{
  
}

.about h2{
  text-align: center;
  font-size: 3.7rem;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0 4rem 0;
  color: #fff;
}

.table_area{
 
  margin:0 10%;
}

.about_inner{
   background-color: #043252;
  padding-bottom: 6rem;
}

.table_area table{
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
}

.table_area table td{
  padding: 1rem 1.5rem;
}


.table_area table td:nth-of-type(1){
  background-color: #e6e6e6;
  border: #043252 solid 1px;
}

.table_area table td:nth-of-type(2){
  background-color: #f5f5f5;
  border: #043252 solid 1px;
}


/* SP　ABOUT US
------------------------------------------*/

@media screen and (max-width: 768px) {
  
  
.about h2{
  font-size: 2.3rem;
  line-height: 100%;
  margin: 0 0 3rem 0;
} 
  
  
.table_area table td{
  padding: 1rem 0.8rem;
}
  
 .table_area{
 
  margin:0 2%;
} 
  
}





/* 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;
}  
  
  
}