@charset "utf-8";

/* pc
----------------------------------------------- */

@media print, screen and (min-width:1241px) {

	/* security
	----------------------------------------------- */

	#security {
		margin: auto;
		padding: 45px 0;
		max-width: 1280px;
		text-align: center;
	}
	#security article {
		float: left;
		width: 100%;
	}
	#security article .article_inner {
		position: relative;
		margin: 0 40px;
		padding: 127px 0 95px;
		border-top: 1px solid #e0e0e0;
	}
	#security .articles:nth-child(2) article .article_inner {
		padding-bottom: 55px;
	}
	#security .articles:first-child article .article_inner {
		border-top: 0;
	}

	#security article h2 {
		margin: 50px 0 0;
		font-size: 2.6em;
		font-weight: 500;
		line-height: 1.75em;
    text-align: left;
	}
	#security article .summary {
		margin: 15px 0 0;
		color: #4d4d4d;
		font-size: 1.15em;
		text-align: justify;
		line-height: 1.85em;
	}
	#security article .iso-pdf {
		text-align:left;
		line-height:0.7em;
		padding-top: 2em;
	}
	#security article .iso-pdf p.text {
		font-size: 12pt;
	}
	#security article .link {
		margin: 20px 0 0;
		font-size: 1.15em;
		font-weight: 500;
		text-align: left;
	}
	#security article .no {
		position: absolute;
		top: 80px;
		left: 0;
	}
	#security article figure img {
		max-width: 100%;
		height: auto;
    float: right;
    margin-top: -70px;
    margin-left: 70px;
	}
	#security .articles:last-child article figure img {
    margin-top: -40px;
}

	#security article .inside_expl {
		width: 50%;
	}
}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:1240px) {

	/* security
	----------------------------------------------- */

	#security {
		margin: 0 20px;
		padding: 0 0 20px;
	}

	#security article {
		position: relative;
		padding: 45px 0 45px;
		border-top: 1px solid #e0e0e0;
	}
	#security .articles:first-child article:first-child {
		border-top: 0;
	}

	#security article h2 {
		margin: 20px 10px 0;
		font-size: 1.15em;
		font-weight: 500;
		text-align: center;
		line-height: 1.5em;
	}
	#security article .summary {
		margin: 15px 10px 0;
		color: #4d4d4d;
		font-size: 0.95em;
		text-align: justify;
		line-height: 1.75em;
	}
	#security article .summary br {
	}
	#security article .iso-pdf p {
		margin-left: 10px;
		line-height: 0.7em;
	}
	#security article .iso-pdf p.text {
		font-size: 9pt;
		margin-top: 15px;
	}


	#security article .link {
		margin: 15px 10px 0;
		font-size: 0.95em;
	}
	#security article .link img {
		width: auto;
		height: 27px;
	}
	#security article .no {
		position: absolute;
		top: 45px;
		left: 0;
	}
	#security article .no img {
		width: 55px;
		height: auto;
	}
	#security article figure img {
		width: 100%;
		height: auto;
		padding-top: 45px;
	}
}

@media screen and (min-width:741px) and (max-width: 1240px) {

	/* security
	----------------------------------------------- */

	#security article figure img {
		width: 561px;
		}

	#security article figure {
		text-align: center;
		}
}

	/* Top copy
	----------------------------------------------- */

@media print, screen and (min-width: 1241px){
	#security {
    padding: 0;
	}
}

@media print, screen and (min-width: 1000px){
	#security .copy {
    margin: auto;
		max-width: 940px;
	}
	#security .copy p {
		margin: 25px 45px;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.85em;
	}
	#security .copy p span {
		display: inline-block;
	}
}
@media only screen and (max-width:999px) {
	#security .copy {
			margin: 25px 22px;
	}
	#security .copy p {
			font-size: 1em;
			line-height: 1.75em
	}
	#security .copy p br {
			display: none
	}
}