/* style.css */
@import url("needpopup.min.css");
@import url("navi.css");
@import url("animate.css");
@import url("css.css");
@import url("table.css");
@import url("btn.css");
@import url("font.css");
@import url("sub.css");
@import url("main.css");
@import url("foot.css");

/********************************** pc & mobile ***********************************************************************************/
@media (max-width:768px){
.pc {display:none}
.mblock {display:block;}
}

@media  (min-width: 768px) and (max-width:1198px){
.mobile {display:none}
.mblock {display:none}
}

@media (min-width:1198px){
.mobile {display:none}
.mblock {display:none}
.mobile_m{display:none}
}



/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3{border-top:1px solid rgba(255,255,255,0.5);  padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); margin:5px 0 5px 0;}
}


/****************************************************************768~1198*************************************************************************************************************/
@media  (min-width: 768px) and (max-width:1198px){
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3{border-top:1px solid rgba(255,255,255,0.5);  padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); margin:5px 0 5px 0;}
}


/********************************************************************1200*************************************************************************************************************/
@media (min-width:1198px){
.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:20px;}
.c_l3 {padding:30px;}
.c_l4 {padding:40px;}
.c_l5 {padding:50px;}
.c_l6 {padding:60px;}
.c_l7 {padding:70px;}
.c_l8 {padding:80px;}
.c_l9 {padding:90px;}
.c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;}
.c_line2{border-top:1px solid #EFEFEF;  padding:0px 0px 0px 0px;}
.c_line3{border-top:1px solid rgba(255,255,255,0.5);  padding:0px 0px 0px 0px;}
.c_line4 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); margin:5px 0 5px 0;}
}


html {
    font-size: 62.5%
}
.f06 {font-size : 0.6rem}
.f07 {font-size : 0.7rem}
.f08 {font-size : 0.8rem}
.f09 {font-size : 0.9rem} 
.f10 {font-size : 1rem} 
.f11 {font-size : 1.1rem} 
.f12 {font-size : 1.2rem} 
.f13 {font-size : 1.3rem} 
.f14 {font-size : 1.4rem} 
.f15 {font-size : 1.5rem} 
.f16 {font-size : 1.6rem} 
.f17 {font-size : 1.7rem} 
.f18 {font-size : 1.8rem} 
.f19 {font-size : 1.9rem} 
.f20 {font-size : 2rem} 
.f21 {font-size : 2.1rem} 
.f22 {font-size : 2.2rem} 
.f23 {font-size : 2.3rem} 
.f24 {font-size : 2.4rem} 
.f25 {font-size : 2.5rem} 
.f26 {font-size : 2.6rem} 
.f27 {font-size : 2.7rem} 
.f28 {font-size : 2.8rem} 
.f29 {font-size : 2.9rem} 
.f30 {font-size : 3.0rem} 

@-webkit-keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

@keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }