@charset "UTF-8";

/*コモンに追記予定*/
h2 {
	display: inline-block;
	position: relative;
	margin: 0 auto;
}
h2::before {
  content: url(../images/common/h2_mark.png);
  position: relative;
  top: 0;
  margin-right: 10px;
}
h2::after {
  content: "";
}
/*コモンに追記予定*/


h3 {
  text-align: center;
  font-size: 2.6rem;
}
	@media all and (max-width:750px) {
		h3 {
			font-size: 2rem;
		}
	}
.mgr26 {
  margin-bottom: 26px
}


/*philosophy Area
---------------------------------------*/
.policyBlock {
	position: relative;
	background: url(../images/common/upper_bg.png) no-repeat top right;
	background-size: 50%;
	margin: 0 auto 0;
	margin-top: 50px;
}
	@media all and (max-width:1024px) {
	  .policyBlock {
		background: url(../images/common/upper_bg.png) no-repeat top 0 right 0;
		background-size: 70%;
		padding-top: 50px;
	  }
	}
	@media all and (max-width:750px) {
	  .policyBlock {
		background: none;
	  }
	}
.policy__text,
.policy__list {
  line-height: 150%;
  letter-spacing: 2.8px;
  font-size: 2rem;
  width: 693px;
  margin: 0 auto;
}
.policy__text {
  text-align: center;
  font-size: 2rem;
}
	@media all and (max-width: 750px) {
		.policy__text {
			width: 100%;
			font-size: 1.4rem;
			text-align: left;
			margin-bottom: 20px;
			padding: 0 15px;
		}
	}
	@media all and (max-width: 750px) {
		.policy__list {
			width: 100%;
			font-size: 1.6rem;
			padding:0 15px;
		}
		.policy__list li {
			padding-left: 1.4rem;
			text-indent: -1.8rem;
		}
	}
.center {
	/* width: 618px; */
	text-align: center;
}
	@media all and (max-width:750px) {
		.center {
			margin-bottom: 20px;
		}
	}
.policy_tit {
	background-color: #fff;
	color: #454545;
	width: 80%;
	max-width: 800px;
	border: 6px solid #00dbff;
	border-image: linear-gradient(to right, #00dbff 0%, #009bff 33%, #0073ff 67%, #0058ff 100%);
	border-image-slice: 1;
	margin: 0 auto;
	padding: 25px 0;
}
	@media all and (max-width:1024px) {
	  .policy_tit {
		  width: 98%;padding: 3%;
		}
	}
	@media all and (max-width:768px) {
	  .policy_tit {
		  width: 90%;
		}
	}
	@media all and (max-width:750px) {
		.policy_tit {
			width: 96%;
			margin: 0 auto;
			padding: 6%;
		}
	}
.policy_tit p {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	letter-spacing: .4rem;
}
	@media all and (max-width:750px) {
		.policy_tit p {
		  font-size: 2rem;
		}
	}
.policy_tit p span {
	display: block;
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
}
	@media all and (max-width:750px) {
		.policy_tit p span {
		  font-size: 1.4rem;
		}
	}
.policy_h3Section {
  margin-top: 62px
}
	@media all and (max-width:750px) {		
		.policy_h3Section {
		  margin-top: 13%;
		}
	}
.policy_h3Section h3 {
	margin-bottom: 43px;
}
	@media all and (max-width:750px) {	
		.policy_h3Section h3 {
			margin-bottom: 4%;
		}
	}
#po01 {
    width: 622px;
    text-align: left;
}
	@media all and (max-width:750px) {
		#po01 {
			width: 100%;
			padding: 0 15px;
		}
	}


/*definition Area
---------------------------------------*/
.definition {
	width: 800px;
	margin: 147px auto 0;
}
	@media all and (max-width:1024px) {
		.definition {
		  margin-top: 18%;
		  width: 100%;
		  padding: 0 15px;
		}
	}
	@media all and (max-width:750px) {
		.definition {
			width: 100%;
			font-size: 1.6rem;
			margin-bottom: 0%;
			padding:0 15px;
		}
	}
.definition_text {
  margin-top: 67px;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 2.8px;
}
	@media all and (max-width:750px) {
		.definition_text {
		  margin-top: 6%;
		  font-size: 1.6rem;
		  line-height: 1.7;
		}
	}
body .ce_poir01 {
  text-align: left;
  width: 610px;
}
	@media all and (max-width:750px) {
		body .ce_poir01 {
			width: 97%;
			padding: 3%;
		}
	/*defini*/
	}