/* Faculty Info ---------------------------------------*/
.faculty {background-color: rgb(247, 239, 220);} 
.faculty .faculty-info-cont {display: block; width: 100%; padding: 0%; margin: auto;}
.faculty .faculty-info-cont .faculty-info-cont-wrapper {height: 50%;}  
.faculty .faculty-info-cont .faculty-info-cont-wrapper .wrapper-row {padding: 0%;margin: auto; display: flex; flex-direction: row;}
.faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column {
    float: left;
    width: 50%;
    padding: 10px;
    height: 40vh;
    position: relative;
}
 .faculty .faculty-info-cont .faculty-info-cont-wrapper .wrapper-row:after {content: "";display: table; clear: both; } 

  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont {
    padding: 5% 0%;
    margin: auto;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    object-fit: cover;
    object-position: center;
  }
  .faculty-info-btn {
    width: 67%; background-color: rgb(0, 160, 233); padding: 3% 1.5%; margin: 5% auto; border-radius: 25px 00px 25px 25px; box-shadow: 0px 8px 0px #fff; }
  .faculty-info-btn p {font-size: 1.6rem !important; color: #fff; font-weight: 600; text-align: center;}
  .faculty-info-btn p span {background-color: #fff; border-radius: 50%; color: rgb(0, 160, 233); padding: 0% 2% 1% 2%; margin-left: 2%;}
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
@media (min-width: 1250px) and (max-width: 3250px) {}
@media (min-width: 995px) and (max-width: 1024px) {}
@media (min-width: 768px) and (max-width: 995px) {}
@media (min-width: 575px) and (max-width: 768px) {
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont > div {width: 60% !important;}
}
@media (min-width: 275px) and (max-width: 575px) {
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .wrapper-row { flex-direction:column-reverse;}
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column {width: 100%;}
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column {padding: 0 10px;}
  .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont {padding: 0%;}
  .faculty-info-btn p {font-size: 1.3rem !important;}
}

.faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont > div {
  width: 55%;
  margin: 0 auto;
}

.faculty-info-description p {
    font-size: 1.2rem; font-weight: 500; text-align: justify; margin: 0; line-height: 2; letter-spacing: -1px;}

/* モバイル対応 */
@media (max-width: 575px) {
    .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont > div {
        width: 90%;  
        margin: 0 auto; 
        margin-left: auto;  
    }
    
    .faculty-info-description p {
        font-size: 1rem;
        text-align: center;
    }
}

@media (min-width: 275px) and (max-width: 575px) {
  .faculty-info-description{
    font-size: 75%;
  }
}

.arrow-text {
    display: inline;
    /*display: inline-block; */ 
    vertical-align: middle; 
}

.svg-arrow {
    width: 1em; 
    height: auto;
    color: inherit; 
}

@media (max-width: 768px) and (min-width: 576px) {
    .faculty-info-btn {
        width: 85%; 
    }
}

@media (max-width: 768px) {
    .faculty-info-description p {
        font-size: 1.0rem;
    }
}


@media (min-width: 769px) and (max-width: 970px) {
    .faculty-info-btn {
        width: 80%;  
    }

    .faculty .faculty-info-cont .faculty-info-cont-wrapper .faculty-info-cont-wrapper-column .column-cont > div {
        width: 75%;  
    }
}