@charset "utf-8";

html{font-size:10px;}
.container{width:100%; margin:0 auto; max-width:1000px; position:relative;}

.con01{position:relative; padding:100px 0; background:url(images_en/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:100px 0; background:#eff7f1}
.con03{position:relative; padding:100px 0; background:#e0eee3}
.con04{position:relative; padding:100px 0; background:#fafafa}

.con01 .title{position:relative; text-align:center}
.con01 .title > p{position:relative; font-size:27px; color:#222222}
.con01 .title > p:before{display:inline-block; content:''; width:23px; height:23px; vertical-align:middle; margin-right:7px; background:url(images_en/instar_icon.png) no-repeat; position:relative; top:-1px}
.con01 .title > div{position:relative; padding:10px 0 0 0;}
.con01 .title > div p{font-size:60px; font-weight:bold; color:#333333; letter-spacing:-1px; position:relative; line-height:1.1; margin-top:-70px}

.caliTit{position:relative; text-align:center}
.caliTit p{font-size:50px; font-weight:bold; color:#222; letter-spacing:-1px; position:relative; line-height:1.1; margin-top:-30px}

.innistar{position:relative; max-width:1000px; margin:0 auto; padding:40px 0 0 0}
.innistar ul{position:relative; font-size:0;}
.innistar ul li{display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px; position:relative; width:490px; box-sizing:border-box}
.innistar ul li:nth-child(2n){margin-right:0}
.innistar .card{position:relative; padding:15px 10px 15px 15px; background:#fff; border:1px solid #eeeeee}
.innistar .card .user{position:relative; padding-left:32px; height:25px; line-height:25px; color:#222; font-size:15px; background:url(images_en/user.jpg) left center no-repeat}
.innistar .card .con{position:relative; padding:10px 0 0 0; text-align:left; min-height:240px}
.innistar .card .con .img{display:inline-block; width:190px; vertical-align:top}
.innistar .card .con .txt{display:inline-block; padding-left:20px; line-height:1.5; font-size:12px; color:#222; width:250px; letter-spacing:-0.5px}
.innistar .card .tag{position:relative; padding:5px 0 0 0; color:#829ad5}
.innistar .card .tail{position:relative; padding:15px 0 0 0; font-size:12px; color:#777; line-height:1.5}

.innistar .inniTail{position:absolute; left:80px; bottom:-30px}

.con04 dl{position:relative; max-width:1000px; margin:0 auto}
.con04 dl dt{font-size:25px; color:#333333; font-weight:bold}
.con04 dl dd{position:relative; padding:20px 0 0 0;}
.con04 dl dd ul li{position:relative; margin-bottom:5px; line-height:1.5; font-size:15px; color:#666666}
.con04 dl dd ul li:nth-last-child(1){margin-bottom:0}
.con04 dl dd ul li a{color:#666; font-weight:bold;}

.winner{max-width:840px; height:390px; margin:0 auto; margin-top:30px; background:#fff; border-radius:5px; overflow:hidden; box-sizing:border-box; border:1px solid #eeeeee; position:relative}
.winner .visual{width:551px; background:#f7f7f7; position:relative; height:390px}
.winner .visual .tag{position:relative; padding:45px 0 0 0; text-align:center}
.winner .visual .tag span{display:inline-block; color:#fff; font-weight:bold; font-size:23px; padding:7px 25px; background:#016129; border-radius:30px}
.winner .visual .img{position:relative; padding:20px 0 0 0}
.winner dl{position:absolute; left:600px; top:50px;}
.winner dl dt{font-size:18px; font-weight:bold; color:#333333; padding-bottom:15px}
.winner dl dd{position:relative; margin-bottom:8px; color:#666; font-size:15px}

@media screen and (max-width: 1100px){
	.con01, .con02, .con03, .con04{padding:70px 0}
	
	.con01 .title > p{font-size:24px}
	.con01 .title > div p{font-size:50px}

	.caliTit p{font-size:40px;}
	
	.con04 dl{width:auto; margin:0 50px}
	
	.innistar{padding-bottom:50px; width:490px; margin:0 auto; }
	
	.innistar ul li{display:block; margin:0 auto; margin-bottom:15px; z-index:10}
	.innistar ul li:nth-child(2n){margin:0 auto; margin-bottom:15px}
	.innistar .card .con{min-height:auto}
	.innistar .inniTail{width:200px; left:50%; transform:translateX(-50%); bottom:-50px}
}

@media screen and (max-width: 940px){
	.winner{width:auto; margin:0 auto; height:350px; margin-top:30px; max-width:700px}
	.winner .visual{width:400px; height:350px}
	.winner .visual .tag span{font-size:20px; padding:7px 20px}
	.winner .visual .img{padding:30px 0 0 0}
	
	.winner dl{left:435px; top:40px}
	.winner dl dd{font-size:14px}
}

@media screen and (max-width: 768px){
	.con01, .con02, .con03, .con04{padding:50px 0}
	
	.con01 .title > p{font-size:18px}
	.con01 .title > div{padding:5px 30px 0 30px}
	.con01 .title > div p{font-size:34px; margin-top:-40px}
	
	.caliTit img{max-width:280px}
	.caliTit p{font-size:24px; margin-top:-20px}
	
	.con04 dl{margin:0 20px}
	.con04 dl dd ul li{font-size:13px; padding-left:6px; text-indent:-6px}
	
	.winner{height:auto; margin:30px auto; max-width:400px;}
	.winner .visual{width:100%; height:auto;}
	.winner .visual .img{text-align:center; padding:20px 0}
	.winner .visual .tag{padding:30px 0 0 0}
	.winner .visual .tag span{font-size:17px}
	.winner dl dt{text-align:center}
	.winner dl dd{text-align:center}
	
	.winner dl{position:relative; left:auto; top:auto; padding:25px 30px}
}

@media screen and (max-width: 550px){
	.winner{max-width:none; margin:30px 20px 0 20px}
	
	.innistar{width:auto; margin:0 20px;}
	.innistar ul{max-width:350px; margin:0 auto;}
	.innistar ul li{width:auto !important;}
	.innistar .card{width:auto}
	.innistar .card .con{padding:15px 0 0 0}
	.innistar .card .con .img{display:block;}
	.innistar .card .con .txt{display:block; padding-left:0; padding-top:15px; width:auto}
	.innistar .inniTail{width:150px; bottom:-30px}
}

@media screen and (max-width: 350px){
	.con01 .title > div p{font-size:30px; margin-top:-40px}
}