@charset "utf-8";

@keyframes pieFL{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(70deg)}
}
@keyframes pieSL{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(180deg)}
}
@keyframes pieSR{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(50deg)}
}
@keyframes pieTR{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(140deg)}
}

/*.main*/
.main{width: 100%;}
.main .wrap{width: 100%; margin: 0 auto; max-width: 1080px; padding-top: 84px}

/*.main .wrap > .route*/
.main .wrap > .route{font-size: 1.8rem; color: #262626; margin-left: 16px;}
.main .wrap > .route > span{display: inline-block;}
.main .wrap > .route > span.green{color: #FFAB73;}
.main .wrap > .route > img{display: inline-block; margin: 8px 5px;}

/*.main .wrap > .static_title*/
.main .wrap > .static_title{padding-top: 40px; padding-bottom: 80px; font-size: 3rem; font-weight: lighter; color: #555; text-align: center; line-height: 1.4;}
.main .wrap > .static_title > p{margin-bottom: 80px;}
.main .wrap > .static_title > img{width: 840px;}

/*.main .wrap > .first*/
.main .wrap > .first{text-align: center; width: 100%; padding-bottom: 120px;}
.main .wrap > .first > .title{color: #FFAB73; font-size: 3rem; margin-bottom: 50px; width: 100%;}

/*.main .wrap > .first > .content*/
.main .wrap > .first > .content{width: 100%;}
.main .wrap > .first > .content > .textBox{line-height: 2.1; font-size: 1.7rem; color: #000; font-weight: lighter; margin-bottom: 30px;}

/*.main .wrap > .first > .content > .graphBox*/
.main .wrap > .first > .content > .graphBox{width: 850px; margin: 0 auto; position: relative;}
.main .wrap > .first > .content > .graphBox:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .content > .graphBox > div{float: left; position: relative;}
.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 95px;}

/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
.main .wrap > .first > .content > .graphBox > div > div.graph{position: relative;}
.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{position: relative; display: inline-block; width: 220px; height: 220px; border-radius: 50%; background: #fff; overflow: hidden; border: 2px solid #000;}
.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{content: ""; position: absolute; top: 31px; left: 31px; display: block; height: 150px; width: 150px; background: #fff; border-radius: 50%; border: 2px solid #000;}
.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro > span.left{position: absolute; height: 100%; width: 50%; overflow: hidden; left: 0;}
.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro > span.right{position: absolute; height: 100%; width: 50%; overflow: hidden; left: 50%;}
.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro > span.left > .anim{position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; transform-origin: 0 50% 0; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.main .wrap > .first > .content > .graphBox > div.firstBox > div.graph > .ouro > span.left > .anim{background: #5f687a;}
.main .wrap > .first > .content > .graphBox > div.secondBox > div.graph > .ouro > span.left > .anim{background: #7ec6b9;}
.main .wrap > .first > .content > .graphBox > div.thirdBox > div.graph > .ouro > span.left > .anim{background: #add65b;}
.main .wrap > .first > .content > .graphBox .firstBox .ouro span.left .on{animation-name: pieFL; animation-delay: .2s; animation-duration: 1.1s; animation-timing-function: linear; animation-fill-mode: forwards;}
.main .wrap > .first > .content > .graphBox .secondBox .ouro span.left .on{animation-name: pieSL; animation-delay: .2s; animation-duration: .8s; animation-timing-function: linear; animation-fill-mode: forwards;}
.main .wrap > .first > .content > .graphBox .thirdBox .ouro span.left .on{animation-name: pieSL; animation-delay: .2s; animation-duration: .6s; animation-timing-function: linear; animation-fill-mode: forwards;}
.main .wrap > .first > .content > .graphBox .secondBox .ouro span.right .anim{position: absolute; top: 0; height: 100%; width: 100%; border-radius: 999px; border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; transform-origin: 100% 50% 0; background: #7ec6b9;}
.main .wrap > .first > .content > .graphBox .secondBox .ouro span.right .on{animation-name: pieSR; animation-delay: 1s; animation-duration: .3s; animation-timing-function: linear; animation-fill-mode: forwards;}
.main .wrap > .first > .content > .graphBox .thirdBox .ouro span.right .anim{position: absolute; top: 0; height: 100%; width: 100%; border-radius: 999px; border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; transform-origin: 100% 50% 0; background: #add65b;}
.main .wrap > .first > .content > .graphBox .thirdBox .ouro span.right .on{animation-name: pieTR; animation-delay: .8s; animation-duration: .5s; animation-timing-function: linear; animation-fill-mode: forwards;}

/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
.main .wrap > .first > .content > .graphBox > div > div.mid{position: absolute; top: 36%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 100px; height: 100px; border: 2px solid #000; border-radius: 50%; color: #fff;}
.main .wrap > .first > .content > .graphBox > div > div.mid > div > span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .wrap > .first > .content > .graphBox > div > div.mid > div > span > span:nth-of-type(1){color: red; font-weight: bold;}
.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{background: #5f687a; font-size: 1.7rem;}
.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{background: #7ec6b9; font-size: 2.1rem;}
.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{background: #add65b; font-size: 2.1rem;}

/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 25px; width: 100%;}
.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{width: 100%; margin-bottom: 20px;}
.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{display: block; width: 8px; height: 8px; border-radius: 50%; margin: 0 auto;}
.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 7px;}
.main .wrap > .first > .content > .graphBox > div.firstBox > div.comment > .dot > span{background: #5f687a;}
.main .wrap > .first > .content > .graphBox > div.secondBox > div.comment > .dot > span{background: #7ec6b9;}
.main .wrap > .first > .content > .graphBox > div.thirdBox > div.comment > .dot > span{background: #add65b;}
.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 2rem; color: #000;}
.main .wrap > .first > .content > .graphBox > div > div.comment > p > span{color: #ff1200;}

/*.main .wrap > .second*/
.main .wrap > .second{text-align: center; width: 100%; margin-bottom: 120px;}
.main .wrap > .second > .title{color: #FFAB73; font-size: 3rem; margin-bottom: 50px;}

/*.main .wrap > .second > .content*/
.main .wrap > .second > .content{width: 100%; text-align: center;}
.main .wrap > .second > .content:after{content: ""; display: block; clear: both;}
.main .wrap > .second > .content > div{float: left; margin-right: 4%; width: 22%;}
.main .wrap > .second > .content > div:last-of-type{margin-right: 0;}
.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 167px;}
.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; color: #000; margin-bottom: 17px;}
.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.6rem; color: #666; font-weight: lighter;}

/*.main .wrap > .third*/
.main .wrap > .third{text-align: center; width: 100%; padding-bottom: 100px;}
.main .wrap > .third > .title{color: #FFAB73; font-size: 3rem; margin-bottom: 50px; width: 100%;}

/*.main .wrap > .third > .content*/
.main .wrap > .third > .content{width: 100%;}
.main .wrap > .third > .content > .textBox{line-height: 2.1; font-size: 1.7rem; color: #000; font-weight: lighter; margin-bottom: 30px;}

/*.main .wrap > .third > .content > .table*/
.main .wrap > .third > .content > .table{width: 100%; border: 2px solid #eee9e7; margin-bottom: 35px;}
.main .wrap > .third > .content > .table > .tr{width: 100%; height: 60px;}
.main .wrap > .third > .content > .table > .tr:after{content: ""; display: block; clear: both;}
.main .wrap > .third > .content > .table > .tr:last-of-type{border-bottom: none;}
.main .wrap > .third > .content > .table > .title_tr{background: #FFAB73; font-weight: bold;}
.main .wrap > .third > .content > .table > .title_tr > .td{padding: 0 !important; text-align: center !important; color: #fff;}
.main .wrap > .third > .content > .table > .content_tr{border-bottom: 1px solid #e7e7e7;}
.main .wrap > .third > .content > .table > .tr > .td{float: left; height: 100%; text-align: center; line-height: 58px; font-size: 1.8rem; font-weight: lighter; color: #0b0b0b;}
.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(1){width: 15%; border-right: 1px solid #e7e7e7; text-align: center;}
.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(2){width: 60%; padding-left: 25px; border-right: 1px solid #e7e7e7; text-align: left;}
.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(3){width: 25%; padding-left: 25px; text-align: left;}


/*width <= 1100px*/
@media screen and (max-width: 1100px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.4rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 30px; padding-bottom: 60px; font-size: 2.4rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 720px;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 100px;}
	.main .wrap > .first > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{line-height: 2.1; font-size: 1.5rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 700px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 80px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 180px; height: 180px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 26px; left: 26px; height: 120px; width: 120px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 100px;}
	.main .wrap > .second > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 4%; width: 22%;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 130px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 1.7rem; margin-bottom: 17px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.4rem;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 60px;}
	.main .wrap > .third > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{line-height: 2.1; font-size: 1.5rem; margin-bottom: 25px;}

	/*.main .wrap > .third > .content > .table*/
	.main .wrap > .third > .content > .table{width: 90%; margin: 0 auto 25px;}
	.main .wrap > .third > .content > .table > .tr{height: 50px;}
	.main .wrap > .third > .content > .table > .tr > .td{line-height: 50px; font-size: 1.6rem;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(1){width: 15%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(2){width: 60%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(3){width: 25%;}

}

/*width <= 1000px*/
@media screen and (max-width: 1000px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.4rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 30px; padding-bottom: 60px; font-size: 2.4rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 720px;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 100px;}
	.main .wrap > .first > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{line-height: 2.1; font-size: 1.4rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 700px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 80px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 180px; height: 180px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 26px; left: 26px; height: 120px; width: 120px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 100px;}
	.main .wrap > .second > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 4%; width: 22%;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 130px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 1.7rem; margin-bottom: 17px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.3rem;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 80px;}
	.main .wrap > .third > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{line-height: 2.1; font-size: 1.4rem; margin-bottom: 25px;}
}

/*width <= 900px*/
@media screen and (max-width: 900px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.4rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 30px; padding-bottom: 60px; font-size: 2.4rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 720px;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 100px;}
	.main .wrap > .first > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{line-height: 2.1; font-size: 1.25rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 700px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 80px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 180px; height: 180px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 26px; left: 26px; height: 120px; width: 120px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 100px;}
	.main .wrap > .second > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 4%; width: 22%;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 130px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 1.7rem; margin-bottom: 17px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 80px;}
	.main .wrap > .third > .title{font-size: 2.4rem; margin-bottom: 40px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{line-height: 2.1; font-size: 1.25rem; margin-bottom: 25px;}

	/*.main .wrap > .third > .content > .table*/
	.main .wrap > .third > .content > .table{width: 90%; margin: 0 auto 25px;}
	.main .wrap > .third > .content > .table > .tr{height: 40px;}
	.main .wrap > .third > .content > .table > .tr > .td{line-height: 40px; font-size: 1.5rem;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(1){width: 15%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(2){width: 60%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(3){width: 25%;}

}

/*width <= 800px*/
@media screen and (max-width: 800px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.7rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 50px; padding-bottom: 60px; font-size: 2.6rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 80px;}
	.main .wrap > .first > .title{font-size: 2.7rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.5rem; margin-bottom: 30px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 660px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 60px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 180px; height: 180px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 26px; left: 26px; height: 120px; width: 120px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 80px;}
	.main .wrap > .second > .title{font-size: 2.7rem; margin-bottom: 30px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 49%;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin-bottom: 40px;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin-right: 0; margin-bottom: 40px;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 180px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.5rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 80px;}
	.main .wrap > .third > .title{font-size: 2.7rem; margin-bottom: 30px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.5rem; margin-bottom: 25px; word-spacing: 1px;}

}

/*width <= 700px*/
@media screen and (max-width: 700px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.7rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 50px; padding-bottom: 60px; font-size: 2.6rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 80px;}
	.main .wrap > .first > .title{font-size: 2rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.5rem; margin-bottom: 30px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 600px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 40px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 173px; height: 173px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 28px; left: 28px; height: 110px; width: 110px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 80px;}
	.main .wrap > .second > .title{font-size: 2rem; margin-bottom: 30px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 49%;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin-bottom: 14px;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin-right: 0; margin-bottom: 14px;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 180px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.5rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 70px;}
	.main .wrap > .third > .title{font-size: 2.7rem; margin-bottom: 30px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.5rem; margin-bottom: 25px; word-spacing: 1px;}

}

/*width <= 640px*/
@media screen and (max-width: 640px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.5rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 50px; padding-bottom: 60px; font-size: 2.3rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 80px;}
	.main .wrap > .first > .title{font-size: 2rem; margin-bottom: 30px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 25px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{width: 560px;}
	.main .wrap > .first > .content > .graphBox > div:nth-of-type(2){margin: 0 30px;}

	/*.main .wrap > .first > .content > .graphBox > div > div.graph*/
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro{width: 166px; height: 166px;}
	.main .wrap > .first > .content > .graphBox > div > div.graph > .ouro:after{top: 25px; left: 25px; height: 110px; width: 110px;}
	
	/*.main .wrap > .first > .content > .graphBox > div >div.mid*/
	.main .wrap > .first > .content > .graphBox > div > div.mid{top: 38%; width: 70px; height: 70px;}
	.main .wrap > .first > .content > .graphBox > div.firstBox > div.mid{font-size: 1.3rem;}
	.main .wrap > .first > .content > .graphBox > div.secondBox > div.mid{font-size: 1.5rem;}
	.main .wrap > .first > .content > .graphBox > div.thirdBox > div.mid{font-size: 1.5rem;}

	/*.main .wrap > .first > .content > .graphBox > div > div.comment*/
	.main .wrap > .first > .content > .graphBox > div > div.comment{margin-top: 14px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot{margin-bottom: 12px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span{width: 5px; height: 5px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > .dot > span:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .content > .graphBox > div > div.comment > p{font-size: 1.6rem;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 80px;}
	.main .wrap > .second > .title{font-size: 2rem; margin-bottom: 30px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 49%; padding: 14px 0;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin-bottom: 14px;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin-right: 0; margin-bottom: 14px;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 150px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.5rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 60px;}
	.main .wrap > .third > .title{font-size: 2rem; margin-bottom: 30px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 25px; word-spacing: 1px;}

}

/*width <= 600px*/
@media screen and (max-width: 600px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.5rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 50px; padding-bottom: 60px; font-size: 2.3rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 70px;}
	.main .wrap > .first > .title{font-size: 2rem; width: 90%; margin: 0 auto 20px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 0px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 70px;}
	.main .wrap > .second > .title{font-size: 2rem; width: 90%; margin: 0 auto 20px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 49%;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin-bottom: 14px;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin-right: 0; margin-bottom: 14px;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 150px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.3rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 40px;}
	.main .wrap > .third > .title{font-size: 2rem; width: 90%; margin: 0 auto 20px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 90%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 25px; word-spacing: 1px;}
	.main .wrap > .third > .content > .textBox > br{display: none;}

	/*.main .wrap > .third > .content > .table*/
	.main .wrap > .third > .content > .table{width: 90%; margin: 0 auto 25px;}
	.main .wrap > .third > .content > .table > .tr{height: 35px;}
	.main .wrap > .third > .content > .table > .tr > .td{line-height: 35px; font-size: 1.4rem;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(1){width: 15%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(2){width: 60%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(3){width: 25%;}

}

/*width <= 480px*/
@media screen and (max-width: 480px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.3rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 50px; padding-bottom: 40px; font-size: 1.9rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 60px;}
	.main .wrap > .first > .title{font-size: 2rem; margin-bottom: 20px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 0px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 60px}
	.main .wrap > .second > .title{font-size: 2rem; margin-bottom: 20px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 49%;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin-bottom: 10px;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin-right: 0; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 150px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.3rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 40px;}
	.main .wrap > .third > .title{font-size: 2rem; margin-bottom: 20px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.4rem; margin-bottom: 20px; word-spacing: 1px;}
	.main .wrap > .third > .content > .textBox > br{display: none;}

	/*.main .wrap > .third > .content > .table*/
	.main .wrap > .third > .content > .table{width: 90%; margin: 0 auto 20px;}
	.main .wrap > .third > .content > .table > .tr{height: 35px;}
	.main .wrap > .third > .content > .table > .tr > .td{line-height: 35px; font-size: 1.4rem;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(1){width: 15%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(2){width: 60%;}
	.main .wrap > .third > .content > .table > .tr > .td:nth-of-type(3){width: 25%;}

}

/*width <= 425px*/
@media screen and (max-width: 425px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.3rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 30px; padding-bottom: 40px; font-size: 1.7rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 40px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 60px;}
	.main .wrap > .first > .title{font-size: 1.9rem; margin-bottom: 20px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.3rem; margin-bottom: 0px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 60px;}
	.main .wrap > .second > .title{font-size: 1.9rem; margin-bottom: 20px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 80%; padding: 30px 0;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(3){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(4){margin: 0 auto 0px; float: none;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 100px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2.2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.6rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 60px;}
	.main .wrap > .third > .title{font-size: 1.9rem; margin-bottom: 20px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.3rem; margin-bottom: 20px; word-spacing: 1px;}
	.main .wrap > .third > .content > .textBox > br{display: none;}

}

/*width <= 375px*/
@media screen and (max-width: 375px){
	
	/*.main*/
	.main .wrap{width: 98%; padding-top: 40px}

	/*.main .wrap > .route*/
	.main .wrap > .route{font-size: 1.3rem; margin-left: 16px;}
	.main .wrap > .route > img{margin: 5px 5px;}

	/*.main .wrap > .static_title*/
	.main .wrap > .static_title{padding-top: 30px; padding-bottom: 40px; font-size: 1.5rem; line-height: 1.4;}
	.main .wrap > .static_title > img{width: 100%;}
	.main .wrap > .static_title > p{margin-bottom: 20px;}

	/*.main .wrap > .first*/
	.main .wrap > .first{padding-bottom: 50px;}
	.main .wrap > .first > .title{font-size: 1.8rem; margin-bottom: 20px;}

	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.3rem; margin-bottom: 0px; word-spacing: 1px;}
	.main .wrap > .first > .content > .textBox > br{display: none;}

	/*.main .wrap > .first > .content > .graphBox*/
	.main .wrap > .first > .content > .graphBox{display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{margin-bottom: 50px;}
	.main .wrap > .second > .title{font-size: 1.8rem; margin-bottom: 20px;}

	/*.main .wrap > .second > .content*/
	.main .wrap > .second > .content > div{margin-right: 2%; width: 80%; padding: 20px 0;}
	.main .wrap > .second > .content > div:nth-of-type(1){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(2){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(3){margin: 0 auto 10px; float: none;}
	.main .wrap > .second > .content > div:nth-of-type(4){margin: 0 auto 0px; float: none;}
	.main .wrap > .second > .content > div > img{margin-bottom: 26px; width: 100px;}
	.main .wrap > .second > .content > div > p:nth-of-type(1){font-size: 2.2rem; margin-bottom: 10px;}
	.main .wrap > .second > .content > div > p:nth-of-type(2){font-size: 1.6rem; line-height: 1.4;}

	/*.main .wrap > .third*/
	.main .wrap > .third{padding-bottom: 30px;}
	.main .wrap > .third > .title{font-size: 1.8rem; margin-bottom: 20px;}

	/*.main .wrap > .third > .content*/
	.main .wrap > .third > .content > .textBox{width: 96%; margin: 0 auto; line-height: 2.2; font-size: 1.3rem; margin-bottom: 20px; word-spacing: 1px;}
	.main .wrap > .third > .content > .textBox > br{display: none;}

}