@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: #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%;}
.main .wrap > .first > .title{color: #FFAB73; font-size: 3rem; margin-bottom: 54px; width: 100%;}

/*.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 > dl{width: 100%; border-bottom: 1px solid #f1f1f1;}
.main .wrap > .first > .content > .table > dl > dt{width: 100%; height: 84px; cursor: pointer;}
.main .wrap > .first > .content > .table > dl > dt:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .content > .table > dl > dt > p{float: left;}
.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; height: 100%; position: relative; margin-left: 5%;}
.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1) > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.8rem; width: 76%; height: 100%; line-height: 84px; text-align: left; padding-left: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .wrap > .first > .content > .table > dl > dt > button{float: right; width: 8%; height: 100%; margin-right: 5%; position: relative; cursor: pointer; border: none; background: none;}
.main .wrap > .first > .content > .table > dl > dt > button > span{display: block; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: #9e9e9e; transition: .4s;}
.main .wrap > .first > .content > .table > dl > dt > button > span:nth-of-type(1){transform: translate(-50%, -50%) rotate(45deg); left: 43%;}
.main .wrap > .first > .content > .table > dl > dt > button > span:nth-of-type(2){transform: translate(-50%, -50%) rotate(-45deg); left: 56%}
.main .wrap > .first > .content > .table > dl > dt > button.on > span:nth-of-type(1){transform: translate(-50%, -50%) rotate(-45deg); background: #000;}
.main .wrap > .first > .content > .table > dl > dt > button.on > span:nth-of-type(2){transform: translate(-50%, -50%) rotate(45deg); background: #000;}
.main .wrap > .first > .content > .table > dl > dd{background: #f1f1f1; display: none;}
.main .wrap > .first > .content > .table > dl > dd:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(1){width: 6%; height: 84px; position: relative; margin-left: 5%; float: left;}
.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(1) > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){float: left; text-align: left; font-size: 1.5rem; font-weight: lighter; color: #000; line-height: 1.9; padding: 24px 42px 24px}

/*.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 > dl > dt{height: 72px;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; margin-left: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.8rem; width: 76%; line-height: 72px; padding-left: 40px;}
	.main .wrap > .first > .content > .table > dl > dt > button{width: 8%; margin-right: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > button > span{width: 16px; height: 2px;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(1){width: 6%; height: 84px; margin-left: 5%;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){font-size: 1.5rem; line-height: 1.9; padding: 24px 42px 24px}

	/*.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;}
	
	.main .wrap > .first > .content > .table{border-top: 2px solid #0d0d0d; margin-bottom: 50px;}
	.main .wrap > .first > .content > .table > dl > dt{height: 72px;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; margin-left: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.8rem; width: 76%; line-height: 72px; padding-left: 40px;}
	.main .wrap > .first > .content > .table > dl > dt > button{width: 8%; margin-right: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > button > span{width: 16px; height: 2px;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(1){width: 6%; height: 84px; margin-left: 5%; display: none;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){font-size: 1.5rem; line-height: 1.9; padding: 24px 42px 24px}

	
	.main .wrap > .first > .content > .table > dl > dt > button > span:nth-of-type(1){transform: translate(-50%, -50%) rotate(45deg); left: 42%;}
	.main .wrap > .first > .content > .table > dl > dt > button > span:nth-of-type(2){transform: translate(-50%, -50%) rotate(-45deg); left: 58%}

}

/*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;}
	
	.main .wrap > .first > .content > .table > dl > dt > button{display: none;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){width: 89%;}
	
}

/*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: 30px;}
	.main .wrap > .first > .content > .table > dl > dt{height: 62px;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; margin-left: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.5rem; width: 89%; line-height: 62px; padding-left: 40px;}
	.main .wrap > .first > .content > .table > dl > dt > button{width: 8%; margin-right: 5%;}
	.main .wrap > .first > .content > .table > dl > dt > button > span{width: 16px; height: 2px;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(1){width: 6%; height: 84px; margin-left: 5%;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){font-size: 1.4rem; line-height: 1.9; padding: 24px 42px 24px}

	/*.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 > dl > dt{height: 52px;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; margin-left: 3%;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.4rem; width: 91%; line-height: 52px; padding-left: 20px;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){font-size: 1.3rem; line-height: 1.9; padding: 12px 24px 12px}

	/*.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 > dl > dt{height: 44px;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(1){width: 6%; margin-left: 3%;}
	.main .wrap > .first > .content > .table > dl > dt > p:nth-of-type(2){font-size: 1.3rem; width: 91%; line-height: 44px; padding-left: 20px;}
	.main .wrap > .first > .content > .table > dl > dd > p:nth-of-type(2){font-size: 1.3rem; line-height: 1.9; padding: 12px 24px 12px}

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