.top-banner{
display: none;
}

.header{
display: none;
}



.ceatec-wrap {
position: relative;
width: 1120px;
margin: 0 auto;
}

.sp{
display: none;
}

.flexbox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.value_4::after, .value_4::before{
content: "";
display: block;
width: 24.5%;
height: 0;
}

.value_4::before{
order: 1;
}

.flexbox.reverse{
flex-direction: row-reverse;
}

#ceatec2022 .col_half{
width: 50%;
}

.ceatec_link{
margin: 1em auto 3em;
text-align: center;
}

.ceatec_link a{
display: inline-block;
padding: 10px 40px;
background: #a0a2e7;
border-radius: 30px;
font-size: 18px;
color: #fff;
border: 1px solid #a4a4a4;
}



#ceatec2022 .ceatec2022_head{
background: #3b3766 url(../img/ceatec2023/ceatec2023_head.png) center top no-repeat;
padding: 1em 0;
height: 420px;
margin-bottom: 1em;
text-align: center;
color: #fff;
}

#ceatec2022 .ceatec2022_logo{
text-align: center;
margin-bottom: .5em;
margin-top: .5em;
}
#ceatec2022 .ceatec2022_logo img{
  display: block;
  margin: 0 auto;
}

#ceatec2022 .ceatec2022_head h2{
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 10px;
}

#ceatec2022 .ceatec2022_head h2 img{
margin: 0 auto;
}

#ceatec2022 .ceatec2022_head h3{
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 2em;
}
#ceatec2022 .ceatec2022_head p{
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  max-width: 540px;
  margin: 0 auto;
  text-align: justify;
}

@media only screen and (max-width: 1024px) {
  .sp{
    display: block;
  }

  .ceatec-wrap {
    width: 100%;
    padding: 0 16px;
  }
  .flexbox.reverse{
    flex-direction: row;
  }
  #ceatec2022 .col_half{
    width: 100%;
  }

  #ceatec2022 .ceatec2022_head{
    background: #3b3766 url(../img/ceatec2023/ceatec2023_head.png) center top no-repeat;
    background-size: cover;
    padding: 1em 0 2em;
    height: auto;
  }
  #ceatec2022 .ceatec2022_head h2{
    font-size: 44px;
  }
  #ceatec2022 .ceatec2022_head h3{
    font-size: 16px;
  }
  #ceatec2022 .ceatec2022_head p{
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  #ceatec2022 .ceatec2022_head{
    background: #3b3766 url(../img/ceatec2023/ceatec2023_head.png) center top no-repeat;
    background-size: cover;
    padding: 1em 0 1em;
    height: auto;
  }

  #ceatec2022 .ceatec2022_head h2{
    font-size: 28px;
  }
  #ceatec2022 .ceatec2022_head h3{
    font-size: 16px;
  }
  #ceatec2022 .ceatec2022_head p{
  }
  .ceatec_link a{
      font-size: 16px;
  }
}







@media only screen and (max-width: 768px) {
  #ceatec2022 .ceatec2022_logo {
    margin-bottom: 0;
  }
  #ceatec2022 .ceatec2022_logo img {
    width: 160px;
  }

}







#ceatec2022_view{
width: 100%;
max-width: 720px;
margin: 1.5rem auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.col-02{
width: 48%;
margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
}

.col-02 h5{
width: 100%;
padding: 12px;
color: white;
}

.col-02 a{
display: flex;
flex-direction: column;
align-items: center;
}




.col-02 span{
margin-top: 1rem;
}
.col-02 a span{
margin-top: 1rem;
}

.col-02 img{
margin-top: 1rem;
}
.col-02 a img{
margin-top: 1rem;
}


@media only screen and (max-width: 1024px) {
#ceatec2022_view{
padding: 0 16px;
}
}

@media only screen and (max-width: 768px) {
#ceatec2022_view{
flex-direction: column;
align-items: center;
}
.col-02{
width: 75%;
}


}




#ceatec2022 .ceatec_news_area{
  max-width: 720px;
  margin: 1.5em auto;
}
#ceatec2022 .ceatec_news_area h2{
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #8c8c8c;
}
#ceatec2022 .ceatec_news_area h2>img{
  margin: 0 auto;
  display: block;
}

#ceatec2022 .ceatec_news_area .ceatec_news{
  border-bottom: 1px solid #CCCCCC;
}
#ceatec2022 .ceatec_news_area .ceatec_news a{
  padding: 15px 0;
  align-items: center;
}
#ceatec2022 .ceatec_news_area .ceatec_news a:hover{
  opacity: .6;
}


#ceatec2022 .ceatec_news_area .ceatec_news .date{
  width: 110px;
  font-size: 12px;
  color: #5A5A5A;
}

#ceatec2022 .ceatec_news_area .ceatec_news .ceatec_news_title{
  flex: 1;
}
#ceatec2022 .ceatec_news_area .ceatec_news .ceatec_news_title p{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
#ceatec2022 .ceatec_news_area .ceatec_news .ceatec_news_title h4{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}



@media only screen and (max-width: 1024px) {
  #ceatec2022 .ceatec_news_area{
    padding: 0 16px;
  }
}
@media only screen and (max-width: 768px) {
  #ceatec2022 .ceatec_news_area .ceatec_news .date {
    width: 70px;
    font-size: 10px;
  }
  #ceatec2022 .ceatec_news_area .ceatec_news .ceatec_news_title p {
    font-size: 10px;
  }
  #ceatec2022 .ceatec_news_area .ceatec_news .ceatec_news_title h4 {
    font-size: 14px;
  }
}





#ceatec_malaysia{
max-width: 720px;
margin: 1.5em auto;
}

#ceatec_malaysia a{
justify-content: space-between;
align-items: center;
border: 2px solid #828282;
padding: 1.5rem;
}

#ceatec_malaysia a .date{
width: 110px;
font-size: 12px;
color: #5A5A5A;
}

#ceatec_malaysia a .ceatec_malaysia_title{
flex: 1;
}

.ceatec_malaysia_title h4{
line-height: 1.25;
}

@media only screen and (max-width: 768px) {
#ceatec_malaysia{
padding: 0 16px;
}
}


#ceatec_banner{
width: 100%;
max-width: 720px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 3rem auto 4rem;
padding-bottom: 3rem;
}

@media only screen and (max-width: 1024px) {
#ceatec_banner{
padding: 0 16px;
}
}

@media only screen and (max-width: 768px) {
#ceatec_banner{
flex-direction: column;
align-items: center;
}
#ceatec_banner a{
padding: 1rem;
}



}