@charset "utf-8";

/* =================================================

		top JS setting
	 
----------------------------------------------------
*
		contents - common parts
		section - about
		section - programs
*
================================================= */







/* =================================================

		contents - common parts

================================================= */

/* ----------------------------------------------
		boxLt / boxRt
---------------------------------------------- */

/*	action ----------------------------------- */
.delighter.secBlkLt {
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  opacity: 0;
}
.delighter.secBlkLt.started {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.delighter.secBlkRt {
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  opacity: 0;
}
.delighter.secBlkRt.started {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}



/* ----------------------------------------------
		etc
---------------------------------------------- */

/*	action ----------------------------------- */
.delighter.fadein {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}
.delighter.fadein.started { opacity: 1; }







/* =================================================

		section - about

================================================= */

/* ----------------------------------------------
		boxRt
---------------------------------------------- */

/*	action ----------------------------------- */
#about .blkRt .delighter.aboutImg {
  -webkit-transform: translate(130%);
  transform: translate(130%);
  -webkit-transition: -webkit-transform 1.5s ease-out;
  transition: transform 1.5s ease-out;
}
#about .blkRt .delighter.aboutImg.started {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}







/* =================================================

		section - programs

================================================= */

/* ----------------------------------------------
		programBlk
---------------------------------------------- */

/*	action ----------------------------------- */
#programs .delighter.programBlk {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 769px){
  #programs .delighter.programBlk {
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
  }
}/* min-width: 769 */
#programs .delighter.programBlk.started {
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  opacity: 1;
}

#programs { overflow: hidden;}
#programs .delighter.programHr {
  -webkit-transform: translate(100%);
  transform: translate(100%);
  margin-right: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
@media screen and (min-width: 769px){
  #programs .delighter.programHr {
    -webkit-transition: all 1.75s ease;
    transition: all 1.75s ease;
  }
}/* min-width: 769 */
#programs .delighter.programHr.started {
  -webkit-transform: none;
  transform: none;
  margin-right: auto;
}