@charset "utf-8";

/* table of contents */
/* ========== SP・TB ========== */
/* ****************************************************************************
* 1. fadein.js 
* ***************************************************************************/

/* ========== PC ========== */
/* ****************************************************************************
* 1. fadein.js 
* ***************************************************************************/


/* ======================================================
animatuon.css（統合版）
- SP: 〜1024px @media screen and (max-width: 1024px) {
- PC: 1025px〜 @media screen and (min-width: 1025px) {
==================================================== */

/* 共通（SP/PCどちらでも同じ） */
.fadein,
.fadein02,
.fadein03,
.fadein04,
.fadein05,
.fadein06 {
  opacity: 0;
}

.fadein.scrollin,
.fadein02.scrollin,
.fadein03.scrollin,
.fadein04.scrollin,
.fadein05.scrollin,
.fadein06.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/* ========== SP・TB ========== */
@media screen and (max-width: 1024px) {

/* ****************************************************************************
* 1. fadein.js 
* ***************************************************************************/
  .fadein   { transform: translate(0, 20px);  transition: all 800ms; }
  .fadein02 { transform: translate(-60px, 0); transition: all 1200ms; }
  .fadein03 { transform: translate(100px, 0); transition: all 1600ms; }
  .fadein04 { transform: translate(0, 80px);  transition: all 1200ms; }
  .fadein05 { transform: translate(0, 100px); transition: all 1800ms; }
  .fadein06 { transform: translate(0, 120px); transition: all 2000ms; }

}/* end SP */


/* ========== PC ========== */
@media screen and (min-width: 1025px) {
/* ****************************************************************************
* 1. fadein.js
* *************************************************************************** */
  .fadein   { transform: translate(0, 40px);    transition: all 800ms; }
  .fadein02 { transform: translate(-100px, 0);  transition: all 1600ms; }
  .fadein03 { transform: translate(100px, 0);   transition: all 1600ms; }
  .fadein04 { transform: translate(0, 80px);    transition: all 1200ms; }
  .fadein05 { transform: translate(0, 120px);   transition: all 1800ms; }
  .fadein06 { transform: translate(0, 240px);   transition: all 2400ms; }

}/* end pc */