@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	#page_title{
		background: url(../images/document/document_h1_bg.jpg) no-repeat center;
		background-size: cover;
	}	

/* ----------------------------------------
	simulation
---------------------------------------- */

	section h2 {
		font-size: 18px;
		padding: 12px 15px 10px 30px;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 18px;
		 height:4px;
		 background-color:white;
	}
	.exam_contents .document_list {
		padding: 30px;
		border: 10px solid #f0f0f0;
	}
	.document_list .title {
		font-weight:bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #e71e29;
	}
	.document_list ul {
		margin-top: 20px;
	}
	.document_list ul li {
		padding: 15px 0;
		border-bottom: 1px dotted #cdcdcd;
	}
	.document_list ul li p {
		display: block;
		margin-top: 10px;
	}
	.document_list ul li p a,
	.envelope_dl a{
		padding: 10px 20px;
		display: inline-block;
    background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		border: 1px solid #c0c0c0;
		border-radius: 10px
	}
	.document_list ul li p a span,
	.envelope_dl a span {
		background: url(../images/document/pdf.png) no-repeat left center;
		background-size: 20px auto;
		padding: 10px 30px;
	}
	
	
	
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	#page_title{
		background: url(../images/document/document_h1_bg.jpg) no-repeat right 70%;
		background-size: cover;
	}	

/* ----------------------------------------
	simulation
---------------------------------------- */

	section h2 {
		font-size: 3vw;
		padding: 2vw 3vw 1.5vw 5vw;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 3vw;
		 height:4px;
		 background-color:white;
	}
	section h2 {
		font-size: 18px;
		padding: 12px 15px 10px 30px;
		position: relative;
		color: white;
		background-color: #e71e29;
		border-bottom: 3px solid #c00;
	}
	section h2::after {
		 position: absolute;
		 top: 50%;
		 left:0;
		 transform:translateY(-50%);
		 content: '';
		 width: 18px;
		 height:4px;
		 background-color:white;
	}
	.exam_contents .document_list {
		padding: 30px 5vw;
		border: 10px solid #f0f0f0;
		font-size: 3.5vw;
	}
	.document_list .title {
		font-weight:bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #e71e29;
		font-size: 4vw;
	}
	.document_list ul {
		margin-top: 20px;
	}
	.document_list ul li {
		padding: 15px 0;
		border-bottom: 1px dotted #cdcdcd;
	}
	.document_list ul li p {
		display: block;
		margin-top: 10px;
	}
	.document_list ul li p a,
	.envelope_dl a{
		padding: 10px;
		display: block;
		font-size: 3vw;
		letter-spacing: 0.02em;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		border: 1px solid #c0c0c0;
		border-radius: 10px
	}
	.document_list ul li p a span,
	.envelope_dl a span {
		background: url(../images/document/pdf.png) no-repeat left center;
		background-size: 20px auto;
		padding: 10px 30px;
	}




}/* End SP */