@charset "utf-8";
 .line.special{ background: url(../image/index/bg_14.png) no-repeat center bottom; background-size: 1050px; padding: 43px 0 39px; text-align: center; width: 1100px; margin: 0 auto; position: relative; }
  .line.special .logo_17{display: inline-block; padding: 0 0 54px; }
 
 @-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0) scaleY(1);
    transform: translate3d(0, -100px, 0) scaleY(1);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0) scaleY(1);
    transform: translate3d(0, -100px, 0) scaleY(1);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.line img.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

body{background: #ffffff; min-width: 1200px; }
#stkr{ position: fixed;  top: 0px; left: 0px; width: 25px; height: 25px; z-index: 10; width: 35px; height: auto; }

header{position: fixed; width: 100%; padding: 16px 31px;z-index: 100; margin: 0 auto;}
header h1{width: 100%; height: auto;}
header .header_box{max-width:1400px; min-width: 1120px; margin: 0 auto; }

footer{padding: 56px 0 45px;text-align: center;}
footer .line.special{ padding: 43px 0 39px; }
footer .line.special .star_1{ position: absolute; top: 5.0%; left: 19.9%;}
footer .line.special .star_2{ position: absolute; top: 58.8%; left: 15.65%;}
footer .line.special .star_3{ position: absolute; top: 22%; right: 21%;}
footer .line.special .star_4{ position: absolute; top: 0%; right: 7.2%;}
footer .line.special .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

footer h3{padding: 183px 0 68px; width: auto; margin: 0 auto;}
footer h3 img{display: inline-block;  text-align: center;}
footer p.tt{text-align: center; font-size: 13px;font-family: 'NotoSansJP-Regular',sans-serif,serif; padding: 30px 0 0; line-height: 160%;font-feature-settings: "palt";letter-spacing: 0.05em;}
footer p{font-size: 12px; font-family: 'NotoSansJP-Medium'; text-align: center;}
@media only screen and (max-width: 768px) {
	
	body{ min-width: auto;}
	#stkr{display: none;}

	
	.line.special{ padding: 5% 0 2%; width: 100%;background-size: 100%;}
	.line.special .logo_17{display: inline-block; padding: 0 0 5%; width: 60%; height: auto; margin: 0 auto;}
	footer .line.special .star_1{ top: 10%; left: 17.9%; width: 4%; height: auto;}
	footer .line.special .star_2{ top: 62.8%; left: 11.65%; width: 5%; height: auto;}
	footer .line.special .star_3{ top: 30%; right: 20%; width: 4%; height: auto;}
	footer .line.special .star_4{ top: 2%; right: 7.2%; width: 5%; height: auto;}
	.line a{ display: block; width: 55%; margin: 0 auto;}
	
	header{padding: 8px 15px;  height: auto;}
	header .header_box{ min-width: auto; margin: 0 auto; }
	header img{width: 50px; height: auto;}
	
	footer{padding: 28px 0 100px;}
	footer .line.special{ padding: 6% 0 2%; }
	footer h3{padding: 91px 0 34px;}
	footer h3 img{width: 50px; height: auto; margin: 0 auto;}
	footer p.tt{font-size: 11px; padding: 20px 0 0; }
	footer p{font-size: 11px; }
}