@charset "utf-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Company - Policy CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

section a {
	text-decoration:underline;
}

/*
-------------------------------------------- */
#wrapper {
	padding-bottom:0;
}
article {
  width:100%;
  margin: 0 auto 50px;
}

section {
	position:relative;
}

.mainArea {
	width:100%;
	height:430px;
	margin-bottom:60px;
	background:url('../img/company/policy/mainImg.jpg') center center no-repeat;
	background-size:auto 100%;
}

section h3 {
	text-align:center;
	font-weight:bold;
	margin-top:40px;
}
section h3 span {
	display:block;
	font-size:2.2rem;
	margin-top: 20px;
	color:#BF1920;
}

section.policy {
	padding:0 0 80px;
}
section.policy p {
	margin-top: 60px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.8;
}
section.policy p + p {
	margin-top:30px;
}

section.principle {
	width:100%;
	padding: 60px 20px 80px;
	background-color:#F6F6F6;
}
section.principle ul {
	max-width: 800px;
	margin: 60px auto 0;
	padding: 40px 30px;
	border:4px solid #CCC;
}
section.principle ul li {
	margin-bottom:30px;
	text-align:center;
}
section.principle ul li {
	font-size: 1.6rem;
}
section.principle ul li:last-child {
	margin-bottom:0;
}
section.principle h2 {
	position: relative;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
section.principle ul li br.sp {
	display:none;
}

/*
------------------------------------------------------------------------------------------------------------------ PC */

@media screen and (max-width: 840px) {
	section.policy {
		margin:0 20px;
	}
	section.principle ul {
		margin: 40px auto 0;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ SmartPhone */

@media screen and (max-width: 640px) {
	article {
		margin: 30px 0 50px;
	}
	section.policy {
	    padding: px 0 60px;
	}
	section.policy p {
	    margin-top: 30px;
	}
	section.principle {
	    padding: 30px 20px 50px;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ SmartPhone */

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

	.mainArea {
		height:300px;
		margin-bottom:40px;
		background:url('../img/company/policy/mainImg-sp.jpg') center center no-repeat;
		background-size:auto 100%;
	}

	section.policy p {
		text-align:left;
	}
	section.policy p br {
		display:none;
	}
	section.principle ul {
		padding:40px 20px;
	}
	section.principle ul li br.sp {
		display:block;
	}
}