@charset "UTF-8";

body {
-webkit-print-color-adjust: exact;
} 

#header {
 position: inherit;
}


.sp_view767,.sp_view640,.sp_view480 {
 display:none;
}
@media (max-width : 768px){
 .pc_view767 {
  display:none;
 } 
 .sp_view767 {
  display:block;
 }  
}
@media (max-width : 640px){
 .pc_view640 {
  display:none;
 } 
 .sp_view640 {
  display:block;
 }  
}

@media (max-width : 480px){
 .pc_view480 {
  display:none;
 } 
 .sp_view480 {
  display:block;
 } 
}

.inner { width: 1000px;}


.h_tel_icon::before {
    background-color: none;
}


/*=========================================================================================
アニメーション
==========================================================================================*/
.fadein {
 opacity: 1;
}
.fadein1 {
 opacity: 1;
}
.fadein1.ani_txt01 {
 transform: translateY(0);
}
.fadein1.ani_txt02 {
 transform: translateX(50px);
}
/*
画像アニメーション　内から外へマスクが外れる
==========================================================================================*/

.ani_img_left,.ani_img_right,.ani_img_top,.ani_img_bottom {
 position: relative;
}
.ani_img_left::before,.ani_img_right::before,.ani_img_top::before,.ani_img_bottom::before {
 content: '';
 width: 0;
 height: 0;
 background: none;
 z-index: 100;
 display: block;
 position: inherit;
}



.scrollin.ani_img_left::before,.scrollin.ani_img_right::before {
 -webkit-animation: no_ani 6s cubic-bezier(0.86, 0, 0.07, 1) 0s 1 alternate forwards;
 animation: no_ani 6s cubic-bezier(0.86, 0, 0.07, 1) 0s 1 alternate forwards;
}

.scrollin.ani_img_top::before,.scrollin.ani_img_bottom::before {
 -webkit-animation: no_ani 6s cubic-bezier(0.86, 0, 0.07, 1) 0s 1 alternate forwards;
 animation: no_ani 6s cubic-bezier(0.86, 0, 0.07, 1) 0s 1 alternate forwards;
}

.js-list-fadeup > * {
  opacity: 1;
}