.u-bc\@beige{
    background-color: #F1F0E9;
}
.u-bc\@white{
    background-color: #FFF;
}
.u-bc\@grey{
    background-color: #444754;
}
.u-color\@blue{
    color: #2B1967;
}
.u-color\@white{
    color: #FFF;
}
.u-align-center{
    text-align: center;
}

.u-hidden{
    overflow: hidden;
}
.u-block{
    display: block;
}
.u-inline-block{
    display: inline-block;
}
.u-fit{
    width: 100vw;
    height: 100vh;
}
.u-align-right{
    text-align: right;
}
.u-pos-absolute{
    position: absolute
}
.u-pos-relative{
    position: relative
}
.u-pos-t\@133{
    top: calc(15px + (133 - 15) * ((100vw - 375px) / (1440 - 375)));
}

@media(min-width: 1440px){
    .u-pos-t\@133{
        top: 133px;
    }
}
@media(max-width: 375px){
    .u-pos-t\@133{
        top: 15px;
    }
}

.u-pos-t\@280{
    top: calc(56px + (280 - 56) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-t\@280{
        top: 280px;
    }
}
@media(max-width: 375px){
    .u-pos-t\@280{
        top: 15px;
    }
}


.u-pos-t\@390{
    top: calc(325px + (390 - 325) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-t\@390{
        top: 390px;
    }
}
@media(max-width: 375px){
    .u-pos-t\@390{
        top: 325px;
    }
}

.u-pos-lr\@362{
    right: calc(15px + (362 - 15) * ((100vw - 375px) / (1440 - 375)));
    left: calc(15px + (362 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-lr\@362{
        right: 362px;
        left: 362px;
    }
}
@media(max-width: 375px){
    .u-pos-lr\@362{
        right: 15px;
        left: 15px;
    }
}




.u-pos-b\@177{
    bottom: calc(15px + (177 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-b\@177{
        bottom: 177px;
    }
}
@media(max-width: 375px){
    .u-pos-b\@177{
        bottom: 15px;
    }
}

.u-pad-lr\@120{
    padding-left: calc(15px + (120 - 15) * ((100vw - 375px) / (1440 - 375)));
    padding-right: calc(15px + (120 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pad-lr\@120{
        padding-left: 120px;
        padding-right: 120px;
    }
}
@media(max-width: 375px){
    .u-pad-lr\@120{
        padding-left: 15px;
        padding-right: 15px;
    }
}


.t-h1, h1,
.t-h2, h2,
.t-h3, h3,
.t-h4, h4,
.t-h5, h5,
.t-h6, h6{
    font-family: 'DomaineDisplaySemibold';
}
.t-h1, h1{
    font-size: calc(42px + (67 - 42) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .t-h1, h1{
        font-size: 67px;
    }
}
@media(max-width: 375px){
    .t-h1, h1{
        font-size: 42px;
    }
}

.t-h2, h2{
    font-size: calc(32px + (60 - 32) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .t-h2, h2{
        font-size: 60px;
    }
}
@media(max-width: 375px){
    .t-h2, h2{
        font-size: 32px;
    }
}
.t-h2.preloader-text{
    font-size: calc(25.6px + (48 - 25.6) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .t-h2.preloader-text{
        font-size: 48px;
    }
}
@media(max-width: 375px){
    .t-h2.preloader-text{
        font-size: 25.6px;
    }
}

.t-h3, h3{
    font-size: calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .t-h3, h3{
        font-size: 50px;
    }
}
@media(max-width: 375px){
    .t-h3, h3{
        font-size: 28px;
    }
}

.person-name{
    font-family: 'DomaineDisplaySemibold';
    font-size: calc(21px + (32 - 21) * ((100vw - 375px) / (1440 - 375)));
}

@media(min-width: 1440px){
    .person-name{
        font-size: 32px;
    }
}
@media(max-width: 375px){
    .person-name{
        font-size: 21px;
    }
}


.t-h4, h4, .f-size\@30{
    font-size: calc(25px + (34 - 25) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .t-h4, h4, .f-size\@30{
        font-size: 34px;
    }
}
@media(max-width: 375px){
    .t-h4, h4, .f-size\@30{
        font-size: 25px;
    }
}


.f-size\@15{
    font-size: calc(12px + (15 - 12) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .f-size\@15{
        font-size: 15px;
    }
}
@media(max-width: 375px){
    .f-size\@15{
        font-size: 12px;
    }
}
.f-size\@20, ul, input, textarea{
    font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .f-size\@20, ul, input, textarea{
        font-size: 20px;
    }
}
@media(max-width: 375px){
    .f-size\@20, ul, input, textarea{
        font-size: 16px;
    }
}

.f-size\@30{
    font-size: calc(23px + (30 - 23) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .f-size\@30{
        font-size: 30px;
    }
}
@media(max-width: 375px){
    .f-size\@30{
        font-size: 23px;
    }
}

.person-position.f-size\@30{
    font-size: calc(17px + (23 - 17) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .person-position.f-size\@30{
        font-size: 23px;
    }
}
@media(max-width: 375px){
    .person-position.f-size\@30{
        font-size: 17px;
    }
}



.u-pos-l\@329{
    left: calc(75px + (329 - 75) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-l\@329{
        left: 329px;
    }
}
@media(max-width: 375px){
    .u-pos-l\@329{
        left: 75px;
    }
}

.u-pos-l\@329.page-content,
.u-pos-l\@329.map-content{
    left: calc(15px + (329 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-l\@329.page-content,
    .u-pos-l\@329.map-content{
        left: 329px;
    }
}
@media(max-width: 375px){
    .u-pos-l\@329.page-content,
    .u-pos-l\@329.map-content{
        left: 15px;
    }
}




.u-pos-l\@225{
    left: calc(15px + (225 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-l\@225{
        left: 225px;
    }
}
@media(max-width: 375px){
    .u-pos-l\@225{
        left: 15px;
    }
}



.u-pos-t\@88{
    top: calc(16px + (88 - 16) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-t\@88{
        top: 88px;
    }
}
@media(max-width: 375px){
    .u-pos-t\@88{
        top: 16px;
    }
}

.u-pos-r\@223{
    right: calc(44px + (223 - 44) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pos-r\@223{
        right: 223px;
    }
}
@media(max-width: 375px){
    .u-pos-r\@223{
        right: 44px;
    }
}

.u-pad-lr\@225{
    padding-left: calc(15px + (225 - 15) * ((100vw - 375px) / (1440 - 375)));
    padding-right: calc(15px + (225 - 15) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pad-lr\@225{
        padding-left: 225px;
        padding-right: 225px;
    }
}
@media(max-width: 375px){
    .u-pad-lr\@225{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.u-pad-tb\@56{
    padding-top: calc(40px + (56 - 40) * ((100vw - 375px) / (1440 - 375)));
    padding-bottom: calc(40px + (56 - 40) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pad-tb\@56{
        padding-top: 56px;
        padding-bottom: 56px;
    }
}
@media(max-width: 375px){
    .u-pad-tb\@56{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.u-mar-b\@40{
    margin-bottom: calc(22px + (40 - 22) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-mar-b\@40{
        margin-bottom: 40px;
    }
}
@media(max-width: 375px){
    .u-mar-b\@40{
        margin-bottom: 22px;
    }
}
.u-mar-b\@32{
    margin-bottom: calc(22px + (32 - 22) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-mar-b\@32{
        margin-bottom: 32px;
    }
}
@media(max-width: 375px){
    .u-mar-b\@32{
        margin-bottom: 22px;
    }
}
.u-pad-b\@32{
    padding-bottom: calc(22px + (32 - 22) * ((100vw - 375px) / (1440 - 375)));
}
@media(min-width: 1440px){
    .u-pad-b\@32{
        padding-bottom: 32px;
    }
}
@media(max-width: 375px){
    .u-pad-b\@32{
        padding-bottom: 22px;
    }
}

.t-p{
	font-family: 'SourceSansPro';
    font-size: calc(25px + (34 - 25) * ((100vw - 375px) / (1440 - 375)));
    color: #444754;
    letter-spacing: -.2px;
    letter-spacing: -.1px;
    line-height: 1.25;
}
@media(min-width: 1440px){
    .t-p{
        font-size: 34px;
    }
}
@media(max-width: 375px){
    .t-p{
        font-size: 25px;
    }
}

.special-link{
    margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (1440 - 375)));
	font-family: 'SourceSansPro';
    font-size: calc(16px + (22 - 14) * ((100vw - 375px) / (1440 - 375)));
    color: #2B1A67;
    letter-spacing: 0.2px;
    padding-bottom: 6px;
    padding-right: 30px;
    display: inline-block;
    background-image: url('./../images/Arrow_Forward.svg');
    background-repeat: no-repeat;
    background-position: 97% 0px;
    position: relative;
}
.special-link::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: width cubic-bezier(0.4, 0.92, 0.51, 1.21) .3s;
    height: 2px;
    width: 0;
    background-color: #B49C06;
}

.special-link:hover::after{
    width: 100%;
}
@media(min-width: 1440px){
    .special-link{
        font-size: 22px;
        margin-top: 20px;
    }
}

@media(max-width: 375px){
    .special-link{
        font-size: 14px;
        margin-top: 15px;
    }
}

main ul li {
    margin-bottom: 29px;
    line-height: 1.4;
}
main ul li::before {
    content: "";
    display: inline-block;
    width: calc(10px + (14 - 10) * ((100vw - 375px) / (1440 - 375)));;
    height: calc(10px + (14 - 10) * ((100vw - 375px) / (1440 - 375)));;
    transform: translateX(-14px);
    margin-left: -14px;
    background: #B49C06;
}
@media(min-width: 1440px){
    main ul li::before {
        width: 14px;
        height: 14px;
    }
}

@media(max-width: 375px){
    main ul li::before {
        width: 10px;
        height: 10px;
    }
}

.page-content ul {
    margin-top: 60px;
    margin-left: 30px;
    line-height: 1.2;
}
.page-content h4{
    color: #2B1967;
    font-weight: bold;
    font-family: 'SourceSansPro';
    margin-top: 135px;
    margin-bottom: 0px;
    letter-spacing: 0.35px;
}
.page-content h4 ~ ul{
    margin-top: 30px;
}