body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	background: url("../images/background.jpg");
	background-repeat: repeat;
}

main{
    max-width: 50%;
    margin: 0 auto;
    overflow: hidden;
	 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
main{
	max-width: 100%;
  }
}

img {
  width:100%;
  max-width: 100%;
  height: auto;
}

.fv{
  position: relative;
  text-align: center;
}
.main-text{
	width:85%;
	position:absolute;
	left:0;
	right: 0;
	top:12%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
.main-text{
	top:21%;
  }
}
.btn_area{
	position:relative;
	text-align: center;
}
.btn{
  position: absolute;
  width:85%;
  bottom: 7%;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (max-width: 768px) {
.btn{
	bottom: 7%;
  }
}
/*タイトルアニメーション*/
.slide-top{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}


@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}


/*ボタンアニメーション*/
.pulsate-fwd{-webkit-animation:pulsate-fwd .8s ease-in-out infinite both;animation:pulsate-fwd .8s ease-in-out infinite both}

@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}


.fv_under,.review,.content1,.content2,.step3,.content3,.worry,.worry_under,.content4,.content5,.content7,.content8,.content9,.worry2,.solution,.content10{
	position:relative;
	text-align: center;
}
.fv_under_content{
  position: absolute;
  width:90%;
  top: 9%;
  right: 0;
  left: 0;
  margin: auto;
}
.review1,.review2,.review3,.review4{
	position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.review1{
	top:3%;
}
.review2{
	top:27%;
}
.review3{
	top:51%;
}
.review4{
	top:75%;
}
.content1-1,.content1-2{
  position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.content1-1{
	top:5%;
}
.content1-2{
	bottom:5%;
}
.content2-1,.content2-2,.content2-3,.content2-4{
  position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.content2-1{
	top:25%;
}
.content2-2{
	top:44%;
}
.content2-3{
	bottom:35%;
}
.content2-4{
	bottom:17%;
}
.step01,.step02,.step03{
  position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.step01{
	top:27%;
	z-index:999;
}
.step02{
	top:40.5%;
	z-index:998;
}
.step03{
	top:54%;
}
.btn_step3{
	position: absolute;
  width:90%;
  bottom: 8%;
  right: 0;
  left: 0;
  margin: auto;
}
.content3-1,.content3-2,.content3-4{
  position: absolute;
  width:85%;
  right: 0;
  left: 0;
  margin: auto;
}
.content3-1{
	top:4%;
}
.content3-3{
	position: absolute;
  width:15%;
  right: 0;
  left: 0;
  margin: auto;
	bottom:23%;
}
.content3-4{
	bottom:1%;
}
.worry-content{
	position: absolute;
  width:100%;
  right: 0;
  left: 0;
  margin: auto;
	bottom:0;
}
.worry_under_content{
	position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
	bottom:10%;
}
.content4-1,.content4-2{
	position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.content4-1{
	top:22%;
}
.content4-2{
	bottom:5%;
}
.content5-1{
	position: absolute;
  width:75%;
  right: 0;
  left: 0;
  margin: auto;
	bottom:8%;
}
.content7-1,.c7-step01,.c7-step02,.c7-step03{
	position: absolute;
  width:90%;
  right: 0;
  left: 0;
  margin: auto;
}
.content7-1{
	top:3%;
}
.content7-2{
	position: absolute;
  width:78%;
  right: 0;
  left: 0;
  margin: auto;
	top:28%;
}
.c7-step01{
	top:50%;
	z-index:999;
}
.c7-step02{
	top:59%;
	z-index:998;
}
.c7-step03{
	top:68%;
}
.btn7{
	position: absolute;
  width:90%;
  bottom: 6%;
  right: 0;
  left: 0;
  margin: auto;
}
.content8-1{
	position: absolute;
  width:65%;
  bottom: 10%;
  right: 0;
  left: 0;
  margin: auto;
}
.content9-1,.content9-2{
	position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.content9-1{
	width:95%;
	top:8%;
}
.content9-2{
	width:90%;
	bottom:7%;
}
.worry2-1{
	position: absolute;
  width:80%;
  right: 0;
  left: 0;
  margin: auto;
	top:6%;
}
.solution-1,.solution-2,.solution-3,.solution-4{
	position: absolute;
  width:80%;
  right: 0;
  left: 0;
  margin: auto;
}
.solution-1{
	top:19%;
}
.solution-2{
	top:35%;
}
.solution-3{
	bottom:34%;;
}
.solution-4{
	bottom:18%;
}
.solution-5{
	position: absolute;
  width:70%;
  right: 0;
  left: 0;
  margin: auto;
	bottom:3%;
}
.btn10{
	position: absolute;
  width:90%;
  bottom: 25%;
  right: 0;
  left: 0;
  margin: auto;
}

 /*フッター*/

footer {
  padding: 5% 0 0 0;
  position: relative;
  z-index: 9999;
  color: #fff;
  background:#04b984;
}

.nav {
      text-align: center;
    padding: 0 20px 0 0;
    font-size: 13px;
}

.copy {
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-size: 11px;
	text-decoration: none;
}

/*フェードインアニメーション*/
.scroll_fadein{
opacity: 0;
}
.fadein_animation_start{
/* キーフレームアニメーションを指定*/
animation-name: fadein_animation;
/* アニメーションの開始時間の遅延*/
animation-delay: 0.3s;
/* アニメーションの時間を指定*/
animation-duration: 1s;
/*アニメーション再生後のスタイルを指定*/
animation-fill-mode: both;
}
@keyframes fadein_animation{
0% {
opacity: 0;
}
100%{
opacity: 1;
transform: translate(0);
}
}
.slideup{
transform: translateY(50px);
}
.slidedown{
  transform: translateY(-50px);
}
/*ふわふわ*/
.target {
  display: block;
  width: 90%;
  height: auto;
	top:24%;
}

/* Animation */
.target {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}

.privacy{
	margin: 0 auto;
    background: #18a86b;
    width: 100%;
    text-align: center;
    font-size: 28px;
    padding: 20px 0;
    color: #FFFFFF;
}
.privacy_text{
	width:95%;
	margin: 0 auto;
	font-weight: 500;
}
.privacy_text h3{
	font-weight: 900;
}