@charset "utf-8";

:root {
    /* colors */
    --white: #ffffff;
    --red: #e53a24;

    --font-size-30: clamp(1.25em, 2vw + 0.5em, 1.875em);
}

/* Common-css */
*{margin:0;padding:0;text-decoration:none;list-style:none;outline:none;border:none;position:relative;line-height:1.2em;font-family: 'Yanone Kaffeesatz', sans-serif;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body, html{width:100%;min-width:320px; min-height: 100vh;}
body{margin:0;padding:0; background-color:#ffffff;font-weight:400;font-size:16px;letter-spacing:0;min-width:320px; font-family: 'Yanone Kaffeesatz', sans-serif;}
img{max-width:100%;width:auto;height:auto; display: block; }
.container{width:92%;margin:0 auto; max-width: 1430px;}
.flex{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;}
.align-center{align-items: center}
.align-start{align-items: flex-start}
.justify-center{justify-content: center}
.align-end{align-items: flex-end}
.justify-end{justify-content: flex-end}
.justify-left{justify-content: flex-start}
.flex-wrap{flex-wrap: wrap;}
.flex-column{flex-direction: column;}
p{color: var(--white); font-size: 0.875em; line-height: 1.25em; margin-bottom: 1em;}
p:last-of-type{margin-bottom: 0;}
/* Common-css */


.main{flex-direction: column;}    
.page{flex-direction: column;min-height: 100vh;  align-items: center; justify-content: center; padding: 0 1.5em;}   
.logo{margin-bottom: clamp(2em, 3vw + 0.5em, 4.0625em);} 
.logo img{max-width: 53%;} 
.link{color: #e53a24; font-size: var(--font-size-30); margin-top: 13vh; margin-left: 36%;}
.link:hover{ text-decoration: underline;}


@media only screen and (min-width : 768px) {
    .logo img{max-width: 40%;}
    .logo_text img{max-width: 76%;}
    .link{margin-left: 27%;}
}

@media only screen and (min-width : 1600px) {
    .logo img{max-width: 53%;}
    .logo_text img{max-width: 100%;}
    .link{margin-left: 36%;}
}