@charset "utf-8";
/* CSS Document */

/* reset *************************************************************/
body {line-height:1; margin:0; font-family:arial,sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-size:100%; font-weight:normal; line-height:1.3;display:block;}
article,footer,header {display:block;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding:0;margin:0;}
a {display:block;color:#ff6699;text-decoration:none;}
img {vertical-align:baseline; border:0; padding:0; margin:0;}
div {margin:0;padding:0;}
/* //reset *************************************************************/

*{
  box-sizing: border-box;
}
body {
  background: #333;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin:0 auto;
  vertical-align: bottom;
}
#wrapper {
  background: #191a1c; /* Old browsers */
  background: -moz-linear-gradient(left, #191a1c 0%, #2c2a31 50%, #191a1c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #191a1c 0%,#2c2a31 50%,#191a1c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #191a1c 0%,#2c2a31 50%,#191a1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a1c', endColorstr='#191a1c',GradientType=1 ); /* IE6-9 */
  overflow-y: hidden;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 751px) {
  body {font-size:24px;}
  #wrapper {width:750px;margin:auto;}
}
@media screen and (max-width: 750px) {
  body {font-size:14px;}
  #wrapper {width:100%;}
}
/******************************/
/*firstview*/
/******************************/
.top{
	background:url(../img/bg.png) 0 0 no-repeat;
	background-size: contain;
	position: relative;
}


.front .sp{
	width:78.66666%;
	
	
}

.front .logo{
	position: absolute;
	width:15.866666%;
	top:0.5222%;
	left:0.9222%;
	z-index:1;
}


.front .gif{
	position: absolute;
	width:75.733333%;
	top:0;
}
.front .main_txt{
	width:57.2%;
	position: absolute;
	top:0;
	right:0;
	z-index: 1;
}

.front .sub_txt{
	position: absolute;
	width:22.53333333%;
	top:48.7777%;
	
}

.front .movie_pic .toppic{
	position: absolute;
	width:32%;
	right:0;
	top:56.755%;
}


.front .movie_pic .bottom{
	position: absolute;
	width:32%;
	right:0;
	top:74.355%;
}

.top_dousen{
	z-index:2;
}

/******************************/
/*btn*/
/******************************/
.btn_box{
	position: relative;
}

.btn{
	position: absolute;
	width:94.933333333%;
	top:25%;
	right:0;
	left:0;
	margin:0 auto;
	animation: btn 2s ease infinite;
}

@keyframes btn{
  0% { transform:translateY(15px) }
	
  20% { transform:translateY(-15px) }
  40% { transform:translateY(15px) }
	60% { transform:translateY(-15px) }
	 80% { transform:translateY(15px) }
  100% { transform:translateY(15px) }
}

/******************************/
/*section01*/
/******************************/
.sec01{
	
	position: relative;
}
.sec01_front{
	position: absolute;
	 top:0;
}
.sec01_txt01,.sec01_txt02,.sec01_woman_set,.sec01_woman_sexy,
.sec01_txt03,.sec01_txt04,.sec01_hip{
	left:0;
	right: 0;
	margin: 0 auto;
}

.sec01_txt01{
	width:75.9333333333%;
	padding-top:2%;
}

.sec01_txt02{
	width:94.9333333%;
	animation: top_front_main 1.3s linear 0s infinite;

}

@keyframes top_front_main {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.sec01_woman_set{
	width:97.7333333%;
	padding-bottom:2% ;
}

.sec01_woman_sexy{
	
}

.sec01_txt03{
	widht:97.33333333%;
}

.sec01_txt04{
	width:62.4%;
	padding:1.333%;
}


/******************************/
/*section02*/
/******************************/
.sec02{
	position:relative;
}

.sec02_txt,.sec02_process{
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin: auto;
}

.sec02_txt{
	width:98.26%;
	top:0;
}

.sec02_process{
	width:97.066666%;
	top:15.666%;
}

.sec02_dousen{
	/*margin-top:-3%;*/
}

/******************************/
/*footer*/
/******************************/
footer {
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 1% 1%;
}
footer p {
  margin-bottom: 2.5%;
}