@charset "utf-8";
/* CSS Document */
@import "reset.css";
@import "base_min.css";
/*******************
 LP style
********************/

img[width='1']{width: 1px;height: 1px;line-height: 1px;position: absolute;top: 0;left: 0;}

.hover img{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.hover img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
img {
  vertical-align: bottom;
}
body {
	min-width: 1160px;
	margin: 0 auto;
	text-align: center;
}
/*------------------------------------------*/
#fv {
  background: url(../img/fv_bg.jpg) top center no-repeat;
  height: 1000px;
  width: 100%;
  min-width: 1160px;
  z-index: -999;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: -170px;
}
#fv h1 {
  position: absolute;
  display: block;
	height: 1000px;
  z-index: -1;
  top: 0;
  left: 50%;
  margin-left: -580px;
}
.cvInner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.cvBtn {
	position: absolute;
	bottom: 120px;
	right: 60px;
    display: block;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  -o-animation-duration: 1.8s;
  animation-duration:1.8s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
}
#fvbtn{
position: relative;
bottom: auto;
right: 5%;
width: 800px;
text-align: center;
margin: 0 auto 1%;
}
.cb {
margin-top: 20px;
}
.tujoBtn {
	position: absolute;
	bottom: 00px;
	right: 140px;
}
#voice {
  margin: 0 auto 50px;
}
#component {
	background: url(../img/component_bg.png) repeat top left;
}
#reason {
	background: url(../img/reason_bg.jpg) repeat-x bottom left;
}
#footer {
	margin-top: 30px;
}
#footer li {
	display: inline;
}
#footer li::after {
	content: "｜";
}
#footer li:last-child::after {
	content: "";
}
#footer li a {
	font-size: 20px;
	color: #101010;
}
#copy {
	background: #f57892;
	color: #fff;
	padding: 10px 0;
	margin-top: 10px;
	font-size: 14px;
}

/* fixnav */
#fixnav {
  position: fixed;
  z-index: 9999;
  bottom: 2em;
  right: 2em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
#fixnav a{
  display: block;
}
#fixnav.hide {
  opacity: 0;
}

@-webkit-keyframes shake{
   from ,0%{
      -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   10% {
     -webkit-transform: translate3d(-2%, 0, 0);
     -o-transform: translate3d(-2%, 0, 0);
          transform: translate3d(-2%, 0, 0);
   }
   25% {
     -webkit-transform: translate3d(2%, 0, 0);
     -o-transform: translate3d(2%, 0, 0);
     transform: translate3d(2%, 0, 0);
   }
   40% {
     -webkit-transform: translate3d(-2%, 0, 0);
     -o-transform: translate3d(-2%, 0, 0);
     transform: translate3d(-2%, 0, 0);
   }
   55% {
     -webkit-transform: translate3d(2%, 0, 0);
     -o-transform: translate3d(2%, 0, 0);
     transform: translate3d(2%, 0, 0);
   }
   70% {
     -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   to , 100% {
     -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
@keyframes shake{
   from ,0%{
      -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   10% {
     -webkit-transform: translate3d(-2%, 0, 0);
     -o-transform: translate3d(-2%, 0, 0);
          transform: translate3d(-2%, 0, 0);
   }
   25% {
     -webkit-transform: translate3d(2%, 0, 0);
     -o-transform: translate3d(2%, 0, 0);
     transform: translate3d(2%, 0, 0);
   }
   40% {
     -webkit-transform: translate3d(-2%, 0, 0);
     -o-transform: translate3d(-2%, 0, 0);
     transform: translate3d(-2%, 0, 0);
   }
   55% {
     -webkit-transform: translate3d(2%, 0, 0);
     -o-transform: translate3d(2%, 0, 0);
     transform: translate3d(2%, 0, 0);
   }
   70% {
     -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   to , 100% {
     -webkit-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

/*-- line del ----------------------*/
.bg-pk {
    background: #FCD7DF;
    width: 1000px;
    margin: 0 auto;
}
.img-t {
  vertical-align: top;
}
.interview-04 {
  background: url(../img/interview_04.jpg) no-repeat top center;
}
.nayami-01 {
  background: url(../img/nayami_01.jpg) no-repeat bottom center;
  margin-bottom: -1px;
}
.nayami-02 {
  background: url(../img/nayami_02.jpg) no-repeat top center;
}
.cause-ttl {
  background: url(../img/cause_ttl.jpg) no-repeat top center;
}