@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
  .main-content .slideshow .slide .title p {margin: auto; text-align: center;}
  .main-content .slideshow .slide .text01 p {line-height: 1.8;}
  footer {position: relative; z-index: 10;}
  footer .over {display: block; margin: 0 auto;}
  footer .login_btn {display: none;}
  footer .home_link {margin: 0 auto;}
  #login_page .page_title {margin-bottom: 50px;}
  #login_page form,#archives-associate form {display: block; box-sizing: border-box; padding: 0 16px;}
  #login_page form dl dt,#archives-associate form dl dt {font-size: 16px;}
  #login_page form dl dd input,#archives-associate form dl dd input {width: 100%; font-size: 16px; border: 1px solid #c6c6c6;}
  #login_page form .btn,#archives-associate form .btn {width: 100%;}
  #login_page form .btn input,#archives-associate form .btn input {height: auto; padding: 16px 0; font-size: 16px; margin: 30px auto 0;}
  .pan .logout_btn {display: table; width: auto; height: auto; border: none; border-bottom: 2px solid #8f8f8f; border-radius: inherit; font-size: 3vw; padding-bottom: 2px;}
  .pan .logout_btn::after {display: none;}
  #archives-associate .list .item,#single_associate .item {border: 1px solid #bfbcbc; padding: 20px 16px; border-left: none; border-right: none;}
  #archives-associate .list .item .time,#single_associate .item .time {font-size: 3.5vw;}
  #archives-associate .list .item h2,#single_associate .item h2 {font-style: 3.5vw; line-height: 1.8;}
  #archives-associate .list .item .btn_box a,#single_associate .item .btn_box a {width: 48%; height: auto; font-size: 3.2vw; margin-right: 4%; padding: 15px 0;}
  #archives-associate .list .item .btn_box a:nth-of-type(2n),#single_associate .item .btn_box a:nth-of-type(2n) {margin-right: 0;}
  #archives-associate .list .item .btn_box a:nth-of-type(n + 3),#single_associate .item .btn_box a:nth-of-type(n + 3) {margin-top: 4%;}
  #archives-associate .list .item .btn,#single_associate .item .btn {width: 100%; height: auto; font-size: 3.2vw; padding: 15px 0;}
  #archives-associate .list .item .btn_box a::after,#single_associate .item .btn_box a::after {display: none;}



}