@charset "UTF-8";

	.newsPI {
	    margin-top: 0.75em;
	}

	.newsPI .image {
	    margin-bottom: 1.3em;
	}

	.newsPI .image img {
	    width: 100%;
	    height:auto;
	}

	.newsPI .text {
	    line-height:1.9;
	}

/*
	.newsPI.column2 > .pi_col {
	    width: 49.9%;
	    padding: 0 0.5%;
	    float: left;
	}

	.newsPI.column3 > .pi_col {
	    width: 33.33333333%;
	    padding: 0 0.5%;
	    float: left;
	}

	.newsPI.column4 > .pi_col {
	    width: 25%;
	    padding: 0 0.5%;
	    float: left;
	}
*/

	@media (max-width: 520px) {
		.newsPI .text {
		    min-height: 24px;
		}
/*
	    .newsPI.column2 > .pi_col {
	        width: 100%;
	        float: none;
	        margin-top: 1.5em;
	    }
	    .newsPI.column3 > .pi_col {
	        width: 100%;
	        float: none;
	        margin-top: 1.5em;
	    }    
	    .newsPI.column4 > .pi_col {
			width: 49.9%;
		    float: left;
		    margin-top: 1.5em;
	    }
*/
	}

	.otherNews {
		margin-top:30px;
	}

	.otherNews ul{
		width:103%;
		font-size:0;
	}
	.otherNews ul li{
		width:30.33333%;
		margin-right:3%;
		margin-bottom:3%;
		display:inline-block;
		font-size:13px;
		text-align:center;
	}

	@media (max-width: 768px) {
		.otherNews ul li{width:47%;margin-right:3%;}
	}

	@media (max-width: 520px) {
		.otherNews ul{width:100%;}
		.otherNews ul li{width:100%;margin-right:0%;margin-bottom:3%;}
	}

	.pi_list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -5px;
		margin-right: -5px;
	}
	.pi_col {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 100%;
		max-width: 50%;
		margin-bottom: 15px;
		padding: 0 5px;
		position:relative;
	}
	/* 3分割 */
	.pi_list.column3 {}
	.pi_list.column3 .pi_col {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		width: 100%;
		max-width: 33.333333%;
	}
	/* 4分割 */
	.pi_list.column4 {}
	.pi_list.column4 .pi_col {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 100%;
		max-width: 25%;
	}

	@media screen and (max-width: 480px)  { 
		/* 2分割 */
		.pi_list.column2 {}
		.pi_list.column2 .pi_col {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			width: 100%;
			max-width: 100%;
		}
	
		/* 3分割 */
		.pi_list.column3 {}
		.pi_list.column3 .pi_col {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			width: 100%;
			max-width: 100%;
		}
		/* 4分割 */
		.pi_list.column4 {}
		.pi_list.column4 .pi_col {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			width: 100%;
			max-width: 50%;
		}
	}