@charset "utf-8";

.header-box{
height: 160px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 100;
  display: flex;
  justify-content: space-between;
}

body{
font-family: "游ゴシック", sans-serif;
}


img{
  max-width: 100%;
  vertical-align: bottom;
}



.title {
  width: 220px;
}



nav ul li{
      display: inline-block;
      margin: 10px 3px;
    }

.topphoto1 {
  margin: 10px auto;
}


.texts  {
  margin: 40px auto;
  width: 85%;
  text-align: left;
  white-space: pre-wrap
}


p {
  font-size: 16px;
  color: black;
  text-align: left;
}


/* 画面幅が768px以上のときのスタイル（タブレット以上のサイズ向け） */
@media screen and (min-width: 768px) and (max-width: 1279px) {

.texts  {
  margin: 60px auto;
  width: 85%;
}

  p {
    font-size: 18px;
    color: black;
    text-align: left;
  }
}

/* 画面幅が1280px以上のときのスタイル（デスクトップ向け） */
@media screen and (min-width: 1280px) {

.texts  {
  margin: 60px 0 60px 96px ;
  width: 1088px;
}

  p {
    font-size: 20px;
    color: black;
    text-align: left;
  }