:root{
    --blue: #0084d0;
    --green: #52af40;
    --dark-blue: #00346f;
}


/* contents-area */

.contents-wrapper .contents-area{
    position: relative;
    height: 900px;
}

/* contents-area left*/
.contents-wrapper .contents-area .contents-box.left{
    float: left;
    
    width: 320px;
    height: 384px;
    overflow: hidden;
    
}

.contents-wrapper .contents-area .contents-box.left .profile{
    background-size: cover;
    background-position: center;
    background-image: url(../img/sub01/professor.png);
    
    width: 320px;
    height: 384px;
    overflow: hidden;
    border-radius: 0 80px 0 0;
}


/* contents-area right*/
.contents-wrapper .contents-area .contents-box.right{
    float: right;
    width: 520px;
}

.contents-wrapper .contents-area .contents-box.right .contents-title{
    font-size: 32px;
    color: #000;
    line-height: 44px;
}

.contents-wrapper .contents-area .contents-box.right .contents-title span{
    color: var(--green);
    font-size: 32px;
    display: block;
}

.contents-wrapper .contents-area .contents-box.right p{
    font-size: 18px;
    line-height: 27px;
    color: #333;
    margin-top: 28px;
}

.contents-wrapper .contents-area .contents-box.right .professor-name{
   margin-top: 42px;
    font-size: 18px;
   color: #333;
   font-weight: 400;
}

.contents-wrapper .contents-area .contents-box.right .professor-name span{
    display: block;
    font-weight: 700;
    color: #333;
    font-size: 26px;
    letter-spacing: 8px;
    line-height: 44px;
}

@media only all and (max-width: 1279px) {
	#header .logo {
		top: 32px;
	}
}