@charset "utf-8";

.img-center-as {
    display: block;
    margin: 0 auto;
	padding: 0;
    max-width: 100%;
    height: auto;
}
header {
	background-image: url("../jcmcj/advance-special/images/heros-bg.jpg"); 
	background-size:  cover;
	height: auto;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
}

#as {
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	line-height: 1.8;
}

#as .btn {
	text-align: center;
	padding: 20px;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
}
#as .column2 {
	width: 50%;
	margin: 20px auto;
}

#as h2 {
	font-size: 2.5em;
	margin: 30px 0;
	text-align: center;
}

#as h6 {
	font-size: 1.3em;
	margin: 30px 0;
	text-align: center;
}

#as h2 span {
	display: block;
    font-size: 0.4em;
    line-height: 1;
    color: #be9d31;
    font-weight: normal;
}

#as ol li {
	margin: 0;
}

#as ol li p {
	display: inline-block;
	padding: 15px 20px;
	background: #FFFCF4;
	margin: 10px 0;
	text-indent: 0;
	border-radius: 10px;
}

#as h3{
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 0px;
    margin: 0px;
    letter-spacing: 1.5px;
}
#as #footer{
	width: 100%;
    left: 0;
    top: 0;
}

#as nav.inp {
    padding: 40px 0 20px;

}

#as #entry {
	margin: 40px 0;
}


.snow {
  /*雪の色*/
  color: snow;
  /*雪の大きさ*/
  font-size: 10px;
  /*初期位置*/
  position: fixed;
  top: -5%;
  /*雪を適当な幅で降らせる*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  /*雪アニメーション1*/
  animation: roll 5s linear infinite;
}
  /*2つめの雪アニメーション*/
.snow2nd{animation: anim 8s linear infinite;}

@keyframes roll {
    0% {transform:rotate(0deg);}
   90% {opacity:1;}
   100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes anim {
  100% {color:transparent;top:150%;}
}


@media screen and (max-width: 1024px){
	#as h2 {
	font-size: 2em;
}
	
	#as .column2 {
	width: 70%;
	margin: 20px auto 0;
}
}
@media screen and (max-width: 320px){
}

@media print {

}