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

.flag{
	margin:0;
	padding:0;
	min-height:500px;
	background:url(../../images/content/flag/bg.png) top center no-repeat;
}
.flag .pic{
	margin:0;
	padding:0;
}
.flag .pic img{
	max-width:100%;
	height:auto;
}
.flag .text{
	padding-top: 0;
	font: 55px/70px 'THK2DJuly8', Arial, sans-serif;
	color:#fff;
}
.flag .text-2{
	font: 30px/34px 'THK2DJuly8', Arial, sans-serif;
	color:#2a0c46;
	background: #ffffff94;
	padding: 20px;
}
.flag .mean{
	margin-top:20px;
	text-align:center;
	font: 55px/70px 'THK2DJuly8', Arial, sans-serif;
	color:#2a0c46;	
	font-weight:bold;
}
.flag .mean-2{
	font: 24px/30px 'THK2DJuly8', Arial, sans-serif;
	color:#2a0c46;
}
@media (max-width: 374px) { 
.flag .text{
	margin-top: 20px;	
	    font: 47px/70px 'THK2DJuly8', Arial, sans-serif;	
}
.flag .text-2{
	background: none;
	padding: 0;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.flag .text{
	margin-top: 20px;	
	    font: 50px/70px 'THK2DJuly8', Arial, sans-serif;	
}
.flag .text-2{
	background: none;
	padding: 0;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.flag .text{
	margin-top: 20px;	
}
.flag .text-2{
	background: none;
	padding: 0;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.flag .text-2{
	background: none;
	padding: 0;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.flag .text{
	color:#2a0c46;
	margin-top:20px;
}
.flag .text-2{
	background: none;
	padding: 0;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.flag .text-2{
	font: 25px/28px 'THK2DJuly8', Arial, sans-serif;	
}
 }
@media (min-width: 1200px) { ... }