@charset "utf-8";

/******
フォント

Noto Sans JP
font-family: "Noto Sans JP", system-ui;

源ノ角ゴシック
font-family:"source-han-sans-japanese",sans-serif;
font-weight:400; Bold→700

Helvetica
font-family: "HelveticaLTPro-Black",sans-serif;

*******/
html {
  visibility: hidden;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}
body {
  color: #45351b;
  font-family: "Noto Sans JP", system-ui;
  font-weight: 400;
  font-style: normal;
}
a {
  display: block;
}
.img {
  width: 100%;
  height: auto;
}
.pc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
.sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}
.hover--opacity {
  transition: opacity 0.3s;
}
.hover--opacity:hover {
  opacity: 0.7;
}
.inlbk {
  display: inline-block;
}

.inner-1282 {
  width: 92%;
  max-width: 1282px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1282 {
    width: 100%;
    padding: 0 15px;
  }
}
.inner-1260 {
  width: 92%;
  max-width: 1260px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1260 {
    width: 100%;
    padding: 0 15px;
  }
}

.inner-1150 {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1150 {
    /* padding: 0 15px; */
  }
}

.inner-960 {
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-960 {
    width: 100%;
    padding: 0 15px;
  }
}

.bg--type01 {
  background-color: #f7fbf2;
}
.bg--type02 {
  background-color: #b2d046;
}
.bg--type03 {
  background-color: #b3dccf;
}
.bg--type04 {
  background-color: #9eb7b5;
}
.bg--type05 {
  background-color: #f0df1a;
}
.bg--type06 {
  background-color: #dfc874;
}
.bg--type07 {
  background-color: #dfd500;
}
.bg--type08 {
  background-color: #e6ebe0;
}
.bg--type09 {
  background-color: #f2eade;
}

.clr--wh {
  color: #fff;
}
.clr--brown {
  color: #45351b;
}