@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/
html{
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}

body{
  font-family: "NotoSansCJKjp",-apple-system, 'メイリオ', Sans-Serif;
  color: #333;
}

header{
  min-width: 1000px;
}

h1{
  font-size: 6rem;
}

h2{
  font-family: "Montserrat",-apple-system, Sans-Serif;
  font-size: 4rem;
}

p{
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

ul,dl{
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

a{
  color:#333;
}

section{
  padding:8rem 0;
}

.inner {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

img{
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

#box2,#box4,#box6,.video{
    background: #F2F9F9;
}


/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px) {

header{
	min-width: 100%;
}
  .inner {
      width: 96%;
      margin: 0 auto;
  }
section {
    padding: 4rem 0;
}

}