@charset "utf-8";
@-webkit-keyframes ContentsSwitch{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@media only screen and (max-width: 768px) {
/* -------------------------------- 

common

-------------------------------- */
.under #Content{
  margin: 19vw 0 0;
}
section[class^=area]{
	position: relative;
  width: 88vw;
  margin: 39vw auto 0;
}
#Pan{
  margin: 27vw auto 0;
}
section .sub-txt{
  margin: 7vw 0 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-faq
-------------------------------- */
section[class=area-leather]{
  width: 100%;
  padding: 20vw 0 32vw;
  background: #efefef;
}
.area-faq .btn-02{
  margin-top: 11.5vw;
}


/* -------------------------------- 
.area-factory
-------------------------------- */
section[class=area-factory]{
  position: relative;
  width: 100%;
  height: 119.3vw;
  padding: 12vw 0;
  background: url("../img/top_factory-bg.webp") center center/cover no-repeat;
  box-sizing: border-box;
}
}


@media only screen and (min-width: 769px) {
/* -------------------------------- 

common

-------------------------------- */
.under #Content{
  margin: 87px 0 0;
}
section[class^=area]{
	position: relative;
  width: 980px;
  margin: 240px auto 0;
}
#Pan{
  margin-top: 180px;
}
section .sub-txt{
  width: 814px;
  margin: 35px auto 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-faq
-------------------------------- */
section[class^=area-sample]{
  width: 100%;
}


/* -------------------------------- 
.area-factory
-------------------------------- */
section[class=area-factory]{
  position: relative;
  width: 100%;
  height: 642px;
  padding: 80px 0;
  background: url("../img/top_factory-bg.webp") center center/cover no-repeat;
  box-sizing: border-box;
}
}