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

/* 実績スタイル */
#record{
	width: 100%;
	max-width: 640px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#record_IN {
}

@media screen and (max-width:640px){
	#record{
		max-width: 100%;
	}
	#cboxContent{
		width: 100% !important;
		height: 100% !important;
		min-height: 300px !important;
	}
	#cboxWrapper{
		width: 100% !important;
		height: 100% !important;
		min-height: 300px !important;
	}
	#colorbox{
		width: 100% !important;
		height: 100% !important;
		min-height: 300px !important;
	}
	#cboxLoadedContent{
		width: 100% !important;
		height: 100% !important;
		min-height: 300px !important;
	}
}
#record header dl{
	width: 100%;
	margin-bottom: 20px;
}
#record header dl dt{
	color: #fff;
	background: #ff7f00;
	font-size: 1.5rem;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Oswald', sans-serif;
}
#record header dl dd h1{
	font-weight: 900;
	font-size: 1.5rem;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#record header dl dd{
}
#record header dl dt,
#record header dl dd{
	display: table-cell;
	vertical-align: middle;
}
#record .case-img{
}
#record .case-img p{
	float: left;
	width: 50%;
}
#record .case-img p img{
	width: 100%;
}
#record article{
	margin-bottom: 20px;
	background: rgba(255,100,25,0.1);
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#record article:first-of-type{
	background: none;
	padding: 0;
}
#record main h2{
	font-size: 1.3rem;
	font-weight: 900;
	margin-bottom: 10px;
	color: #3c2119;
}
#record .list li{
	position: relative;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(60,33,25,0.5);
}
#record .list li:last-of-type{
	margin-bottom: 0;
	border: none;
	padding-bottom: 0;
}
#record .list.list-kadai li:before{
	content: '\f06a';
	position: absolute;
	font-family: 'Fontawesome';
	top: 0;
	bottom: 0;
	left: 0;
	color: #ff7f00;
}
#record .list.list-do li:before{
	content: '\f058';
	position: absolute;
	font-family: 'Fontawesome';
	top: 0;
	bottom: 0;
	left: 0;
	color: #319f2d;
}
@media screen and (max-width:640px){
	#record header dl dt{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	#record header dl dt,
	#record header dl dd{
		display: block;
	}
	#record main h2{
		line-height: 1.2;
	}
}