@charset "utf-8";

@import "base.less";
@import "ancient_base.less";

/*
  File Name   : ancient_univ.css
  Description : 学部・学科・大学院 / 流用ページ
*/

/* toiawase
============================================================ */
.l-toiawase{
  .toiawase__list{
    .toiawase__dl{
      display: flex;
      align-items: center;
      border-top: 1px solid rgba(35,24,21,.4);
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        flex-direction: column;
        border-top: none;
      }

      &:nth-of-type(odd){
        background-color: @beige;
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          background-color: none;
        }
      }

      &:last-of-type{
        border-bottom: 1px solid rgba(35,24,21,.4);
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          border-bottom: none;
        }
      }

      dt, dd, a{
        font-size: 15px;
        font-weight: 500;
      }

      dt, dd{
        padding: 10px;
      }

      .toiawase__dt{
        width: 15%;
        text-align: center;
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          width: 100%;
          background-color: @beige;
        }
      }

      .toiawase__dd{
        width: 85%;
        padding-left: 1.5em;
        border-left: 1px solid rgba(35,24,21,.4);
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          width: 100%;
          padding-bottom: 20px;
          border-left: none;
          background-color: @white;
        }

        ul{
          padding-left: 1em;
          li{
            list-style: disc;
            margin-bottom: .4em;
            a{
              text-decoration: none;
              
              .l-img{
                display: inline-block;
                position: relative;
                margin-left: .2em;
                width: 15px;
                top: .25em;
                @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
                  top: .15em;
                }

                &::before {
                  padding-top: percentage(15.0172/12.6707);
                  content: '';
                  display: block;
                }
                
                img{
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  left: 0;
                  top: 0;
                  object-fit: contain;
                  object-position: center center;
                  font-family: 'object-fit: contain;';
                }
              }
            }
          }
        }
      }
    }
  }
}

/* ============================================================
各学科 下層ページ
============================================================ */

/* nurse kokaikoza 
============================================================ */
.l-nurse_kokaikoza{
  .hbg-ttl-lv2{
    &::before{
      background: @univ_color_nurse;
    }
  }

  .hbg-ttl-lv3{
    color: @univ_color_nurse;
    font-size: 16px;
    @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
      font-size: 14px;
    }
  }

  .l-table_scroll{
    b{
      font-size: 16px;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: 14px;
      }
    }
  }

  .hbg-color-nurse{
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
      font-size: 14px;
    }
  }

  .hbg-txt{
    b{
      font-size: 16px;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: 14px;
      }
    }
  }
}


/* sports volunteer
============================================================ */
.l-sports_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @univ_color_sports;
    }
  }
}


/* child volunteer
============================================================ */
.l-child_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @univ_color_child;
    }
  }
}


/* music volunteer
============================================================ */
.l-music_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @univ_color_music;
    }
  }
}


/* community volunteer
============================================================ */
.l-community_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @junior_univ_color_community;
    }
  }
}


/* shoku volunteer
============================================================ */
.l-shoku_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @junior_univ_color_shoku;
    }
  }
}


/* hoiku volunteer
============================================================ */
.l-hoiku_volunteer{
  .hbg-ttl-lv2{
    &::before{
      background: @junior_univ_color_hoiku;
    }
  }
}


/* daigakuin_nurse info
============================================================ */
.l-daigakuin_nurse_info{
  .hbg-ttl-lv1{
    span{
      font-size: 32px;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: 20px;
      }
    }
  }

  .hbg-list-border__list{
    padding-left: 2em !important;
    text-indent: -2em !important;
  }

  .hbg-link-button img{
    @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
      height: 16px;
    }
  }
}


/* daigakuin_child info
============================================================ */
.l-daigakuin_child_info{
  .hbg-ttl-lv1{
    span{
      font-size: 32px;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: 20px;
      }
    }
  }

  .child__philosophy{
    line-height: 1.7;
  }

  .hbg-ttl-lv2{
    @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
      font-size: 18px;
    }
    span{
      font-size: inherit;
    }
  }

  .hbg-list-border__list{
    padding-left: 1.3em !important;
    text-indent: -1.3em !important;
  }

  .hbg-txt,
  .hbg-sec-lv4{
    b{
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: inherit;
      }
    }
  }

  .child-schedule{
    &__title--year{
      font-weight: bold;
    }

    &__title{
      padding-left: 1em;
    }

    &__subtitle{
      padding-left: 3em;
    }

    &__content{
      padding-left: 5em;
      text-indent: -1em;
    }
  }
}