@charset "UTF-8";
/***************************************
          矢印
*****************************************/
/* menu.scss
***************************************

menu

*****************************************/
.menu {
  /***************************************
   //リンク ページ共通
  *****************************************/
  /***************************************
   //在学生の方
  *****************************************/
  /***************************************
   //卒業生の方
  *****************************************/ }
  .menu .line {
    border-top: 1px solid #777; }
  @media screen and (min-width: 1030px) {
    .menu .ma100 {
      margin-bottom: 100px; } }
  .menu .menu-page .link-list .btn {
    margin-bottom: 30px; }
    @media screen and (max-width: 1029px) {
      .menu .menu-page .link-list .btn {
        margin-bottom: 20px; } }
    .menu .menu-page .link-list .btn a {
      width: 100%; }
      @media screen and (max-width: 1029px) {
        .menu .menu-page .link-list .btn a {
          max-width: 500px; } }
  .menu .menu-page .btn.gray a {
    background-color: #EEEEEE;
    color: #333;
    max-width: 500px;
    width: 100%; }
    .menu .menu-page .btn.gray a::after {
      background: url(../../img/common/arrow_b.svg) no-repeat center; }
    @media print, screen and (min-width: 1030px) {
      .menu .menu-page .btn.gray a:hover {
        background: #ccc; } }
  .menu .menu_common_nav {
    padding-top: 80px;
    border-top: 1px solid #777; }
    @media screen and (max-width: 1029px) {
      .menu .menu_common_nav {
        margin-bottom: 60px; } }
    @media screen and (max-width: 1029px) {
      .menu .menu_common_nav li:not(:last-child) {
        margin-bottom: 30px; } }
    .menu .menu_common_nav li a {
      display: block; }
      .menu .menu_common_nav li a b {
        font-weight: bold;
        display: block;
        text-align: center;
        margin-bottom: 20px;
        font-size: 2rem; }
      @media screen and (max-width: 1029px) {
        .menu .menu_common_nav li a {
          display: flex;
          justify-content: space-between; }
          .menu .menu_common_nav li a img {
            width: 50%; } }
  .menu .menu-students .unipa_btn {
    display: block;
    margin-bottom: 60px; }
    @media screen and (max-width: 1029px) {
      .menu .menu-students .unipa_btn {
        margin-bottom: 30px; } }
  .menu .menu-graduates .btn.pdf {
    margin-top: 100px;
    margin-bottom: 80px; }
    @media screen and (max-width: 1029px) {
      .menu .menu-graduates .btn.pdf {
        margin-top: 60px;
        margin-bottom: 60px; } }
    .menu .menu-graduates .btn.pdf a {
      width: 410px; }
      @media screen and (max-width: 1029px) {
        .menu .menu-graduates .btn.pdf a {
          width: 100%;
          max-width: 410px; } }
  .menu .community_sdgs {
    margin-bottom: 70px; }
    @media screen and (max-width: 1029px) {
      .menu .community_sdgs {
        margin-top: 40px; } }
    .menu .community_sdgs a {
      display: block;
      max-width: 935px;
      width: 70%;
      margin: auto;
      transition: ease .3s; }
      .menu .community_sdgs a:hover {
        opacity: 0.8; }
  @media screen and (max-width: 1029px) {
    .menu .literacy_level a {
      max-width: 500px; } }