@charset "utf-8";

	
	body #mainContent .sTitle {
		font-size:23px;
	}
	.cvArea {
		text-align: center;
	}
	.cvArea li {
		display: inline;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.cvArea li img {
		vertical-align: top;
	}
	.List {
		padding-left: 20px;
		background: url(../imgs/150319/icon.png) no-repeat 0 50%;
	}
	.Link {
		padding-left: 20px;
	}
	.List,
	.Link {
		font-size: 16px;
	}
	.Linkoff {
		padding-left: 20px;
		color: #898989;
		font-size: 12px;
	}
	.text {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.5;
	}
	.clum01 {
		font-size: 12px;
	}
	.clum01 .txtArea {
		float: left;
		width: 40.46242774566474%;
	}
	.clum01 .imgArea {
		float: right;
		width: 56.06936416184971%;
	}
	.clum02 .txtArea {
		float: right;
		width: 73.98843930635837%;
	}
	.clum02 .imgArea {
		float: left;
		width: 23.121387283236995%;
	}
	.clum03 .imgArea {
		float: left;
		width: 49.2485549132948%;
	}
	.clum03 .imgArea02 {
		float: right;
		width: 48.4393063583815%;
		margin-bottom: 20px;
	}
	.clum04 .imgArea {
		float: left;
		width: 47.861271676300575%;
	}
	.clum04 .imgArea02 {
		float: right;
		width: 47.861271676300575%;
	}
	.clum04 .imgArea02 .fl {
		width: 56.6350710900474%;
	}
	body #mainContent .clmTitleBox {
		position: relative;
	}
	body #mainContent .clmTitleBox p {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 16px;
	}

	.clum03 .imgArea .ttl{
		border-bottom: 2px solid #ccc;
		margin-bottom: 20px;
	}
	.clum03 .txtArea {
		background-color: #efefef;
		padding: 15px 20px;
	}
	.clum03 .txtArea .nameArea {
		width: 15.853658536585366%;
		float:left;
	}
	.clum03 .txtArea .nameArea h3 {
		font-weight: bold;
	}
	.clum03 .txtArea .nameArea .caption {
		letter-spacing: 0.5px;
	}
	.clum03 .txtArea .txt{
		width: 76.82926829268293%;
		float: right;
		font-size: 13px;
	}
	.clum03 .imgArea .ttl p{
		margin-left: 20px;
		display: inline-block;
		vertical-align: top;
	}
	.clum04 .imgArea02 .ttl img {
		margin-top: 5px;
	}
	.clum04 .imgArea02 .ttl p{
		margin-left: 15px;
		margin-bottom: 30px;
		display: inline-block;
		vertical-align: top;
	}
	.clum04 .imgArea02 .fr .image {
		margin-bottom: 5px;
	}
	.clum04 .imgArea02 .fr .left,
	.clum04 .imgArea02 .fr .right {
		font-size: 10px;
		width: 77px;
		line-height: 15px;
	}
	.clum04 .imgArea02 .fr .left span,
	.clum04 .imgArea02 .fr .right span {
		font-size: 12px;
	}
	.clum04 .imgArea02 .fr .left {
		float: left;
	}
	.clum04 .imgArea02 .fr .right {
		float: right;
	}

@media only screen and (max-width:960px) {
	body #mainContent .clmTitleBox p {
		position: static;
		font-size: 14px;
		line-height: 20px;
	}
	.clum04 .imgArea,
	.clum04 .imgArea02 {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.clum04 .imgArea {
		margin-bottom: 50px;
		text-align: center;
	}
	
	.clum04 .imgArea02 .fl{
		width: 72%;
	}
}
@media only screen and (max-width: 599px) {
	.cvArea li:first-child {
		margin-bottom: 10px;
	}
	.txtArea,
	.imgArea,
	.imgArea02 {
		float: none !important;
		width: auto !important;
	}
	.txtArea,
	.clum02 .imgArea,
	.clum03 .imgArea,
	.clum04 .imgArea {
		margin-bottom: 20px;
	}
	.clum01 img,
	.clum02 img,
	.clum03 img,
	.clum04 img {
		width: 100%;
	}

	.clum03 .txtArea .nameArea,
	.clum03 .txtArea .txt{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.clum03 .imgArea .ttl br {
		display: block;
	}
	.clum03 .imgArea img {
		width: auto;
	}
	.clum03 .txtArea .nameArea br {
		display: none;
	}
	.clum04 .imgArea02 .ttl br {
		display: block;
	}
	.clum04 .imgArea02 img {
		width: auto;
	}
	.clum04 .imgArea02 .fl,
	.clum04 .imgArea02 .fr {
		width: 100%;
		margin-bottom: 20px;
		float: none;
	}
	.clum04 .imgArea02 .fr{
		text-align: center;
		width: 160px;
		margin: 0 auto;
	}
	.clum04 .imgArea02 .fr img{
		width: auto;
		margin: 0 auto;
	}
}
@media only screen and (max-width:380px) {
	.clum04 .imgArea02 .ttl p {
		margin-left: 0;
	}

}