@charset "shift_jis";

/*
------------------------------------
　■ナレッジ赤枠
------------------------------------
*/

.knowledgeWrap ul {
	margin: 0 auto;
}
.knowledge {
	width: 80%;
	border: 1px solid red;
	padding: 10px 10px 10px 20px;
}
ul.knowledge li.style01 {
	list-style-type: none;
}
ul.knowledge li.style01 a {
	display: inline;
}

/*
------------------------------------
　■attentionArea
------------------------------------
*/

.attentionArea{
	border: 1px #CCCCCC solid;
	background: #F5F5F5;
	margin: 2em 1em;
    padding: 1.5em;
	display:table;
}

.attentionBox{
	width: 100%;
    display: table-cell;
    padding: 0 1em;
    vertical-align: top;
}

.attentionBox dt{
	margin-bottom: 0.5em;
    font-weight: 700;
}


@media screen and (max-width: 640px) {

	.attentionArea{
		margin: 0 1em 2em 1em;
		padding: 1em;
		word-break: break-all;
	}
	
	.attentionBox {
		padding:0 1em;
		width: 100%;
		display: table-cell;
    }
}

/*
------------------------------------
　■service fin
------------------------------------
*/
.service_fin{
    margin: 15px 0;
}
img.pc{
	display:block;

}
img.sp{
	display:none;
}
@media screen and (max-width: 640px) {
	img.pc{
	display:none;
	}
	img.sp{
	display:block;
	}
}