@charset "utf-8";


/* 色 */
.baseorange{
  background-color: #ff6633;
  /* color: #ff6633; */

}

.dark{
background-color: #666;
}


/* font関係 */

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #333;
}

/* Thin */
.font100 {
  width: 100;
}

/* ExtraLight */
.font200 {
  width: 200;
}

/* Light */
.font300 {
  width: 300;
}

/* Regular */
.font400 {
  width: 400;
}

/* Medium */
.font500 {
  width: 500;
}

/* SemiBold */
.font600 {
  width: 600;
}

/* Bold */
.font700 {
  width: 700;
}

/* ExtraBold */
.font800 {
  width: 800;
}

/* Black */
.font900 {
  width: 900;
}

/* 幅 */

body{
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}


	/* 768px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 768px) {
  body{
    width: 768px;
  }
}