@charset "utf-8";

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

/*.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: #091069;}
.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 > .first*/
.main .wrap > .first{text-align: center; width: 100%;}
.main .wrap > .first > .title{color: #091069; font-size: 3rem; margin-bottom: 54px; width: 100%;}
.main .wrap > .static_title > img{width: 840px;}

/*.main .wrap > .first > .content*/
.main .wrap > .first > .content{width: 100%; margin: 0 auto; max-width: 1080px;}
.main .wrap > .first > .content > .table{width: 100%; border-top: 2px solid #0d0d0d; margin-bottom: 50px;}
.main .wrap > .first > .content > .table:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .content > .table > .tr{width: 100%; height: 84px; border-bottom: 1px solid #f1f1f1; float: left; line-height: 83px; font-size: 1.8rem; font-weight: lighter; color: #000; text-align: center;}
.main .wrap > .first > .content > .table > .tr > div{float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .wrap > .first > .content > .table > .tr > div:nth-of-type(1){width: 15%;}
.main .wrap > .first > .content > .table > .tr > div:nth-of-type(2){width: 65%; cursor: pointer; height: 100%;}
.main .wrap > .first > .content > .table > .content_tr > div:nth-of-type(2){text-align: left; padding: 0 4%;}
.main .wrap > .first > .content > .table > .tr > div:nth-of-type(3){width: 20%;}

/*.main .wrap > .first > .content > .pagination_wrap*/
.main .wrap > .first > .content > .pagination_wrap{width: 100%; text-align: center;}
.main .wrap > .first > .content > .pagination_wrap > ul{width: 100%;}
.main .wrap > .first > .content > .pagination_wrap > ul > li{display: inline-block; border: 1px solid #a1a1a1; margin-right: 6px;}
.main .wrap > .first > .content > .pagination_wrap > ul > li:last-of-type{margin: 0;}
.main .wrap > .first > .content > .pagination_wrap > ul > li.active{background: #f1f1f1; border: 1px solid #000;}
.main .wrap > .first > .content > .pagination_wrap > ul > li > a{display: block; font-size: 1.4rem; font-weight: lighter; color: #a1a1a1; padding: 6px 12px;}
.main .wrap > .first > .content > .pagination_wrap > ul > li.active > a{color: #000;}

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

	/*.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 > .table{border-top: 2px solid #0d0d0d; margin-bottom: 50px;}
	.main .wrap > .first > .content > .table > .tr{height: 72px; line-height: 72px; font-size: 1.8rem;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(1){width: 15%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(2){width: 65%;}
	.main .wrap > .first > .content > .table > .content_tr > div:nth-of-type(2){padding: 0 4%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(3){width: 20%;}

	/*.main .wrap > .first > .content > .pagination_wrap*/
	.main .wrap > .first > .content > .pagination_wrap > ul > li{margin-right: 6px;}
	.main .wrap > .first > .content > .pagination_wrap > ul > li > a{font-size: 1.4rem; padding: 6px 12px;}

}

/*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;}

}

/*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: 60px;}
	.main .wrap > .first > .title{font-size: 2.4rem; margin-bottom: 40px;}

}

/*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: 60px;}
	.main .wrap > .first > .title{font-size: 2.7rem; margin-bottom: 30px;}
	
}

/*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: 60px;}
	.main .wrap > .first > .title{font-size: 2.7rem; margin-bottom: 30px;}
	
	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .table{border-top: 2px solid #0d0d0d; margin-bottom: 50px;}
	.main .wrap > .first > .content > .table > .tr{height: 62px; line-height: 62px; font-size: 1.5rem;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(1){width: 15%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(2){width: 65%;}
	.main .wrap > .first > .content > .table > .content_tr > div:nth-of-type(2){padding: 0 4%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(3){width: 20%;}

	/*.main .wrap > .first > .content > .pagination_wrap*/
	.main .wrap > .first > .content > .pagination_wrap > ul > li{margin-right: 6px;}
	.main .wrap > .first > .content > .pagination_wrap > ul > li > a{font-size: 1.4rem; padding: 6px 12px;}
	
}

/*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: 60px;}
	.main .wrap > .first > .title{font-size: 2.2rem; margin-bottom: 30px;}
	
}

/*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: 50px;}
	.main .wrap > .first > .title{font-size: 2.2rem; margin-bottom: 30px;}
	
	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .table{border-top: 2px solid #0d0d0d; margin-bottom: 30px;}
	.main .wrap > .first > .content > .table > .tr{height: 52px; line-height: 52px; font-size: 1.4rem;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(1){width: 15%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(2){width: 65%;}
	.main .wrap > .first > .content > .table > .content_tr > div:nth-of-type(2){padding: 0 4%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(3){width: 20%;}

	/*.main .wrap > .first > .content > .pagination_wrap*/
	.main .wrap > .first > .content > .pagination_wrap > ul > li{margin-right: 6px;}
	.main .wrap > .first > .content > .pagination_wrap > ul > li > a{font-size: 1.4rem; padding: 4px 10px;}
	
}

/*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: 40px;}
	.main .wrap > .first > .title{font-size: 2.4rem; margin-bottom: 20px;}
	
}

/*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: 40px;}
	.main .wrap > .first > .title{font-size: 1.9rem; margin-bottom: 30px;}
	
	/*.main .wrap > .first > .content*/
	.main .wrap > .first > .content > .table{border-top: 2px solid #0d0d0d; margin-bottom: 20px;}
	.main .wrap > .first > .content > .table > .tr{height: 44px; line-height: 44px; font-size: 1.3rem;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(1){width: 15%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(2){width: 65%;}
	.main .wrap > .first > .content > .table > .content_tr > div:nth-of-type(2){padding: 0 4%;}
	.main .wrap > .first > .content > .table > .tr > div:nth-of-type(3){width: 20%;}

	/*.main .wrap > .first > .content > .pagination_wrap*/
	.main .wrap > .first > .content > .pagination_wrap > ul > li{margin-right: 6px;}
	.main .wrap > .first > .content > .pagination_wrap > ul > li > a{font-size: 1.3rem; padding: 3px 8px;}
	
}

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

	/*.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: 40px;}
	.main .wrap > .first > .title{font-size: 1.8rem; margin-bottom: 20px;}
}