@charset "utf-8";

/*全ページ共通*/

html.spacebook {
  font-size: .73vw;
}

@media screen and (max-width: 640px) {
  html.spacebook {
    font-size: 2.4vw;
  }
}

body {
  background-color: black;
  width: 100%;
  color: white;
  margin: 0;/* bodyの余白を削除 */
  padding: 0;/* bodyの余白を削除 */
}

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

a {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

h1 {
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 2.6rem;
}

h2 {
  font-size: 2.4rem;
}

/*全ページ共通終わり*/
    
        /*お知らせ終わり*/

        .form-container {
          width: 100%;
          height: 750px;
          margin-top: 0;
          padding-top: 0;
        }
        
        .form {
          width: 100%;
          height: 100%;
        }



*{box-sizing:border-box}
body{margin:0}
a{text-decoration:none}
img{vertical-align:bottom}

html{scroll-behavior:smooth}
#footer{scroll-margin-top:60px}

.site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  background:#000;
  color:#fff;
}

.site-header-inner{
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.brand-logo-img{
  height:20px;
  display:block;
}

.global-nav a{
  font-size:10px;
  color:#f5f5f5;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media screen and (min-width:769px){
  .site-header-inner{
    padding:15px 35px;
  }
  .brand-logo-img{
    height:24px;
  }
  .global-nav a{
    font-size:15px;
  }
}