/*******************************
* CSS : layout.css
* Author: 
* Update: 2024.07
********************************/

/*layout*/
.inner{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
body{min-width:320px}
.hide{display:none}
@media (max-width:1280px){.hide_1280{display:none}.show_1280{display:block}}
@media (max-width:1200px){.hide_1200{display:none}.show_1200{display:block}}
@media (max-width:1110px){.hide_1110{display:none}.show_1110{display:block}}
@media (max-width:1080px){.hide_1080{display:none}.show_1080{display:block}.center_1080{text-align:center}}
@media (max-width:1024px){.hide_1024{display:none}.show_1024{display:block}.center_1024{text-align:center}}
@media (max-width:970px){.hide_970{display:none}.show_970{display:block}.center_970{text-align:center}}
@media (max-width:768px){.hide_768{display:none}.show_768{display:block}.center_768{text-align:center}}
@media (max-width:720px){.hide_720{display:none}.show_720{display:block}.center_720{text-align:center}}
@media (max-width:640px){.hide_640{display:none}.show_640{display:block}.center_640{text-align:center}}
@media (max-width:480px){.hide_480{display:none}.show_480{display:block}.center_480{text-align:center}.left_480{text-align:left}}
@media (max-width:400px){.hide_400{display:none}.show_400{display:block}.center_400{text-align:center}.left_400{text-align:left}}
@media (max-width:320px){.hide_320{display:none}.show_320{display:block}}


/*margin,padding*/
.pt5{padding-top:5px}.pb5{padding-bottom:5px}
.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.pt15{padding-top:15px}.pb15{padding-bottom:15px}
.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}
.pt35{padding-top:35px}.pb35{padding-bottom:35px}
.pt40{padding-top:40px}.pb40{padding-bottom:40px}
.pt45{padding-top:45px}.pb45{padding-bottom:45px}
.pt50{padding-top:50px}.pb50{padding-bottom:50px}
.pt60{padding-top:60px}.pb60{padding-bottom:60px}
.pt70{padding-top:80px}.pb70{padding-bottom:70px}
.pt80{padding-top:80px}.pb80{padding-bottom:80px}
.pt90{padding-top:90px}.pb90{padding-bottom:90px}
.pt100{padding-top:100px}.pb100{padding-bottom:100px}
.pt110{padding-top:110px}.pb110{padding-bottom:110px}
.pt120{padding-top:120px}.pb120{padding-bottom:120px}
.mt5{margin-top:5px}.mb5{margin-bottom:5px}
.mt10{margin-top:10px}.mb10{margin-bottom:10px}
.mt15{margin-top:15px}.mb15{margin-bottom:15px}
.mt20{margin-top:20px}.mb20{margin-bottom:20px}
.mt25{margin-top:25px}.mb25{margin-bottom:25px}
.mt30{margin-top:30px}.mb30{margin-bottom:30px}
.mt35{margin-top:35px}.mb35{margin-bottom:35px}
.mt40{margin-top:40px}.mb40{margin-bottom:40px}
.mt45{margin-top:45px}.mb45{margin-bottom:45px}
.mt50{margin-top:50px}.mb50{margin-bottom:50px}
.mt60{margin-top:60px}.mb60{margin-bottom:60px}
.mt70{margin-top:70px}.mb70{margin-bottom:70px}
.mt80{margin-top:80px}.mb80{margin-bottom:80px}
.mt90{margin-top:90px}.mb90{margin-bottom:90px}
.mt100{margin-top:100px}.mb100{margin-bottom:100px}
.mt110{margin-top:110px}.mb110{margin-bottom:110px}
.mt120{margin-top:120px}.mb120{margin-bottom:120px}
.mt130{margin-top:130px}.mb120{margin-bottom:130px}
.mt150{margin-top:150px}.mb150{margin-bottom:150px}
.mt180{margin-top:180px}.mb180{margin-bottom:180px}
.mt200{margin-top:200px}.mb200{margin-bottom:200px}
.mt300{margin-top:300px}.mb200{margin-bottom:300px}
@media (max-width:970px){
	.pt10{padding-top:8px}.pb10{padding-bottom:8px}
	.pt15{padding-top:12px}.pb15{padding-bottom:12px}
	.pt20{padding-top:16px}.pb20{padding-bottom:16px}
	.pt25{padding-top:20px}.pb25{padding-bottom:20px}
	.pt30{padding-top:24px}.pb30{padding-bottom:24px}
	.pt35{padding-top:30px}.pb35{padding-bottom:30px}
	.pt40{padding-top:35px}.pb40{padding-bottom:35px}
	.pt45{padding-top:38px}.pb45{padding-bottom:38px}
	.pt50{padding-top:40px}.pb50{padding-bottom:40px}
	.pt60{padding-top:48px}.pb60{padding-bottom:48px}
	.pt70{padding-top:58px}.pb70{padding-bottom:58px}
	.pt80{padding-top:60px}.pb80{padding-bottom:60px}
	.pt90{padding-top:62px}.pb90{padding-bottom:62px}
	.pt100{padding-top:64px}.pb100{padding-bottom:64px}
	.pt110{padding-top:67px}.pb110{padding-bottom:67px}
	.pt120{padding-top:71px}.pb120{padding-bottom:71px}
	.mt10{margin-top:8px}.mb10{margin-bottom:8px}
	.mt15{margin-top:12px}.mb15{margin-bottom:12px}
	.mt20{margin-top:16px}.mb20{margin-bottom:16px}
	.mt25{margin-top:20px}.mb25{margin-bottom:20px}
	.mt30{margin-top:24px}.mb30{margin-bottom:24px}
	.mt35{margin-top:30px}.mb35{margin-bottom:30px}
	.mt40{margin-top:35px}.mb40{margin-bottom:35px}
	.mt45{margin-top:38px}.mb45{margin-bottom:38px}
	.mt50{margin-top:40px}.mb50{margin-bottom:40px}
	.mt60{margin-top:48px}.mb60{margin-bottom:48px}
	.mt70{margin-top:58px}.mb70{margin-bottom:58px}
	.mt80{margin-top:60px}.mb80{margin-bottom:60px}
	.mt90{margin-top:62px}.mb90{margin-bottom:62px}
	.mt100{margin-top:64px}.mb100{margin-bottom:64px}
	.mt110{margin-top:67px}.mb110{margin-bottom:67px}
	.mt120{margin-top:71px}.mb120{margin-bottom:71px}
}
@media (max-width:400px){
	.pt10{padding-top:7px}.pb10{padding-bottom:7px}
	.pt15{padding-top:10px}.pb15{padding-bottom:10px}
	.pt20{padding-top:12px}.pb20{padding-bottom:12px}
	.pt25{padding-top:16px}.pb25{padding-bottom:16px}
	.pt30{padding-top:20px}.pb30{padding-bottom:20px}
	.pt35{padding-top:25px}.pb35{padding-bottom:25px}
	.pt40{padding-top:30px}.pb40{padding-bottom:30px}
	.pt45{padding-top:33px}.pb45{padding-bottom:33px}
	.pt50{padding-top:37px}.pb50{padding-bottom:37px}
	.pt60{padding-top:42px}.pb60{padding-bottom:42px}
	.pt70{padding-top:46px}.pb70{padding-bottom:46px}
	.pt80{padding-top:48px}.pb80{padding-bottom:48px}
	.pt90{padding-top:50px}.pb90{padding-bottom:50px}
	.pt100{padding-top:53px}.pb100{padding-bottom:53px}
	.pt110{padding-top:58px}.pb110{padding-bottom:58px}
	.pt120{padding-top:62px}.pb120{padding-bottom:62px}
	.mt10{margin-top:7px}.mb10{margin-bottom:7px}
	.mt15{margin-top:10px}.mb15{margin-bottom:10px}
	.mt20{margin-top:12px}.mb20{margin-bottom:12px}
	.mt25{margin-top:16px}.mb25{margin-bottom:16px}
	.mt30{margin-top:20px}.mb30{margin-bottom:20px}
	.mt35{margin-top:25px}.mb35{margin-bottom:25px}
	.mt40{margin-top:30px}.mb40{margin-bottom:30px}
	.mt45{margin-top:33px}.mb45{margin-bottom:33px}
	.mt50{margin-top:37px}.mb50{margin-bottom:37px}
	.mt60{margin-top:42px}.mb60{margin-bottom:42px}
	.mt70{margin-top:46px}.mb70{margin-bottom:46px}
	.mt80{margin-top:48px}.mb80{margin-bottom:48px}
	.mt90{margin-top:50px}.mb90{margin-bottom:50px}
	.mt100{margin-top:53px}.mb100{margin-bottom:53px}
	.mt110{margin-top:58px}.mb110{margin-bottom:58px}
	.mt120{margin-top:62px}.mb120{margin-bottom:62px}
}