@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
}

.wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.wrapper img{
	display: block;
	line-height: 0;
}

.wrapper h1{
	background-color: #023476;
	padding: 6% 0;
	text-align: center;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;
    line-height: 1;
    letter-spacing: 1px;
	color: #fff;
	margin: 0;
}

.position-box{
	position: relative;
}

.icon{
	position: absolute;
	width: 24%;
	right: 3%;
	top: -15%;
	transform: rotate(10deg);
}

.wrapper p{
	font-size: 13px;
	text-align: center;
	line-height: 2;
	margin: 7% auto;
}

.wrapper .bg{
	background-color: #023476;
	padding: 8% 0;
	margin: 0.5% 0;
	color: #fff;
	font-size: 14px;
	line-height: 2;
}

.wrapper .bg span{
	font-size: 17px;
}

.wrapper .cs{
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;
}

.wrapper .cs span{
    background-color: #000;
	color: #fff;padding: 1% 5%;
}

@media(min-width:750px){
.wrapper h1{
	padding: 3% 0;
    font-size: 70px;
}

.icon{
	width: 18%;
}

.wrapper p{
	font-size: 15px;
	line-height: 2.2;
}

.wrapper .bg{
	padding: 5% 0;
	margin: 0.5% 0;
	font-size: 15px;
}

.wrapper .bg span{
	font-size: 18px;
}
}