@charset "utf-8";

.greentea{position:relative}
.greentea .container{max-width:1000px; margin:0 auto; position:relative}

.con01{position:relative; background:url(images_au/con01_bg.jpg) center top / cover;}
.con02{position:relative; padding:100px 0; text-align:center; background:#fff}
.con03{position:relative; padding:100px 0; text-align:center; background:#f4fcff}

.con01 .padding{position:relative; padding:10% 0 68.5% 0}
.con01 .title{position:relative; text-align:center;}
.con01 .title p:nth-child(1){color:#fff; font-size:30px; font-weight:bold;}
.con01 .title p:nth-child(2){color:#fff; font-size:78px; font-weight:bold;}
.con01 .title p:nth-child(3){color:#31738b; font-size:24px; padding:20px 0 0 0}

.con02 .box{position:relative; font-size:0; text-align:left}
.con02 .box > div{display:inline-block; vertical-align:middle;}
.con02 .box .img{margin-right:40px; position:relative;}
.con02 .box .img a{display:inline-block; padding:12px 25px; border-radius:50px; color:#fff; background:#222; font-size:19px; position:absolute; left:50%; transform:translateX(-50%); bottom:60px}
.con02 .box .img a:after{content:''; display:inline-block; vertical-align:middle; margin-left:10px; position:relative; top:-1px; width:10px; height:14px; background:url(images_au/bullet.jpg) no-repeat;}
.con02 .box .txt{position:relative; text-align:left}
.con02 .box .txt dl{position:relative}
.con02 .box .txt dl dt{font-size:27px; color:#329d8f; font-weight:bold; line-height:1.3}
.con02 .box .txt dl dd{position:relative; padding:10px 0 20px 0; line-height:1.4; color:#666666; font-size:15px; border-bottom:1px solid #eee; margin-bottom:20px}
.con02 .box .txt dl dd:nth-last-child(1){border-bottom:0; margin-bottom:0}
.con02 .box.right{margin-top:100px}
.con02 .box.right .img{margin-right:0; position:absolute; right:0; top:50%; transform:translateY(-50%)}

.con03 .title{position:relative; text-align:center; letter-spacing:-1px}
.con03 .title p:nth-child(1){color:#0a3748; font-size:70px; font-weight:bold;}
.con03 .title p:nth-child(1) span{display:inline-block; position:relative}
.con03 .title p:nth-child(1) span:after{content:''; display:inline-block; width:36px; height:36px; background:url(images_au/tleft.png) no-repeat; position:absolute; left:-45px; top:0}
.con03 .title p:nth-child(1) span:before{content:''; display:inline-block; width:36px; height:36px; background:url(images_au/tright.png) no-repeat; position:absolute; right:-45px; bottom:0}
.con03 .title p:nth-child(2){position:relative; padding:15px 0 0 0; font-size:25px; color:#666666; line-height:1.4}
.con03 .title p:nth-child(2) em{font-weight:bold; color:#329d8f}
.con03 .img{position:relative; text-align:center; padding:50px 0 0 0}
.con03 .img p:nth-child(2){position:relative; padding:30px 10px 0 10px; font-size:16px; line-height:1.5; color:#999999}

@media screen and (max-width: 1000px){
	.con02, .con03{padding:70px 0}
	
	.con01 .title p:nth-child(1){font-size:20px}
	.con01 .title p:nth-child(2){font-size:60px}
	.con01 .title p:nth-child(3){font-size:16px}
	
	.con02 .box{max-width:460px; margin:0 auto}
	.con02 .box .img{display:block; position:relative !important; right:auto !important; top:auto !important; transform:none !important; margin-right:0 !important}
	.con02 .box .txt{padding:20px 0 0 0; display:block}
	.con02 .box .txt dl dt{font-size:24px}
	.con02 .box .txt dl dd{font-size:14px}
	.con02 .box.right{margin-top:50px}
	
	.con03 .title p:nth-child(1){font-size:50px}
	.con03 .title p:nth-child(2){font-size:20px}
	.con03 .img{padding:40px 20px 0 20px}
	.con02 .box .img a{font-size:15px}
	.con03 .img p:nth-child(2){font-size:15px}
}

@media screen and (max-width: 768px){
	.con02, .con03{padding:50px 0}
	
	.con01 .padding{padding:10% 0 80% 0}
	.con01 .title p:nth-child(1){font-size:16px}
	.con01 .title p:nth-child(2){font-size:42px}
	.con01 .title p:nth-child(3){font-size:14px; padding:5px 0 0 0}
	
	.con02 .box{padding:0 20px}
	.con02 .box .txt dl dt{font-size:17px}
	.con02 .box .txt dl dd{font-size:14px}
	.con02 .box.right{margin-top:30px}
	
	.con03 .title p:nth-child(1){font-size:35px}
	.con03 .title p:nth-child(2){font-size:17px}
	.con03 .img{padding:30px 20px 0 20px}
	.con02 .box .img a{bottom:30px; font-size:14px}
	.con03 .img p:nth-child(2){font-size:14px}
}