@charset "utf-8";
/* CSS Document */
/*----------------------------------------------
　　ローディングアニメーション　jsはpagetopに記述
----------------------------------------------*/


@keyframes fadeIn{
  0%{ opacity: 0.2; height: 0;}
  100%{ opacity: 1; height: 60px;}
}

@keyframes fade_right{
  0%{ opacity: 0; width: 0;}
  100%{ opacity: 1; width: 50%;}
}

@keyframes fade_left{
  0%{ opacity: 0; width: 0;}
  100%{ opacity: 1; width: 50%;}
}





@media print, screen and (min-width: 767px) {

/*----------------------------------------------
　　コンテンツ
----------------------------------------------*/

.terms .title{
text-align: center;
font-size: 3.6rem;
font-family: "ryo-display-plusn";
border: #000 1px solid;
width: 450px;
margin: -100px auto 50px;
}

.terms .txt{
font-size: 1.6rem;
line-height: 1.8;
text-align: center;
margin-bottom: 50px;
}

.jump_btn{
text-align: center;
}

.terms .txt2{
margin-top: 50px;
text-align: center;
}

.terms .txt2 a{
font-size: 1.6rem;
text-decoration: underline;
color: #0044FF;
}

.terms .txt2 a:hover{
opacity: 0.5;
text-decoration: none;
}

}


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

article{
position: relative;
}

.terms .title{
text-align: center;
font-size: 2.6rem;
font-family: "ryo-display-plusn";
border: #000 1px solid;
width: 350px;
margin: -100px auto 50px;
}

.terms .txt{
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 30px;
}

.jump_btn{
text-align: center;
}

.terms .txt2{
margin-top: 50px;
text-align: center;
}

.terms .txt2 a{
font-size: 1.4rem;
text-decoration: underline;
color: #0044FF;
}

.terms .txt2 a:hover{
opacity: 0.5;
text-decoration: none;
}


}