@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@400;700;900&display=swap');

/*----------------------------------------------------------
 common
---------------------------------------------------------- */
html {
  font-size: 10px;
}

body{
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-family: 'Noto Sans JP', serif;
  font-feature-settings : "palt";
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 16px;
}

/* SP */
@media (max-width: 768px) {
  body{
    font-size: 14px;
  }
}

img{
  width: auto;
  max-width: 100%;
}

a{
  display: inline-block;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

a:hover{
  opacity: 0.5;
}

*{
  box-sizing: border-box;
}

/* ---------------------------------------------------------------- *
	inner
 * ---------------------------------------------------------------- */
.inner{
  width: 100%;
  max-width: calc(1120px + 40px);
  margin: 0 auto;
}
.mini_inner{
  max-width: calc(700px + 40px);
}

/* pc */
@media (min-width: 1201px) {
  .inner{
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* sp */
@media (max-width: 1200px) {
  .inner{
    width: 95%;
  }
}


/* ---------------------------------------------------------------- *
	p
 * ---------------------------------------------------------------- */
.text p{
	margin-bottom: 1em;
}

.text p:last-child{
	margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	media
 * ---------------------------------------------------------------- */
/* PC */
@media (min-width: 769px) , print{
  .no-pc { display: none !important;}
}

/* SP */
@media (max-width: 768px) {
  .no-sp { display: none !important;}
}

/* ---------------------------------------------------------------- *
	inview
 * ---------------------------------------------------------------- */
.inview{
	opacity: 0 !important;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.inview.vv{
	opacity: 1 !important;
}

/* ----- left in ----- */
.vl{
  -webkit-transform: translate(-60px, 0);
  -moz-transform: translate(-60px, 0);
  -ms-transform: translate(-60px, 0);
  -o-transform: translate(-60px, 0);
  transform: translate(-60px, 0);
}

/* ----- right in ----- */
.vr{
  -webkit-transform: translate(60px, 0);
  -moz-transform: translate(60px, 0);
  -ms-transform: translate(60px, 0);
  -o-transform: translate(60px, 0);
  transform: translate(60px, 0);
}
/* ----- bottom in ----- */
.vb{
  -webkit-transform: translate(0, 60px);
  -moz-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}
/* ----- top in ----- */
.vt{
  -webkit-transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  transform: translate(0, -60px);
}

/* ----- in common ----- */
.vv.vl,
.vv.vr,
.vv.vb,
.vv.vt{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ----- repeat in ----- */
.vrpt .vrptTgtList li,
.vrpt .vrptTgt{
	opacity: 0;
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition-duration: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.vrpt .vrptTgtList li.vrptActive,
.vrpt .vrptTgt.vrptActive{
	opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}