/*イントロキャッチの表示*/

span.textAppear_1 {
  opacity: 0;
}

span.textAppear_2 {
  opacity: 0;
}


/*横線*/

/*h2.title_1 {
  position: relative;
  z-index: 1;
}
h2.title_1:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #5C5C5C;
  z-index: -1;
  transition: all 1.5s;
}
h2.title_1.isActive:after {
  width: 100%;
}

h2.title {
  position: relative;
  z-index: 1;
}
h2.title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #5C5C5C;
  z-index: -1;
  transition: all 1.5s;
}
h2.title.isActive:after {
  width: 100%;
}


h2.titleWhite {
  position: relative;
  z-index: 1;
}
h2.titleWhite:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: white;
  z-index: -1;
  transition: all 1.5s;
}
h2.titleWhite.isActive:after {
  width: 100%;
}*/

/*h2が下から出てくる*/


/*h3.message {
  position: relative;
  z-index: 1;
}
h3.message:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #5C5C5C;
  z-index: -1;
  transition: all 2s;
}

h3.message.isActive:after {
  width: 100%;
}*/



p.title{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

p.title.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*事業の丸写真を出す*/

.circleImg{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.circleImg_first{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.circleImg.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


.circleImg_first.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*事業の名前を出す*/

.slideRight{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.slideRight.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


.slideRight_first{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.slideRight_first.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/*方針の写真を出す*/

.icons{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.icons.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*方針の文章を出す*/

.texts{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;
}

.texts.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*会社概要を左上から出す*/

.companyText{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;	
}

.companyText.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/*会社概要イメージを右上から出す*/


.companyImg{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;	
}

.companyImg.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*社長写真を左上から出す*/

.CEO_photo{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;	
}

.CEO_photo.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



/*社長文章を右上から出す*/

.CEO_message{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;	
}

.CEO_message.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*社長文章を右上から出す*/

dl.news{
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms ease-out;	
}

dl.news.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}