@charset "utf-8";

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

.dark {
  background-color: #666;
}

/* font関係 */
body {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

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

.body-style 
{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

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


#container {
  display:block;
}


#main-container {
  margin: 0 auto;
  width: fit-content;
  /*padding: 0 3%;*/
}


/* Thin */
.font100 {
  font-weight: 100;
}

/* ExtraLight */
.font200 {
  font-weight: 200;
}

/* Light */
.font300 {
  font-weight: 300;
}

/* Regular */
.font400 {
  font-weight: 400;
}

/* Medium */
.font500 {
  font-weight: 500;
}

/* SemiBold */
.font600 {
  font-weight: 600;
}

/* Bold */
.font700 {
  font-weight: 700;
}

/* ExtraBold */
.font800 {
  font-weight: 800;
}

/* Black */
.font900 {
  font-weight: 900;
}

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