﻿@charset "utf-8";
/*--京maintenance_order.css--*/
/* ##########PC########## */
.order_caution_box{
	margin-bottom:3em;
}

	.order_caution_box > .box_header{
		text-align:center;
		margin-bottom:1em;
	}
	
		.order_caution_box > .box_header p{
			font-size:1.2em;
		}
	
	.order_caution_box > .box_inner{
		border:1px solid #aaa;
		padding:20px;
	}
	
		.order_caution_box > .box_inner h4{
			border-bottom:1px dotted #aaa;
			text-align:center;
			font-weight:bold;
			color:#004f94;
			font-size:1.1em;
			margin-bottom:1em;
		}
		
		.order_caution_box > .box_inner ol{
			padding:0 1em 0 2em;
			line-height:1.6;
			list-style:decimal;
		}
		
			.order_caution_box > .box_inner ol li{
				margin-bottom:0.6em;
			}
			
			.order_caution_box > .box_inner ol li:last-child{
				margin-bottom:0;
			}
			
.order_information_box{
	line-height:1.6;
	margin-bottom:3em;
}

	.order_information_box dl{
		display:flex;
		flex-wrap:wrap;
	}
	
		.order_information_box dl dt,
		.order_information_box dl dd{
			box-sizing:border-box;
			padding:15px;
			margin-bottom:0.8em;
		}
	
		.order_information_box dl dt{
			width:200px;
			background:#edf5fe;
			border-bottom:1px solid #c4e0fc;
		}
		
		.order_information_box dl dd{
			width:calc(100% - 200px);
			border-bottom:1px solid #ccc;
		}
		
.order_sheet_box{
	border:1px solid #ccc;
	padding:15px;
	line-height:1.6;
}

.order_sheet_box.maintenance{
	margin-bottom:3em;
}

	.order_sheet_box > .box_header{
		text-align: center;
		margin-bottom: 1em;
		background:#004f94;
		padding:0.3em 0;
	}
	
		.order_sheet_box > .box_header h4{
			font-weight: bold;
			color: #fff;
			font-size: 1.1em;
		}
		
	.order_sheet_box > .box_inner{
		padding:0 1em;
	}

    .order_sheet_box > .box_inner .sheet_ttl{
        display:flex;
        justify-content: center;
        margin-top: 2em;
    }

        .order_sheet_box > .box_inner h5{
            padding: 0.1em 0 0 0.6em;
            border-left: 8px solid #004E93;
            font-size: 1.2em;
            font-weight: bold;
            color: #004E93;
            line-height: 1.2;
        }

	.order_sheet_box > .box_inner .download_btns{
		margin-top:1.5em;
		display:flex;
		justify-content:center;
		line-height:1;
	}
	
		.order_sheet_box > .box_inner .download_btns li{
			width:300px;
			height:60px;
			margin-right:30px;
		}
		
		.order_sheet_box > .box_inner .download_btns li:last-child{
			margin-right:0;
		}
		
			.order_sheet_box > .box_inner .download_btns li a{
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				height:100%;
				background:#ccc;
				box-sizing:border-box;
				border-radius:4px;
				border:1px solid #ccc;
				background:#fff;
				box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);
				position:relative;
				z-index:1;
				color:#111;
				text-decoration:none;
			}
			
				.order_sheet_box > .box_inner .download_btns li a span{
					position:relative;
					z-index:2;
				}
				
				.order_sheet_box > .box_inner .download_btns li a .lbl_main{
					font-weight:bold;
				}
				
				.order_sheet_box > .box_inner .download_btns li.li_pdf a .lbl_main:before{
					font-family: FontAwesome;
					content: "\f1c1";
					margin-right: 0.4em;
					color: #c40026;
					font-weight:normal;
					font-size:1.5em;
				}
				
                .order_sheet_box > .box_inner .download_btns li.li_excel a .lbl_main:before{
                    font-family: FontAwesome;
                    content: "\f1c3";
                    margin-right: 0.4em;
                    color: #217346;
                    font-weight:normal;
                    font-size:1.5em;
                }

				.order_sheet_box > .box_inner .download_btns li a .lbl_sub{
					margin-left:1em;
					font-size:0.85em;
					padding-top:0.45em;
				}
				
					.order_sheet_box > .box_inner .download_btns li a .lbl_sub:before{
						content:"(";
					}
					
					.order_sheet_box > .box_inner .download_btns li a .lbl_sub:after{
						content:")";
					}
				
				.order_sheet_box > .box_inner .download_btns li a:before{
					content:"";
					display:block;
					width:100%;
					height:50%;
					background:rgba(237,245,254,1);
					position:absolute;
					z-index:-1;
					bottom:0;
					left:0;
				}
				
			.order_sheet_box > .box_inner .download_btns li a:hover{
				transform:translate(1px,1px);
				box-shadow:none;
			}

	.order_sheet_box > .box_inner .download_btns_excel{
		margin-top:1.5em;
		display:flex;
		justify-content:center;
		line-height:1;
	}

		.order_sheet_box > .box_inner .download_btns_excel li{
			width:300px;
			height:60px;
			margin-right:30px;
		}

			.order_sheet_box > .box_inner .download_btns_excel li:last-child{
				margin-right:0;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a{
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				height:100%;
				background:#ccc;
				box-sizing:border-box;
				border-radius:4px;
				border:1px solid #ccc;
				background:#fff;
				box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);
				position:relative;
				z-index:1;
				color:#111;
				text-decoration:none;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a span{
				position:relative;
				z-index:2;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a .lbl_main{
				font-weight:bold;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a .lbl_main:before{
				font-family: FontAwesome;
				content: "\f1c3";
				margin-right: 0.4em;
				color: #217346;
				font-weight:normal;
				font-size:1.5em;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a .lbl_sub{
				margin-left:1em;
				font-size:0.85em;
				padding-top:0.45em;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a .lbl_sub:before{
				content:"(";
			}

			.order_sheet_box > .box_inner .download_btns_excel li a .lbl_sub:after{
				content:")";
			}

			.order_sheet_box > .box_inner .download_btns_excel li a:before{
				content:"";
				display:block;
				width:100%;
				height:50%;
				background:rgba(237,245,254,1);
				position:absolute;
				z-index:-1;
				bottom:0;
				left:0;
			}

			.order_sheet_box > .box_inner .download_btns_excel li a:hover{
				transform:translate(1px,1px);
				box-shadow:none;
			}


/* ##########SP########## */
@media screen and (max-width:479px) {
	.order_caution_box > .box_inner{
		padding:3vw;
	}
	
		.order_caution_box > .box_inner h4{
			padding-bottom:0.2em;
		}
			
	.order_information_box dl{
		display:block;
	}
	
		.order_information_box dl dt,
		.order_information_box dl dd{
			padding:1vw 2vw;
		}
	
		.order_information_box dl dt{
			width:100%;
			margin-bottom:0.4em;
		}
		
		.order_information_box dl dd{
			width:100%;
			margin-bottom:1em;
			border-bottom:none;
		}
			
	.order_sheet_box{
		padding:3vw 3vw 5vw 3vw;
	}
	
	.order_sheet_box.maintenance{
		margin-bottom:2em;
	}
	
		.order_sheet_box > .box_inner{
			padding:0 2vw;
		}
			
		.order_sheet_box > .box_inner .download_btns,
		.order_sheet_box > .box_inner .download_btns_excel{
			display:block;
		}
		
			.order_sheet_box > .box_inner .download_btns li,
			.order_sheet_box > .box_inner .download_btns_excel li{
				width:100%;
				height:11vw;
				margin-right:0;
				margin-bottom:1em;
			}
			
			.order_sheet_box > .box_inner .download_btns li:last-child,
			.order_sheet_box > .box_inner .download_btns_excel li:last-child{
				margin-bottom:0;
			}

}

/* ##########印刷用########## */
@media print{

}