@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 769px) {
	
	.hed_img {
		background: url(../images/approach/hed_img.jpg) 0 0 no-repeat;
		height: 710px;
		margin-top: 80px;
		width: 40%;
		float: left;
		background-size: cover;
	}
	
	.app_img01 {
		width: 940px;
		margin: 0 auto 50px;
	}
	
	.app_img01 img {
		width: 100%;
		height: auto;
	}
	
	.policy {
	margin-bottom: 50px;
		width: 100%;
	}
	
	.policy_list {
		line-height: 2.5em;
		font-size: 1.2em;
	}
	
	.policy_list p {
		font-size: 0.9em!important;
	}
	
	
	.pori_tit {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	
	.pri_border {
		padding: 5px;
		margin-bottom: 20px;
	}
	
	
	.pri_border strong {
		color: #ff0000;
	}
	
	
	.ore {
		color: #f39800;
		font-weight: bold;
		font-size: 1.1em;
	}
	.mng_list {
		width: 100%;
		margin: 30px auto;
	}
	
	.mng_list li {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	
	.mng_list li img {
		width: 100%;
		height: auto;
	}
	
	.mng_list li:nth-child(3n+3) {
		margin-right: 0px;
	}
	
	
	.app_subtit {
		font-size: 1.3em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 30px;
	}
	
	
	.app_list {
		background: #f2f2f2;
		padding: 10px;
	}
	
	.app_list li {
		display: inline-block;
		margin-right: 100px;
	}
	
	.app_list li::before {
		content: "●";
		padding: 0px 5px;
	}
	
	.eco_list {
		width: 100%;
		margin: 30px auto;
	}
	
	.eco_list li {
		width: 25%;
		float: left;
	}
	
	.eco_list li img {
		width: 100%;
		height: auto;
	}
	
			.flow_r_tit {
		color: #d70051;
		font-size: 1.5em;
		margin-bottom: 10px;
				font-weight: bold;
	}
	
	

}

/*sp*/
@media only screen and (max-width: 768px) {
	

		.hed_img {
		background: url(../images/approach/hed_img.jpg) center  center no-repeat;
		height: 350px;
		width: 100%;
		background-size: cover;
	}
	
.app_img01 {
		width: 100%;
		margin: 0 auto 50px;
	}
	
	.app_img01 img {
		width: 100%;
		height: auto;
	}
	
	.policy {
	margin-bottom: 50px;
		width: 100%;
	}
	
	.policy_list {
		line-height: 2.5em;
	}
	
	.policy_list li::before {
		content: "●";
		padding: 0px 5px;
	}
	
	
	.mng_list {
		width: 100%;
		margin: 30px auto;
	}
	
	.mng_list li {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	
	.mng_list li img {
		width: 100%;
		height: auto;
	}
	
	.mng_list li:nth-child(3n+3) {
		margin-right: 0px;
	}
	
	
	.app_subtit {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 30px;
	}
	
	
	.app_list {
		background: #f2f2f2;
		padding: 10px;
	}
	
	.app_list li {
		display: inline-block;
	}
	
	.app_list li::before {
		content: "●";
		padding: 0px 5px;
	}
	
	.eco_list {
		width: 100%;
		margin: 30px auto;
	}
	
	.eco_list li {
		width: 25%;
		float: left;
	}
	
	.eco_list li img {
		width: 100%;
		height: auto;
	}
	
		
	.ore {
		color: #f39800;
		font-weight: bold;
		font-size: 1.1em;
	}
	.pori_tit {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	
	.pri_border {
		padding: 5px;
		margin-bottom: 20px;
	}
	
	
	.pri_border strong {
		color: #ff0000;
	}
	
.flow_r_tit {
		color: #d70051;
		font-size: 1.3em;
		margin-bottom: 10px;
				font-weight: bold;
	}
	
	
	

}