@charset "UTF-8";
html{
  font-size:62.5%;
  font-feature-settings: "palt";
  letter-spacing: .5px;
  scroll-behavior: smooth;
  background: #d1d9d8;
}

html.is-fixed {
  height: 100%;
  overflow: hidden;
}

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,main,nav,footer{
  margin:0;
  padding:0;
  line-height: 2;
  color: #333333;
  font-size: 1.15rem;
  font-family: 'Poppins', sans-serif;
}

div {
  font-size: 0;
}

.noise-bg {
  background-image: linear-gradient(to top,rgb(208 217 216 / 72%),rgb(209 217 216 / 87%)), url(../images/background-body.png);
  background-repeat: repeat;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

img {
  border:0;
  max-width:100%;
}

ol,ul,li {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
}

area{
  outline:none;
}

input{
  border-style:none;
}

a {
  color: #333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#menu a::after,
#catalog-area a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

#list-area a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

#menu a:hover::after,
#catalog-area a:hover::after,
#list-area a:hover::after{
  transform: scale(1, 1);
}

.f-ja{
  font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.f-en {
  font-family: 'Poppins', sans-serif;
}

.blc{
  display: block !important;
}

.in-blc{
  display: inline-block;
}

.right{
  text-align: right !important;
}

.left{
  text-align: left;
}

.center{
  text-align: center;
}

.flex{
  display: flex;
}

.justify-content-flex-start{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-content-center{
  -webkit-justify-content: center;
  justify-content: center;
}

.justify-content-space-between{
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.justify-content-flex-end{
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.align-items-flex-start{
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.align-items-center{
  -webkit-align-items: center;
  align-items: center;
}

.align-items-flex-end{
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.relative{
  position: relative;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

footer {
  padding: 1rem;
  text-align: right;
}

.fade-in {
  opacity: 0;
  transform: translate(0, 5%);
  transition: 1s;
}
.fade-in.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fade-in-text {
  opacity: 0;
  transform: translate(0, 5%);
  transition: 2s;
}
.fade-in-text.is-show {
  transform: translate(0, 0);
  opacity: 1;
}