@charset "UTF-8";

html, html * {
	margin: 0;
	font-family: Apple SD Gothic Neo, Helvetica, "sans-serif";
	color: #ffffff;
	background-color: #200fff;
}

h1 {
    font-size: 15px;
}

h2 {
    font-size: 15px;
	padding-bottom: 10px;
}

.style-logo {
	margin: 60px 0 0 40px;
	width: 127px;
	height: 28px;
}

.text-contact{
	margin: 30px 0 0 40px;
}

.button {
	font-size: 15px;
	background-color: #ffffff;
	padding: 5px 5px 3px 5px;
	color: #200fff;
	text-decoration: none;
	font-weight: bold;
}

.cr-text{
	width: 250px;
	font-size: 12px;
	padding: 35px 0 0 40px;
}

/*For Smart Phone*/
@media screen and (min-width: 320px) and (max-width: 767px){
}

/*For Tablet*/
@media screen and (min-width : 768px )and (max-width: 1024px){
	
h1 {
    font-size: 20px;
}

h2 {
    font-size: 20px;
	padding-bottom: 10px;
}
	
.style-logo {
	margin: 80px 0 0 40px;
	width: 140px;
	height: 31px;
}
	
.text-contact{
	margin: 40px 0 0 40px;
}

.button {
	font-size: 20px;
	background-color: #ffffff;
	padding: 4px 8px 2px 8px;
	color: #200fff;
	text-decoration: none;
	font-weight: bold;
}

.cr-text{
	width: 500px;
	font-size: 14px;
	padding: 60px 0 0 40px;
}
	}

/*For Desktop*/
@media only screen and (min-width: 1025px) {
	
h1 {
    font-size: 30px;
}

h2 {
    font-size: 30px;
	padding-bottom: 10px;
}
	
.style-logo {
	margin: 80px 0 0 40px;
	width: 240px;
	height: 54px;
}
	
.text-contact{
	margin: 60px 0 0 40px;
}

.button {
	font-size: 30px;
	background-color: #ffffff;
	padding: 5px 8px 2px 8px;
	color: #200fff;
	text-decoration: none;
	font-weight: bold;
}

.cr-text{
	width: 500px;
	font-size: 14px;
	padding: 60px 0 0 40px;
}
	}