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

/*ishijima_law TOP css
-------------------------------------------*/
@media all and (min-width: 641px) {
.topCont {
	background:#fff8e0;
}

.topContIn {
	margin:0 auto;
	width:960px;
	padding:10px 0 0 0; 
}

.leftArea {
	width:401px;
	float:left;
}

.infoArea{
	overflow:auto;
	height:155px;
}

.leftArea dl{
	line-height:1.5;
	margin:10px 0;
	width:380px;
	
}

.leftArea dl dt{
	color:#4c9201;
}

.leftArea dl dd{
	border-bottom:1px dotted #a5a5a5;
	margin-bottom:10px;
	padding-bottom:5px;
}


.centerArea{
	float:left;
	margin-left:30px;
	width:250px;
}

.rightArea{
	float:right;
	margin-left:29px;
	width:250px;
}

.about{
	width:243px;
	border:solid #e4e4e4 3px;
	border-top:none;
	background:#FFF;
}

.about p{ padding:10px;}
}
@media all and (max-width: 640px) {
.topCont {
	background:#ffffff;
	width:100%;
}

.topContIn {
	margin:0 auto;
	width:90%;
	margin:0 5%;
}

.leftArea {
	width:100%;
}

.infoArea{
	overflow:auto;
	height:150px;
	margin-bottom:20px;
}

.leftArea dl{
	line-height:1.5;
	margin:10px 0;
	width:100%;
	
}

.leftArea dl dt{
	color:#4c9201;
}

.leftArea dl dd{
	border-bottom:1px dotted #a5a5a5;
	margin-bottom:10px;
	padding-bottom:5px;
}


.centerArea{
	width:100%;
}

.centerArea ul{
	width:100%;
}

.centerArea ul li{
	float:left;
	width:48%;
	margin:1%;
}
.centerArea ul li img { width:100%;}


.rightArea{
	width:100%;
}

.about{
	width:100%;
	box-sizing:border-box;
	border:solid #e4e4e4 3px;
	background:#FFF;
}

.aboutttl { font-size:140%; border-bottom:1px solid #999;}
.aboutttl span { background:url(/images/ttl_about_sp.jpg) no-repeat left; padding-left:70px; height:69px; display:table-cell; vertical-align:middle;}

.about p{ padding:10px;}
}

.youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.youtube iframe {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}