/*
Template: twentytwenty
Theme Name: Twenty Twenty Child
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap');
.entry-content {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
body {
	font-size: 1.6rem;
}
/* フォントサイズ */
h1 {
	font-size: 2.8rem;
}
@media (min-width: 700px) {
  h1 {
	font-size: 4.8rem;
  }
}
@media (min-width: 1220px) {
  h1 {
	font-size: 6.8rem;
  }
}
/* フォントサイズ */
.page h1.entry-title {
	font-size: 2.4rem;
}
@media (min-width: 700px) {
  .page h1.entry-title {
	font-size: 2.8rem;
  }
}
@media (min-width: 1220px) {
  .page h1.entry-title {
	font-size: 3.0rem;
  }
}
/* フォントサイズ */
.page h2 {
	font-size: 2.8rem;
}
@media (min-width: 700px) {
  .page h2 {
	font-size: 3.0rem;
  }
}
@media (min-width: 1220px) {
  .page h2 {
	font-size: 3.2rem;
  }
}
/* フォントサイズ */
.page h3 {
	font-size: 2.6rem;
}
@media (min-width: 700px) {
  .page h3 {
	font-size: 2.8rem;
  }
}
@media (min-width: 1220px) {
  .page h3 {
	font-size: 3.0rem;
  }
}
/* フォントサイズ */
#firsth3 {
	max-width: calc(100% - 1rem);
    text-align: left;
	font-size: 1.8rem;
}
@media (min-width: 700px) {
  .sp_br{
    display: none;
  }
  #firsth3 {
	text-align :center;
	font-size: 2.4rem;
  }
}
@media (min-width: 1220px) {
  #firsth3 {
	font-size: 2.8rem;
  }
}
/* フォントサイズ */
@media (min-width: 700px) {
  .entry-content {
	font-size: 1.8rem;
  }
}
/* スクロールで */
.fade {
  opacity : 0;
  transform: translateY(50px);
  transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.fade.scrollin {
  opacity : 1;
  transform: translateY(0);
}

/* スクロールで Point 奇数左から 偶数右から */
.point.pleft {
/*opacity : 0;*/
  transform: translateX(-99%);
/*transition:color 2s ease-in-out 1s, background 2s ease-in-out 1s, opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;*/
  transition:all 0.7s cubic-bezier(0.49,0.02,0.47,1) 0s;
}
.point.pleft.scrollin {
/*opacity : 1;*/
  transform: translateX(0);
}
.point.pright {
/*opacity : 0;*/
  transform: translateX(99%);
/*transition:color 2s ease-in-out 1s, background 2s ease-in-out 1s, opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;*/
  transition:all 0.7s cubic-bezier(0.49,0.02,0.47,1) 0s;
}
.point.pright.scrollin {
/*opacity : 1;*/
  transform: translateX(0);
}

.h4point {
  color: white;
/*background: red;*/
	padding: 0 8px;
	line-height: 1.5;
	z-index: 20;
}
.h4point {
  color: red;
/*  opacity : 0;*/
/*transform: translateY(-35px);*/
/*transition:color 2s ease-in-out 1s, background 2s ease-in-out 1s, opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;*/
  transition:color 2s linear 1s,opacity 2s linear 0s,;
}
.h4point.scrollin {
  color: white;
  opacity : 1;
  transform: translateY(0);
}

/* スクロールでアンダーライン */
.title span {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.title span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 2s;
	transition-delay 2s;
}
.title span.scrollin::after {
  transform: scale(1, 1);
}
/* マーカーアニメーション */
/*
.title span {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .3em;
    background-position: 0 .5em;
    transition: all 2s linear 0.5s;
}
.title span.scrollin {
  background-position: -100% .9em;
}
*/
/* スクロールで 下からふわっと */
.description {
  opacity : 0;
  transform: translateY(50px);
/*transition:color 2s ease-in-out 1s, background 2s ease-in-out 1s, opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;*/
  transition:all 1s linear 0.5s;
}
.description.scrollin {
  opacity : 1;
  transform: translateY(0);
}
/* スクロールで News 下からふわっと */
.listing-item {
  opacity : 0;
  transform: translateY(50px);
/*transition:color 2s ease-in-out 1s, background 2s ease-in-out 1s, opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;*/
  transition:all 0.8s linear 0s;
}
.listing-item.scrollin {
  opacity : 1;
  transform: translateY(0);
}