@charset "utf-8";

/* ==========================
  pc 1080px未満
============================= */
@media screen and (max-width: 1080px) {

  header .nav_container {
    margin : 0 auto;
    padding-left : 3%;
    padding-right : 3%;
  }

  .content-box {
    padding-left : 3%;
    padding-right : 3%;
  }

  .content-box2 {
    margin : 0 auto;
    padding-left : 3%;
    padding-right : 3%;
  }
}

/* ==========================
  tablet 780px未満
============================= */
@media screen and (max-width: 780px) {

  header {
    margin : 0 auto;
    padding-left: 0;
    padding-right : 0;
  }
  header > div.nav_container {
    display : block;
    padding : 0;
  }
  header h1 {
    margin-left : 3%;
  }


  /* ==========================
    main-nav
  ============================= */
  .navToggle { display : block; }
  nav.main-nav {
    position : fixed;
    top : -200%;
    width : 100vw;
    height : auto;
    z-index : 10;
    opacity: 0.5;
    transition: all 0.7s ease;
    padding-top : 80px;
    background : rgba(16,59,49,0.8);
  }
  nav.main-nav.active {
    display: block;
    top:0;
    opacity:1;
    height : 100%;
    transition: all 0.7s ease;
  }
  nav.main-nav { overflow-y:auto; text-align : center;}
  nav.main-nav ul { flex-direction: column; padding : 12px 0; }
  nav.main-nav ul li { padding : 10px; }
  nav.main-nav ul li a { font-size : 2rem; }
  nav.main-nav ul li span { font-size : 1.4rem; }


  /* ==========================
    トップページ ABINCとは
  ============================= */
  .top_about > div {
    width : 100%;
    max-width : 100%;
  }
  .top_about > div:not(:last-child) { margin-bottom : 50px; }

  /* ==========================
    トップページ ABINC認証とは
  ============================= */
  .top_system > div { width : 100%; max-width : 100%; }
  .top_system > div:not(:last-child) { margin-bottom : 50px; }
  .top_system > div figure { margin : 0 auto; }

  /* ==========================
    footer
  ============================= */
  .footer_menu {
    margin: 0 20%;
    flex-wrap: wrap;
  }
  .footer_menu li { width : 48%; margin-bottom : 0.6rem;}
  .footer_menu li a{
    display : inline-block;
    width : 120px;
    position :relative;
  }
  .footer_menu li a::after {
    position : absolute;
    right : 0;
  }
  .copyright { flex-direction: column; align-items: center;}

}

/* ==========================
  mobile 700px未満
============================= */
@media screen and (max-width: 700px){
  /* ==========================
    トップページ 新着情報
  ============================= */
  .top_news dt { width : 100%; }
  .top_news dt::after { display : none; }
  .top_news dt span.category { margin-left : 16px; }
  .top_news dd { width : 100%; }

}
/* ==========================
  mobile 560px未満
============================= */
@media screen and (max-width: 559px){

  /* ==========================
    footer
  ============================= */
  .footer_menu {
    margin: 0 5%;
  }
}


/* =========================
  ABINCとは
 =========================== */
/* =========================
   新着情報一覧
 =========================== */
/* =========================
   新着情報ー詳細
 =========================== */
 /* =========================
   入会について
 =========================== */
 /* =========================
   認証について
 =========================== */
 /* =========================
   認証事業所 – 詳細
 =========================== */
 /* =========================
   ABINC講習会について
 =========================== */
 /* =========================
   ABINCに関するQ&A
 =========================== */