/*
:root {
  --text: #333333;
  --primary: #24A0B5;
  --primary_light: #E9F5F8;
  --primary_dark: #14637D;
//  --accent: #ca0505;
  --wh: #ffffff;
  --wh2: #F5F5F5;
  --bk: #333333;
  --red: #f00;
//  --gray: #999;
}
*/
/*
$breakpoint_cnts0: 1782px;
$breakpoint_cnts1: 1540px; //1460+80
$breakpoint_cnts2: 1160px;
$breakpoint_cnts3: 1210px;
$breakpoint_cnts: 1460px;
$breakpoint_cnts_less: 1459px;
$breakpoint_w1330: 1330px;
$breakpoint_w1329: 1329px;
$breakpoint_tablet: 1280px;
$breakpoint_tablet2: 1024px;
$breakpoint_tablet2_less: 1023px;
//$breakpoint_tablet3: 840px;
$breakpoint_tablet3: 860px;
$breakpoint_tablet3_less: 839px;
$breakpoint_tablet_mini: 768px;
$breakpoint_sp: 767px;
$breakpoint_sp_mini: 541px;
$breakpoint_sp2: 540px;
*/
/*=============================================*/
/*  Top                               */
/*=============================================*/
/********************************************/
/*main_visual */
/********************************************/
/********************************************/
/*Scroll Animation */
/********************************************/
.animate.ver_down_top {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s;
}
.animate.ver_down_top.scrollin {
  opacity: 1;
  transform: translateY(0px);
}

.animate.ver_left_right {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s;
}
.animate.ver_left_right.scrollin {
  opacity: 1;
  transform: translateX(0px);
}

.animate.ver_right_left {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1s;
}
.animate.ver_right_left.scrollin {
  opacity: 1;
  transform: translateX(0px);
}

.animate.ver_fade_in {
  opacity: 0;
  transition: all 1s;
}
.animate.ver_fade_in.scrollin {
  opacity: 1;
}

/*=============================================*/
/*  page                               */
/*=============================================*/
/********************************************/
/*main_visual */
/********************************************/
.page_main_block .page_main_visual .left {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s;
}
.page_main_block .page_main_visual .left.a_start {
  opacity: 1;
  transform: translateX(0px);
}

.page_main_block .page_main_visual .img_box {
  opacity: 0;
  transform: translateX(200px);
  transition: all 1.5s;
}
.page_main_block .page_main_visual .img_box.a_start {
  opacity: 1;
  transform: translateX(0px);
}/*# sourceMappingURL=animate.css.map */