@charset "utf-8";

/* Responsive
------------------------------------------------*/

@media only screen and (max-width: 1490px) {
	
}

@media only screen and (max-width: 1320px) {
	.main-content-centered-top:after { right: -130px }
}
	
/* 1024*
------------------------------------------------*/
@media only screen and (max-width: 1142px) and (min-width: 986px){
	
	.main-content-wide-top { background-position: 590px 25px }
	.main-content-centered-top-right-text { width: 340px; }
	.main-content-centered-top:after { right: -10px }
}


/* 768*
------------------------------------------------*/
@media only screen and (max-width: 985px) and (min-width: 768px){
	
	/* Header */
	.header-centered { width: 700px; }
	.header-logo { width: 255px; border-right: 0; }
	.header-baseline { margin: 23px 0 0 60px; float: left; }
	.header-baseline h1 { font-size: 24px; }
	.header-baseline .header-sub-baseline { font-size: 20px; clear: both; padding: 0; }
	.hidden-split { display: none; }
	
	/* Content */
	.main-content-centered-top:after { display: none; }
	.main-content-centered-top-left-main-ttl { text-align: center; }
	.main-content-wide-top { padding: 30px 0; }
	.main-content-centered-top { width: 700px; }
	.main-content-centered-top-left { width: 100%; }
	.input-skin-text { width: 637px; }
	.main-content-centered-top-right { width: 700px; margin: 25px 0 0 0; }
	.main-content-centered-top-right-main-ttl { text-align: center; }
	.main-content-centered-top-right-text { width: 700px; }
	.forgot-pwd-line { text-align: right; }
	
	.main-content-centered-middle { width: 700px; }
	.main-content-centered-middle-main-ttl { font-size: 22px; }
	.main-content-centered-middle-main-text { font-size: 14px; }
	.switch-db { display: inline; }
	
	.main-content-centered-bottom { width: 700px; }
	.main-content-centered-bottom-left { width: 700px; }
	.main-content-centered-bottom-right { width: 700px; }
	
}

/* 480*
------------------------------------------------*/
@media only screen and (max-width: 767px) and (min-width: 320px){
	
	/* Header */
	header { background-image: none; -webkit-box-shadow:inset 0 0 10px 0 #B3B3B3; box-shadow:inset 0 0 10px 0 #B3B3B3; }
	.header-centered { width: 400px; }
	.header-logo { border-right: 0; float: none; margin: 0 auto 15px; text-align: center; }
	.header-baseline { float: none; margin: auto; }
	.header-baseline h1 { text-align: center; margin: auto; width: 400px; }
	.header-baseline .header-sub-baseline { padding: 0; display: block !important; text-align: center; width: 400px; }
	.hidden-split { display: none; }
	
	/* Content */
	.main-content-centered-top:after { display: none; }
	.main-content-wide-top { padding: 25px 0; }
	.main-content-centered-top { width: 400px; }
	.main-content-centered-top-left { width: 400px; }
	.input-skin-text { width: 337px; }
	.main-content-centered-top-right { width: 400px; margin: 20px 0 0 0; }
	.main-content-centered-top-right-main-ttl { text-align: center; }
	.main-content-centered-top-right-text { width: 400px; text-align: center; }
	
	.main-content-wide-middle { padding: 20px 0; }
	.main-content-centered-middle { width: 400px; }
	.main-content-service-col { margin: 0 6px; }
	.main-content-centered-middle-main-ttl { margin: 15px 0; }
	.switch-db { padding: 10px 0 0 0; }
	
	.main-content-centered-bottom { width: 400px; }
	.main-content-centered-bottom-left { width: 400px; }
	.main-content-centered-bottom-left-main-ttl { line-height: normal; }
	.main-content-centered-bottom-right { width: 400px; }
	
	/* Popup */
	.landing-default-popup { width: 400px; }
	.landing-default-popup-inner { max-height: 300px; }
	
	/* Footer */
	.footer-centered { width: 400px; }
	.footer-centered-left { width: 400px; text-align: center; }
	.footer-centered-right { padding: 0 0 0 50px; width: 400px; margin: 15px 0 0 0; text-align: center; background-position: 30% 50%; }
}

/* 320*
------------------------------------------------*/
@media only screen and (max-width: 479px){
	
	/* Header */
	header { background-image: none; -webkit-box-shadow:inset 0 0 10px 0 #B3B3B3; box-shadow:inset 0 0 10px 0 #B3B3B3; }
	.header-centered { width: 300px; }
	.header-logo { border-right: 0; float: none; margin: 0 auto 15px; text-align: center; }
	.header-baseline { float: none; margin: auto; }
	.header-baseline h1 { text-align: center; margin: auto; width: 300px; font-size: 22px; }
	.header-baseline .header-sub-baseline { padding: 0; display: block !important; text-align: center; width: 300px; }
	.hidden-split { display: none; }
	
	/* Content */
	.main-content-centered-top:after { display: none; }
	.main-content-centered-top { width: 300px; }
	.main-content-centered-top-left { width: 300px; }
	.input-skin-text { width: 237px; }
	.main-content-centered-top-right { width: 300px; }
	.main-content-centered-top-right-text { width: 300px; }
	.main-content-centered-middle-main-ttl { font-size: 22px; }
	.main-content-centered-middle { width: 300px; }
	.main-content-service-col { margin: 0 15px; }
	
	.main-content-centered-bottom { width: 300px; }
	.main-content-centered-bottom-left { width: 300px; }
	.main-content-centered-bottom-left-main-ttl { font-size: 18px; }
	.main-content-centered-bottom-right { width: 300px; }
	
	/* Popup */
	.landing-default-popup { width: 300px; }
	.landing-default-popup-inner { max-height: 240px; }
	
	/* Footer */
	.footer-centered { width: 300px; }
	.footer-centered-left { width: 300px; text-align: center; }
	.footer-centered-right { padding: 0 0 0 50px; width: 300px; margin: 15px 0 0 0; text-align: center; background-position: 23% 50%; }
	
}