@media (min-width:1921px) {

}
@media (min-width:1930px){  

}
@media (max-width:1910px) { 

}
@media (max-width:1810px) {
	.main_event .inner { gap:2rem;}
	.main_event .right { width: 70%;}
}
@media (max-width:1710px) { 
}
@media (max-width:1680px) {
 

}
@media (max-width:1560px) {
    html, body{
      font-size:15px !important;
    }
    
	.main_ctct .inner { gap:10rem; }
}

@media (max-width:1440px) {
    html, body{
      font-size:14px !important;
    }
    

    .pd_160{padding: 100px 0;}
    
    .container-1500{max-width:90%;}
    .container-1580{max-width:100%; padding:0 2%;}
    .container-md,.container-sm{max-width: 1280px;}
    
    
    .pc_cont_1440{display:none; opacity:0; visibility:hidden;}
    .m_cont_1440{display:block; opacity:1; visibility:visible;}
    
}

@media (max-width:1400px) {


}

@media (max-width:1280px) {
    html, body{
      font-size:14px !important;
    }
    
    /* padding */
    .pd_60{padding: 40px 0;}
    .pd_160{padding: 100px 0;}
    
    /* padding-top */
    .pt_160{padding-top:120px;}
    .pt_200{padding-top:180px;}
    
    .container-md,.container-sm{max-width: 100%; padding:0 8%;}
    .container-1200{max-width: 100%; padding:0 4rem;}
    .container-1500{max-width:94%;}
    
    .pc_cont_1280{display:none; opacity:0; visibility:hidden;}
    .m_cont_1280{display:block; opacity:1; visibility:visible;}
	

}

@media (max-width:1024px) { 
	html, body{ font-size:13px !important; }

    .pc_cont_1024{display:none; opacity:0; visibility:hidden;} 
    .m_cont_1024{display:block; opacity:1; visibility:visible;}
  

	.sub_top .tits { top:39%;}
	.sub_top .tit02 { line-height: 1.2; font-size: 3rem;}
 
	.s_txt16 { font-size: 1rem;}
	.s_txt18 { font-size: 1.05rem;}
	.s_txt20 { font-size: 1.1rem;}
	.s_txt24 { font-size: 1.2rem;}
	.s_txt34 { font-size: 1.8rem;}
 
}
@media (max-width:960px) {
    html, body{
      font-size:13px !important;
    }
    
    
    /* margin-bottom */
    .m_5{margin-bottom: 5px;}
    .m_10{margin-bottom: 10px;}
    .m_20{margin-bottom: 12px;}
    .m_30{margin-bottom: 16px;}
    .m_40{margin-bottom: 20px;}
    .m_50{margin-bottom: 24px;}
    .m_60{margin-bottom: 28px;}
    .m_80{margin-bottom: 36px;}
    .m_100{margin-bottom: 40px;}
    .m_200{margin-bottom: 80px;}
    
    /* margin-left */
    .ml_10{margin-left: 10px;}
    .ml_20{margin-left: 12px;}
    .ml_30{margin-left: 16px;}
    .ml_40{margin-left: 20px;}
    
    /* padding */
    .pd_60{padding: 30px 0;}
    .pd_80{padding: 40px 0;}
    .pd_100{padding: 60px 0;}
    .pd_120{padding: 80px 0;}
    .pd_160{padding: 100px 0;}
    .pd_200{padding: 120px 0;}
    
    /* padding-top */
    .pt_60{padding-top: 30px;}
    .pt_80{padding-top: 40px;}
    .pt_100{padding-top: 60px;}
    .pt_120{padding-top: 80px;}
    .pt_160{padding-top: 100px;}
    .pt_200{padding-top: 120px;}
    .pt_210{padding-top: 130px;}
    .pt_230{padding-top: 140px;}
    .pt_250{padding-top: 150px;}
    
    
    .column_quarter{width:100%;}
    
    .container-1580{padding: 0 4%;}
    .container-1500{max-width:100%; padding: 0 4%;}
    .container-md,.container-sm{max-width: 720px;}
    
    .pc_cont_960{display:none; opacity:0; visibility:hidden;}
    .m_cont_960{display:block; opacity:1; visibility:visible;}
    
    .pc_cont_960_in{display:none; opacity:0; visibility:hidden;}
    .m_cont_960_in{display:inline-block; opacity:1; visibility:visible;}
    

}

@media (max-width:800px) {


    .pc_cont{display:none; opacity:0; visibility:hidden;}
	.m_cont{display:block; opacity:1; visibility:visible;}  




}

@media (orientation: portrait ) and (max-width:800px) {
    
}

@media (max-width:768px) {



}
@media (max-width:640px) {
    
    
    .pc_cont_640{display:none; opacity:0; visibility:hidden;}
    .m_cont_640{display:block; opacity:1; visibility:visible;}

    /* font-size */
    .fz_50 { font-size: 2.2rem;}
    .fz_110 {font-size: 4.7rem;}
    .fz_130 {font-size: 5.1rem;}
	
}

@media (orientation: portrait ) and (max-width:640px) {

    
    
}

@media (max-width:606px) {
     
}

@media (max-width:590px) {
    
    
}

@media (max-width:566px) {
    

    
}
@media (max-width:550px) {
    

}

@media (max-width:480px) {
    html, body{
        font-size:13px !important;
    }
    
    .lh_2{line-height:1.6;}
    

    /* padding */
    .pd_60{padding: 20px 0;}
    .pd_80{padding: 30px 0;}
    .pd_100{padding: 40px 0;}
    .pd_120{padding: 60px 0;}
    .pd_160{padding: 80px 0;}
    .pd_200{padding: 100px 0;}
    
    
    
    .pc_cont_480{display:none; opacity:0; visibility:hidden;}
    .m_cont_480{display:block; opacity:1; visibility:visible;}
	

} 

@media (min-width:435px) and (max-width:460px) {
    
    
}

@media (min-width:376px) and (max-width:434px) {
    
    
}

@media (max-width:434px){
    html {
        /* Prevent font scaling in landscape */
        -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
        -moz-text-size-adjust: none; /*Firefox*/
        -ms-text-size-adjust: none;  /*Ie*/
        -o-text-size-adjust: none; /*old versions of Opera*/
    }
    html, body{
        font-size:12px !important;
    }


    
    
    .pc_cont_434{display:none; opacity:0; visibility:hidden;}
    .m_cont_434{display:block; opacity:1; visibility:visible;}
    
	
     
}

@media (max-width:424px){
    
    
    
    
}

@media (max-width:418px){
    
    
    
    
}

@media (max-width:414px){
    
}

@media (max-width:400px){
    
    

}
@media (max-width:390px){
    html, body{
      font-size:12px !important;
    }
    
    
}
@media (max-width:376px){
    html, body{
      font-size:12px !important;
    }
    
    .pc_cont_376{display:none; opacity:0; visibility:hidden;}
    .m_cont_376{display:block; opacity:1; visibility:visible;}
    
    
}

@media (max-width:365px){
    
    
    
    
}

@media (max-width:360px){
    html, body{
      font-size:11px !important;
    }
}
    

@media all and (min-width:351px) and (max-width:375px) {
    
    
}

@media all and (min-width:320px) and (max-width:355px) {
    
    
    
    
}
@media all and (min-width:290px) and (max-width:320px) {
    
    
    
}
@media all and (min-width:250px) and (max-width:290px) {
    
    
    
}
@media all and (min-width:100px) and (max-width:250px) {
    
    
    
}


@media all and (min-width:801px) and  (max-height:880px){
    
    
    
}




@media (orientation: landscape) {
    
}

@media (orientation: portrait) {
    
}