@font-face {
    font-family: 'Saans TRIAL';
    src: url('fonts/SaansTRIAL-Regular.eot');
    src: url('fonts/SaansTRIAL-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SaansTRIAL-Regular.woff2') format('woff2'), url('fonts/SaansTRIAL-Regular.woff') format('woff'), url('fonts/SaansTRIAL-Regular.ttf') format('truetype'), url('fonts/SaansTRIAL-Regular.svg#SaansTRIAL-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

body {
    margin: 0;
    font-family: 'Saans TRIAL';
    background-color: #FFD234;
    position: relative;
    color: #161615;
    font-size: 1.25vw;
    line-height: 119.048%;
    overflow: hidden;
    font-size: 21px;
}

body a {
    color: #161615;
    text-decoration: none;
}

.page_container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.main_text {
    width: 430px;
    position: absolute;
    left: 1.1904761904761905vw;
    top: 2.0238095238095237vw;
}

.main_text p {
    margin-top: 0;
}

.main_text p a {
}

.right_column {
    width: 32.857142857142854vw;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    padding-right: 1.1904761904761905vw;
}

.right_column .portfolio_link {
    padding-top: 2.0238095238095237vw;
    padding-bottom: 2.035714vw;
}

.right_column .portfolio_link a {
}

.right_column .portfolio_link span {
    width: 0.5952380952380952vw;
    height: 0.5952380952380952vw;
        vertical-align: .15vw;
    margin-right: .2vw;
    display: inline-block;
    border-radius: 50%;
    background-color: #161615;

}

.right_column .portfolio_link label {
    vertical-align: top;
    cursor: pointer;
}

.right_column .main_image {
}

.right_column .main_image img {
    width: 100%;
    display: initial;
}

.right_column .footer_text {
    padding-top: 1.797619vw;
}

.right_column .footer_text label {
    font-size: 0.9523809523809523vw;
    margin-bottom: 0.3333333333333334vw;
    display: inline-block;
    font-size: 16px;
}

.right_column .footer_text p {
    margin-top: 0;
}

.right_column .footer_text p a {
}

.right_column .footer_text p:last-child {
    margin-bottom: 0;
}

.right_column .footer_clock {
    position: absolute;
    bottom: 0;
    padding-bottom: 1.9047619047619047vw;
}

.right_column .footer_clock .footer_time_label {
    display: inline-block;
    width: 16.428571428571427vw;
}

.right_column .footer_clock .footer_time_clock {
    display: inline-block;
}

.logo {
    position: absolute;
    bottom: 1.9047619047619047vw;
    width: 58.333333333333336vw;
    left: 1.1904761904761905vw;
}

.logo img {
    display: block;
    width: 100%;
    height: auto;
}

body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::selection {
    background-color: #161615;
    color: #FFD234;
}

.main_image_div {
    height: calc(100vh - (210.27px + 10vw));
    background-position: top;
    background-size: cover;
    border: 1px solid black;
}

@media screen and (orientation:landscape) and (max-width: 1023px) {
	body{
		    font-size: 1.8vw;
	}
	.right_column .footer_text label {
    font-size: 1.5vw;
   }
    .main_text {
    width: 36.464286vw;
    }
    .main_image_div {
    height: calc(100% - 27vw);
    }
    .right_column .portfolio_link span {
    width: 0.98vw;
    height: 0.98vw;
        vertical-align: .25vw;
    margin-right: .3vw;
    }
}

@media screen and (orientation: portrait) {
    body {
        font-size: 5.6vw;
       
    }

body, html {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
    body a {
    }

    .page_container {
        position: relative;
         overflow: auto;
    }

    .main_text {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 2.666666666666667vw;
        padding-bottom: 0;
    }

    .main_text p {
    }

    .main_text p a {
    }

    .right_column {
        position: relative;
        top: auto;
        right: 0;
        width: 100%;
        padding: 2.666666666666667vw;
        height: auto;
    }

    .right_column .portfolio_link {
        padding: 0;
    }

    .right_column .portfolio_link a {
    }

    .right_column .portfolio_link span {
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
        margin-right: 1vw;
        vertical-align: 0.7vw;
    }

    .right_column .portfolio_link label {
    }

    .right_column .main_image {
        padding: 5.333333333333333vw 0;
    }

    .right_column .main_image img {
    }

    .right_column .footer_text {
        padding-top: 0;
    }

    .right_column .footer_text label {
        font-size: 4.266666666666667vw;
        margin-bottom: 2.666666666666667;
    }

    .right_column .footer_text p {
    }

    .right_column .footer_text p a {
    }

    .right_column .footer_text p:last-child {
    }

    .right_column .footer_clock {
        position: relative;
        width: 100%;
        padding-top: 1em;
        bottom: auto;
    }

    .right_column .footer_clock .footer_time_label {
        width: auto;
    }

    .right_column .footer_clock .footer_time_clock {
        float: right;
    }

    .logo {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 2.666666666666667vw;
        width: 100%;
        padding-top: 4vw;
    }

    .logo img {
    }

    body * {
    }

    ::selection {
    }

    .main_image_div {
        height: 94vw;
    }
        .page_container::-webkit-scrollbar{
    display: none;
}
}