@charset "UTF-8";


@media only screen and (min-width: 897px) {
/*.vision .mWrapper{
   width: 1300px;
}*/

.vision section{
  /*background: #b81942;*/
}

.cardStyle03 .cs03-wrapper-right {
    right: 164px;
}
}





@media only screen and (min-width: 897px) {
	.mainParent{
		position: relative;
		width: 1200px;
		height: 670px;
		/*padding-bottom: 80px;*/
	}
.rightBox{
    position: absolute;
    right: 15px;
    top: 35px;
    width: 590px;
}

.leftBox{
    position: absolute;
    left: 25px;
    top: 10px;
}
}
	
	
.vision_title{
	font-size: 28px;
	    color: #b91440;
	font-weight: 500;

}
.vision_title span{
    display: block;
    /*width: 640px;*/
    height: 35px;
    font-size: 22px;
    border-bottom: solid 2px #b91440;
    font-weight: 700;
	margin-bottom: 5px;
	
}

@media only screen and (min-width: 897px) {
        .t1{width:738px !important;}
        .t2{width:665px !important;}
        .t3{width:592px !important; margin-bottom: 3px;}


        .vision{padding-top: 65px;}



        .text01{
            line-height: 1.5;
                font-size: 13.5px;
            margin-bottom: 17px;
        }
        .text02{
            line-height: 1.4;
                font-size: 25.5px;
            font-weight: 500;
            padding-left: 35px;

        }
        .text03{
            line-height: 1.4;
            padding-left: 35px;
            margin-bottom: 5px;
            font-size: 13.5px;
        }


      .mission_text{
          opacity: 0 ;

          animation-name: animation_mission_text;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-fill-mode:forwards;
          animation-delay: 2s;
      }

      @keyframes animation_mission_text {
        0% {
          opacity: 0 ;
        }
        100% {
          opacity: 1 ;
        }
      }


      .vision_text{
          opacity: 0 ;

          animation-name: animation_vision_text;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-fill-mode:forwards;
          animation-delay: 3s;
      }

      @keyframes animation_vision_text {
        0% {
          opacity: 0 ;
        }
        100% {
          opacity: 1 ;
        }
      }

      .value_text{

          opacity: 0 ;

          animation-name: animation_value_text;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-fill-mode:forwards;
          animation-delay: 4s;
      }



      @keyframes animation_value_text {
        0% {
          opacity: 0 ;
        }
        100% {

          opacity: 1 ;
        }
      }




      .mvv-img{
          opacity: 0 ;

          animation-name: animation_mvv-img;
          animation-duration: 3s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-fill-mode:forwards;
          animation-delay: 0.5s;
      }

      @keyframes animation_mvv-img {
        0% {
          opacity: 0 ;
        }
        100% {
          opacity: 1 ;
        }
      }

}










@media only screen and (max-width: 896px) {
.rightBox{
	padding: 50px 20px 50px;
}
	
.leftBox{
	padding-bottom: 80px;
}	
      .mvv-img{
          opacity: 0 ;

          animation-name: animation_mvv-img;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-fill-mode:forwards;
          animation-delay: 1s;
      }

      @keyframes animation_mvv-img {
        0% {
          opacity: 0 ;
        }
        100% {
          opacity: 1 ;
        }
      }
	
	
        .vision_title{
            margin-bottom: 5px;
			font-feature-settings: "palt";
            letter-spacing: 0.03em;
        }
	
        .text01{
            line-height: 1.4;
            font-size: 13.5px;
            margin-bottom: 40px;

        }
        .text02{
            line-height: 1.4;
            font-size: 25.5px;
            font-weight: 500;
           /*padding-left: 35px;*/
			font-feature-settings: "palt";
            letter-spacing: 0.05em;
        }
        .text03{
            line-height: 1.4;
           /*padding-left: 35px;*/
            margin-bottom: 15px;
            font-size: 13.5px;
        }		
	
/*
.mission_text,
	.vision_text,
	.value_text{
	transition: all 1.0s 1.0s ease-out;
	opacity: 0 ;
	transform: translateY(30px);
}
.mission_text.run,
.vision_text.run,
.value_text.run 
	{
		opacity: 1 ;
		transform: translateY(0);
}
*/
.mission_text,
.vision_text,
.value_text{
      opacity: 0 ;
      transform: translateY(30px);

      animation-name: animation_mission_text;
      animation-duration: 1.5s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode:forwards;
      animation-delay: 2s;
  }

  @keyframes animation_mission_text {
    0% {
      opacity: 0 ;
      transform: translateY(30px);
	  }
    100% {
      opacity: 1 ;
		transform: translateY(0);
     }
  }

	
	
	
	
	
	
}