@charset "utf-8";

/* ======================================================
 * case_style_piece.css
====================================================== */

.sub-title {
		margin-bottom: 15px;
		font-size: 2rem;
		font-weight: bold;
	}
.att {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.4rem!important;
	line-height: 1.5em!important;
	margin-top: 10px;
}
.mawarikomi figure {
	float: left;
	margin: 0 20px 30px 0;
	width: 35%;
}
.mawarikomi-R figure {
	float: right;
	margin: 0 0 10px 30px;
	width: 50%;
}
.mawarikomi figure img, .mawarikomi-R figure img {
	width: 100%;
}
.caption {
		font-weight: bold;
		font-size: 1.4rem!important;
	}
.mt6-note {
	display: block;
	margin-top: 6px;
}
.dis_mar { display: block; margin: 0 auto; }



.p-1 { width: 100%; }
@media print, screen and (min-width: 768px) {
	
.sub-title {
		padding-left: 30px;
		background: url("/education/case/setagaya01/img/icon_sub-tit.gif") no-repeat 0 0;
		background-size: 30px 30px;
		overflow: hidden;
	}
	.conTit { 
		font-size: 2.2rem;
		 color: #46a9de;
		font-weight: bold;
	}
	.underBar {
		background: linear-gradient(transparent 60%, #e4f0f7 0%);
	}

}


@media screen and (max-width: 767px) {
.sub-title {
		padding-left: 30px;
		background: url("/education/case/setagaya01/img/icon_sub-tit.gif") no-repeat 0 0;	background-size: 30px 30px;
		overflow: hidden;
	}
	
	.conTit { 
		font-size: 2.1rem; 
		color: #46a9de;
		font-weight: bold;
	}
	.underBar {
		background: linear-gradient(transparent 60%, #e4f0f7 0%);
	}
	
	.mawarikomi figure, .mawarikomi-R figure {
				float: none;
				margin: 0 0px 20px 0;
				width: 100%;
			}
	.caption {
		font-size: 1.2rem!important;
	}
}
