/* --------------------------------------------------------------------------- */
/* Voice Layout */
/* --------------------------------------------------------------------------- */

.voice{
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    justify-content: space-between;
	padding-bottom: 30px;
    border-bottom: solid 1px #ddd;
}
.voice-ttl { grid-area: 1 / 1 / 2 / 2; }
.voice-txt { grid-area: 2 / 1 / 3 / 2; }
.voice-img { grid-area: 1 / 2 / 3 / 3; }
.voice-img img{border: solid 1px #ddd;}

.grid{
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px; 
	align-content: start;
	grid-template-columns: minmax(100px, auto) 1fr;
}
.grid-ttl  { grid-area: 1 / 2 / 2 / 3; }
.grid-img{ grid-area: 1 / 1 / 3 / 2; }
.grid-txt{ grid-area: 2 / 2 / 3 / 3; }

.grid-img{
	width: 116px;
}

.flex-spacer{
	width: 100%;
}

.column-100 {
  max-width: 100px;
}

.icn-new{
	display: inline-block;
    margin: 10px 0 0 20px;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background-color: #eb1000;
}

.box-gray .box-white p{
	text-align: justify;
	line-height: 1.78;
}
.box-gray .box-white p.txt-r{
	text-align: right;
}


/* --------------------------------------------------------------------------- */
/* Responsive Setting */
/* --------------------------------------------------------------------------- */

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

}/*max820*/



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

	.voice{
		grid-template-columns: 115px calc(100% - 135px);
		grid-column-gap: 10px;
	}
	.voice-ttl { grid-area: 1 / 1 / 1 / 4; }
    .voice-txt { 
		grid-area: 2 / 2 / 3 / 4;
		grid-template-columns: 60%;
	}
    .voice-img { 
		margin-right: 0;
		grid-area: 2 / 1 / 3 / 2;
	}
	
	.grid-ttl { grid-area: 1 / 1 / 2 / 3; }
    .grid-img { grid-area: 2 / 1 / 3 / 2; }
    .grid-txt { grid-area: 2 / 2 / 3 / 3; }
	
	.grid-img{
		width: 100px;
	}
	
}/*max768*/