@charset "utf-8";
/* CSS Document */
/*//////リセット用//////*/
body, div, header, nav, section, article, aside, main, footer, span, h1, h2, h3, h4, h5, h6, h7, p, a, img, dl, dt, dd, ol, ul, li, form, table, caption, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  box-sizing: border-box;
  color: #704B27;
}
body {
  line-height: 1;
  background-color: #FFFFFF;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
p, table, ol, ul, dl{
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', yu-gothic-pr6n, '游ゴシック', YuGothic, 'Hiragino Sans', 'ＭＳ Ｐゴシック', sans-serif, system-ui;
}
ol, ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
a:hover{
  cursor: pointer;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
body {
  animation: fadeIn 2s ease 0s 1 normal;
}
html {
  scroll-behavior: smooth; /*画面をスムーズに移動*/
}
img{
  width: 100%;
  height: auto;
}
p{
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/*//////スクロールバー非表示//////*/
body {
    scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/  
    -ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/   
}

body::-webkit-scrollbar {  
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}


/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}
.fade-in2 {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}
.fade-in-up {
  transform: translate(0, 50px);
}
.fade-in-up2 {
  transform: translate(0, 30px);
}
.fade-in-down {
  transform: translate(0, -50px);
}
.fade-in-down2 {
  transform: translate(0, -100px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}
.fade-in-right {
  transform: translate(50px, 0);
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}