@font-face{
  font-family:"Source Sans Pro";
  src:url("fonts/SourceSansPro-Light.woff2") format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Source Sans Pro";
  src:url("fonts/SourceSansPro-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

*{box-sizing:border-box;}

html{
  height:100%;
  min-width:320px;
}

body{
  margin:0;
  min-height:100%;
  min-width:320px;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.slide{
  position:relative;
  width:min(100vw,1280px);
  aspect-ratio:16/9;
  background:#ffffff;
  overflow:hidden;
  container-type:inline-size;
  font-family:"Source Sans Pro",Arial,sans-serif;
}

.content{
  position:absolute;
  left:9.65vw;
  left:9.65cqw;
  right:9vw;
  right:9cqw;
  top:3.2vw;
  top:3.2cqw;
}

.content p{
  margin:0 0 1.05em 0;
  color:#05173c;
  font-weight:300;
  font-size:2.083vw;
  font-size:2.083cqw;
  line-height:1.35;
}

.content .headline{
  margin:0 0 .5em 0;
  color:#e84b37;
  font-weight:400;
  font-size:3.125vw;
  font-size:3.125cqw;
  line-height:1.2;
}

.content .headline.second{
  margin-top:1.4em;
}

.content a{
  color:#5f7a8f;
  text-decoration:underline;
  text-underline-offset:.12em;
}

.content a:hover{
  color:#e84b37;
}

.logo{
  position:absolute;
  left:40vw;
  left:40cqw;
  top:48.5vw;
  top:48.5cqw;
  width:34vw;
  width:34cqw;
  aspect-ratio:4658/744;
  display:block;
}

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

@media (max-width:700px){
  body{
    display:block;
  }
  .slide{
    width:100%;
    aspect-ratio:auto;
    container-type:normal;
  }
  .content{
    position:static;
    padding:10vw 7vw 4vw;
  }
  .content p{
    font-size:clamp(1rem,4.3vw,1.15rem);
    line-height:1.5;
  }
  .content .headline{
    font-size:clamp(1.6rem,7.5vw,2.1rem);
  }
  .content .headline.second{
    margin-top:1.6em;
  }
  .content br.lb{
    display:none;
  }
  .logo{
    position:static;
    width:min(60vw,320px);
    margin:9vw auto 10vw;
  }
}
