@charset "utf-8";
html {
    font-size: 62.5%;
	margin: 0;
}

body {
    line-height: 1.4;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
}

* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

* {
    box-sizing: border-box;
}

.wrap {
	overflow: hidden;
}


img,
video {
    max-width: 100%;
}

img {
    border-style: none;
	width: 100%;
	height: auto;
}

div {
	line-height: 0;
	max-width: 600px;
	margin: auto;
}



 .container{
        position: relative;
      }
      img{
        width: 100%;
      }

	






.js__fixed_btn {
	width: 26%;
    position: fixed;
    bottom: 20px;
    right: 10px;
    border: none;
    z-index: 100;
}


@media screen and (min-width: 479px){
.js__fixed_btn{
  animation: poyopoyo 2.5s ease-out infinite;
  opacity: 1;
}
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}






/* 調整用スタイル */

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}





@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}




.nav-items__item:last-child a {
  margin-bottom: 0;
}

@media screen and (min-width: 479px){

.nav-items__item a:hover
{
  animation: big 0.1s;
  animation-fill-mode: forwards;
}

.nav-items__item a:active
{
  animation: small 0.1s;
  animation-fill-mode: forwards;
}
}

@media screen and (max-width: 479px){

.nav-items__item a:active
{
  animation: small 0.01s;
  animation-fill-mode: forwards;
}
}



@keyframes big 
{
  0% {transform: scale(1); }
  100% {transform: scale(1.1);}
}

@keyframes small 
{
  100% {transform: scale(0.9);}
}







@media screen and (min-width: 479px){

.js__fixed_btn:hover
{
  animation: big 0.1s;
  animation-fill-mode: forwards;
}

.js__fixed_btn:active
{
  animation: small 0.1s;
  animation-fill-mode: forwards;
}
}








@media screen and (max-width: 479px) {
.js__fixed_btn {
	width: 100%;
    bottom: 0px;
    right: 0px;
	background: rgba(255, 255, 255, 0.5);
	padding: 1%;
	display: inline-block;
animation-name:fadeUpAnime;
animation-duration:2.8s;
animation-fill-mode:forwards;
opacity:0;
transition: 0.5s;
}
}

/*フッターまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}




@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}











@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}



 
@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}


@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
 


.fv{
	background-image: url("../images/fv_bg.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color: #FFEA00;
}



.fv_day{
	position:fixed;
	top:0;
	z-index: 10;
}

.fv_5man{
animation: poyoyon2 1s ease-in-out 1 forwards;
padding-top: 10%;
padding-left: 21.5%;
padding-right: 21.5%;
}


.fv_book{
 animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
opacity: 1;
padding-top: 1%;
padding-left: 4%;
padding-right: 4%;
}




.fv_line{
padding-top: 10%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10.5%;
animation: yureru-j 3s infinite;
}




.section02{
	background-image: url("../images/section02_bg.jpg?20240630");
	background-repeat:no-repeat;
	background-size:100% auto;
}

.section02_line{
	padding-top: 149.5%;
	padding-left: 10.3%;
	padding-right: 10.3%;
	padding-bottom: 16%;
	animation: yureru-j 3s infinite;
}



.footer{
	background-image: url("../images/section05_bg.jpg?20240630");
	background-repeat:no-repeat;
	background-size:100% auto;
}

.footer_line{
	padding-top: 100.9%;
	padding-left: 10.3%;
	padding-right: 10.3%;
	animation: yureru-j 3s infinite;
}


.tokuteishou{
	padding-top: 18%;
	padding-left: 24%;
	padding-right: 24%;
}

.privacy{
	padding-top: 2.7%;
	padding-left: 24%;
	padding-right: 24%;
	padding-bottom: 9.9%;
}



.instagram{
	padding-top: 5%;
	padding-bottom: 5%;
	background-color: #FFEA00;
}