@charset "UTF-8";
/* 
タブ風のボタンリンクを表示する。

次の変数を外部で指定する。
$tabColor: メインカラー;
$tabBorderColor: タブの下の線の色;
$tabNum: タブの数；
---------------------------------------------- */
/* CSS Document */
/* line 12, ../../../../../assets/css/_andworks-tablink-style.scss */
#main {
  /* 部門紹介ページの内部リンク */
  /* 乳腺センターだけの設定 */ }
  /* line 26, ../../../../../assets/css/_andworks-tablink-style.scss */
  #main .department-link ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 22px 0; }
    @media screen and (max-width: 768px) {
      /* line 26, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul {
        display: list-item; } }
    /* line 39, ../../../../../assets/css/_andworks-tablink-style.scss */
    #main .department-link ul li {
      padding: 10px;
      border: 2.5px solid #679902;
      background-color: #ebf2d3;
      border-radius: 5px;
      text-align: center; }
      /* line 46, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li:hover {
        background-color: #d0e198; }
      /* line 51, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li a {
        display: block;
        width: 198.3333333333px; }
        /* line 55, ../../../../../assets/css/_andworks-tablink-style.scss */
        #main .department-link ul li a:link {
          text-decoration: none;
          color: #649900; }
        /* line 60, ../../../../../assets/css/_andworks-tablink-style.scss */
        #main .department-link ul li a:visited {
          color: #649900; }
        /* line 64, ../../../../../assets/css/_andworks-tablink-style.scss */
        #main .department-link ul li a:hover {
          color: #324d00; }
    /* line 70, ../../../../../assets/css/_andworks-tablink-style.scss */
    #main .department-link ul li#link-cancer {
      font-size: 0.8em;
      position: relative; }
      /* line 75, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li#link-cancer img.image-stomach {
        position: absolute;
        top: 5px;
        right: 0;
        margin: 0;
        width: 31px !important;
        height: 30px !important; }
    /* line 85, ../../../../../assets/css/_andworks-tablink-style.scss */
    #main .department-link ul li.on {
      background-color: #b4c749; }
      /* line 88, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li.on:hover {
        background-color: #86962e; }
      /* line 93, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li.on a:link {
        text-decoration: none;
        color: #FFFFFF; }
      /* line 98, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li.on a:visited {
        color: #FFFFFF; }
      /* line 102, ../../../../../assets/css/_andworks-tablink-style.scss */
      #main .department-link ul li.on a:hover {
        color: #d9d9d9; }
  /* line 117, ../../../../../assets/css/_andworks-tablink-style.scss */
  #main .mammary-gland-link ul li {
    margin: 10px 0;
    font-size: 0.9em; }
    /* line 121, ../../../../../assets/css/_andworks-tablink-style.scss */
    #main .mammary-gland-link ul li a {
      width: 285px;
      font-size: 1.2em;
      padding: 15px 15px 15px 15px; }
      @media screen and (max-width: 768px) {
        /* line 121, ../../../../../assets/css/_andworks-tablink-style.scss */
        #main .mammary-gland-link ul li a {
          font-size: 1em;
          width: auto; } }

/* line 11, style.scss */
#main table caption {
  text-align: right; }
/* line 14, style.scss */
#main table .vertica-writing {
  writing-mode: vertical-rl;
  text-align: center; }
/* line 20, style.scss */
#main .mobile-br {
  display: none; }
  @media screen and (max-width: 768px) {
    /* line 20, style.scss */
    #main .mobile-br {
      display: block; } }

/*# sourceMappingURL=style.css.map */