/* ------------------
ニップンドーナツ様 事例
------------------ */

/* 導入前の課題
------------------ */
#np-before > .case-col:nth-of-type(1){
	flex-basis: 42%;
	text-align: right;
}

#np-before > .case-col:nth-of-type(2){
	flex-basis: 55%;
}

@media screen and (max-width: 767px) {
#np-before > .case-col:nth-of-type(1){
	text-align: center;
}
}

/* 導入の決め手
------------------ */
#np-decision > .case-col:nth-of-type(1){
	flex-basis: 40%;
	text-align: center;
	padding-left: 1rem;
	padding-right: 1rem;
}

#np-decision > .case-col:nth-of-type(2){
	flex-basis: 55%;
}

/* 導入の効果
------------------ */
#np-list{
	font-size: 1.11rem;
}

.np-voice > .case-col:nth-of-type(1){
	flex-basis: 32%;
	text-align: right;
}

.np-voice > .case-col:nth-of-type(2){
	flex-basis: 65%;
}

@media screen and (max-width: 767px) {
.np-voice > .case-col:nth-of-type(1){
	text-align: center;
}
}

/* 今後
------------------ */
#np-future .case-col:nth-of-type(2) img{
	max-width: 280px;
}

@media screen and (max-width: 767px) {
#np-future .case-col:nth-of-type(2) img{
	max-width: 100%;
}
}

/*end*/