html {
  font-size: 62.5%;
  /*scroll-behavior: smooth*/
}
body {
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Helvetica', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'MS PGothic', Osaka, sans-serif;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  color: #1C1C1C
}
*, *::before, *::after {
  box-sizing: border-box
}
.clearfix::after {
  content: '';
  display: block;
  clear: both
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block
}
.flex {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.j-start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.j-between {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.j-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.j-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around
}
.j-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.a-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.a-start {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.a-end {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.a-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.ac-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}
.ac-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start
}
.ac-space-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.ac-space-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: justify;
  align-content: space-around
}
.f-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.w5 {
  width: 5%
}
.w10 {
  width: 10%
}
.w15 {
  width: 15%
}
.w20 {
  width: 20%
}
.w25 {
  width: 25%
}
.w30 {
  width: 30%
}
.w35 {
  width: 35%
}
.w40 {
  width: 40%
}
.w45 {
  width: 45%
}
.w50 {
  width: 50%
}
.w55 {
  width: 55%
}
.w60 {
  width: 60%
}
.w65 {
  width: 65%
}
.w70 {
  width: 70%
}
.w75 {
  width: 75%
}
.w80 {
  width: 80%
}
.w85 {
  width: 85%
}
.w90 {
  width: 90%
}
.w95 {
  width: 95%
}
.w100 {
  width: 100%
}
.red {
  color: red
}
.pc {
  display: block
}
.sp {
  display: none
}
#wrapper_tudor img {
  width: 100%;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast
}
div, p, section, article {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a:focus {
  outline: none;
  text-decoration: none;
}
a {
  text-decoration: none;
}