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


  p {
    color: #444;
    font-size: 14px;
  }

  p b {
    margin: 0 3px;
    font-size: 15px;
  }

  p.ex2 {
    margin-bottom: 40px;
  }


  /*----------------------------*/

  .nav--header {
    display: none;
  }

  .drawer_menu {
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
  }

  .logoWrap img {
    width: 230px;
    margin-left: 10px;
    display: block;
  }

  .logo--drawer {
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  .btn--round.drawer {
    width: 90%;
    height: 40px;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
  }

  .btn--round.drawer.blue {
    background: #0074CF;
    color: #fff !important;
    bottom: 70px;
  }

  .btn--round.drawer.orange {
    background: #FFAB13;
    color: #fff !important;
    bottom: 120px;
  }

  .drawer_nav_wrapper {
    position: relative;
  }


  /*----------------------------*/

  .btn--seminar {
    width: 210px;
  }

  .btn--hide {
    bottom: 165px;
    left: 200px;
  }

  /*----------------------------*/

  .visual--main {
    height: 550px;
    background-position: 60% 100%;
  }


  /*----------------------------*/

  .content--basic {
    margin: 45px auto;
  }


  .content--basic.ex {
    padding: 45px 0;
    background: #f7f7f7;
  }

  .content--basic.ex6 {
    padding: 30px 0;
  }


  .width--midium {
    width: 90%;
    margin: 45px auto;
  }

  .width--slim {
    width: 500px;
    margin: 0px auto;
  }

  .width--slim.matome {
    width: 80%;
  }

  .icon--round.ex2 {
    display: block;
    width: 100px;

  }



  /*----------------------------*/


  .content--column {
    margin: 30px auto;
    width: 94%;
    max-width: 100%;
  }

  .content--column.slim {
    margin-top: 30px;
    width: 65%;
  }

  .content--column.slim.ex {
    width: 100%;
  }

  .content--column.benefit {
    flex-wrap: wrap;
  }


  /*----------------------------*/


  .item--benefit {
    width: 48.5%;
    margin-bottom: 40px;
  }

  .item--benefit:last-child {
    margin-bottom: 0px;
  }

  .item--benefit .inner {
    padding: 20px;
  }



  /*----------------------------*/


  .title--0 {
    font-size: 28px;
  }

  .title--1 {
    font-size: 24px;
  }

  .title--1.ex2 {
    font-size: 18px;
  }

  .title--2 {
    font-size: 18px;
  }


  .title--7 {
    font-size: 15px;
    margin-top: 20px;
  }


  /*----------------------------*/

  .name {
    font-size: 12px;
  }

  /*----------------------------*/

  .item--circle {
    width: 230px;
    height: 230px;
  }


  .item--circle .txt {
    font-size: 12px;
  }

  .item--circle .txt span {
    font-size: 20px;
    margin-left: 0;
  }


  /*----------------------------*/

  .box--tn {
    width: 90%;
    max-height: 400px;
  }


  .box--tn.ex {
    max-height: 650px;
  }



  /*----------------------------*/


  .item--solution {
    width: 88%;
  }

  .item--solution .img {
    width: 42%;
  }

  .item--solution .txt {
    font-weight: 700;
    width: 55%;
  }


  /*----------------------------*/


  .footer {
    background: #F0F0F0;

  }

  .footer .inner {
    display: flex;
    flex-direction: column;
  }

  .footer .logo {
    width: 270px;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .copyright {
    height: 30px;
    line-height: 30px;
    font-size: 11px;
  }

  /*----------------------------*/

  .list--course {
    margin-top: 20px;
  }

  .icon--step {
    font-size: 14px;
  }

  .list--course .item {
    width: 48.5%;
    padding: 20px 30px;
  }


  /*----------------------------*/


  .item--profile {
    width: 85%;
    margin-top: 30px;
  }

  .item--profile .img {
    width: 48%;
  }

  .item--profile .txt {
    width: 48%;
  }
  
  
  
  


  /*----------------------------*/

  .list--career {
    margin: 20px 0;
    font-size: 14px;
  }


  /*----------------------------*/

  .table--line {
    width: 600px;
    font-size: 13px;
  }

  .table--line p {
    font-size: 13px;
  }

  .table--line td {
    padding: 40px;
  }

  /*----------------------------*/


  .item--faq .inner {
    width: 550px;
  }

  .question {
    margin-bottom: 30px;
  }

  .answer {
    display: flex;
    align-items: flex-start;
  }

  .answer .txt {
    width: 640px;
  }

  /*----------------------------*/


  .table--box {
    font-size: 13px;
    width: 550px;
    margin: 0px auto;
  }

  .table--box.schedule {
    width: 650px;
  }



  /*----------------------------*/
}