@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@200;300;400;500&display=swap');


.font-en {
    font-family: 'Anuphan', sans-serif;
}
.sidebar {
  width: 290px;
  font-size:22px;
  font-weight: 300;
  font-family: 'Anuphan', sans-serif;
}
.main {
  width: calc(100% - 300px);
}
@media only screen and (max-width: 991px) {
  .main {
    width:100%;
  }
}
#company h3 {
  /*font-size: 46px;
  font-weight:200;
  color:#3280e0;
  margin-bottom: 40px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:-10px;
}
#company h4 {
  /*font-size: 30px;
  font-weight:200;
  color:#3280e0;
  border: 1px solid #3280e0;
  padding:5px 20px;
  display: inline-block;
  margin-top: 80px;*/
  font-family: 'Anuphan', sans-serif;
}
.wrapper strong {
  /*display: block;
  margin-top: 30px;
  font-size:30px;
  font-weight:600;*/
  font-family: 'Anuphan', sans-serif;
}
#product h3 {
  /*font-size: 46px;
  font-weight:200;
  color:#3280e0;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:-10px;
}
#technical h3 {
  /*font-size: 46px;
  font-weight:200;
  color:#3280e0;
  margin-bottom: 40px;
  line-height:1.35;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:-10px;
}
#technical h4 {
  /*font-size: 30px;
  font-weight:200;
  color:#3280e0;
  border: 1px solid #3280e0;
  padding:5px 20px;
  display: inline-block;
  margin-top: 80px;*/
  font-family: 'Anuphan', sans-serif;
}

#csr h3 {
  /*font-size: 36px;
  font-weight:200;
  color:#3280e0;
  margin-top:50px;*/
  font-family: 'Anuphan', sans-serif;
}

#contact h3 {
  /*font-size: 36px;
  font-weight:200;
  color:#3280e0;
  margin-top:50px;
  margin-bottom: 40px;*/
  font-family: 'Anuphan', sans-serif;
}
#privacy-policy h3 {
  /*font-size: 36px;
  font-weight:200;
  color:#3280e0;
  margin-top:50px;*/
  font-family: 'Anuphan', sans-serif;
}
footer .wrap-footer {
    /*display: flex;
    width:1100px;
    margin:0 auto;
    text-align:left;
    margin-bottom:100px;*/
    font-size:20px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 300;
}

#company .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#product .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#technical .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#csr .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#recruit .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#contact .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
#privacy-policy .header h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
.nav-container {
  font-family: 'Anuphan', sans-serif;
}

.container, .wrap-movie .right h3, .wrap-movie .right a, #top .wrap-product p, #top .wrap-product a, #top .program .side-scroll-text p {
  font-size:20px!important;
  font-weight: 300;
}

.wrap-movie .right h2 {
  /*font-weight:500;
  color:#3280e0;
  font-size:36px!important;*/
  font-family: 'Anuphan', sans-serif;
}

#top .wrap-product h2 .sub {
  /*font-size:26px;
  font-weight: 300;
  display: block;
  padding-left:7px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:10px;
}
.program h2 .sub {
  /*font-size:26px;
  font-weight: 400;
  display: block;
  margin-top: 20px;*/
  font-family: 'Anuphan', sans-serif;
  margin-top:20px;
}
#top .program .side-scroll-text h3 {
  /*font-size:26px;
  color:#3280e0;
  padding:5px 0px 5px 20px;
  font-weight:500;*/
  font-family: 'Anuphan', sans-serif;
}



.block-menu-btn .menu-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #3280e0;
  flex-grow: 0;
  padding:5px 9px 0;
  height: 44px;
}
.block-menu-btn .menu-btn .menu {
  margin-top:1px;
  font-size:10px;
  color:#fff;
}
.menu-trigger {
  position: relative;
  width: 32px;
  height: 24px;
}

@media only screen and (max-width: 1034px) {
  .block-menu-btn {
      visibility: visible;
      display: flex;
  }
}