@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:10rem 0;
}

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

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

#box3,#box5,#box7{
    background: #F2F9F9;
}

#box8{
    background: #00838C;
}

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

header{
	min-width: 100%;
}
  .inner {
      width: 90%;
      margin: 0 auto;
      overflow: hidden;
  }
  #box2 .inner{
  position:relative;
  top:30rem;
}
#box2_2 .inner {
    position: relative;
    top: 30rem;
}
section {
    padding: 8rem 0;
}

}