@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	CSS Document
	file name  :uniq.css

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


h3{
	font-size:46px;
	text-align:left;
	margin-bottom:40px;
	line-height:1;
	font-weight:700;
}
h3 span{
	display:block;
	margin-bottom:20px;
	font-size:16px;
}
h4{
	font-size:22px;
	margin-bottom:20px;
}
#contents .box{
	margin-bottom:40px;
}



.boxWrap{
	margin-bottom:120px;
	position:relative;
}
.boxWrap:last-of-type{
	margin-bottom:0;
}
.boxWrap:after{
	content:"";
	clear:both;
	display:block;
}
#contents .ttlWrap{
	padding-top:16%;
	font-size:14px;
}
#contents .ph{
	margin-bottom:30px;
}

#contents .lBox .contWrap{
	width:45%;
	float:left;
}
#contents .lBox .ttlWrap{
    width: 45%;
	float:right;
}
#contents .ttlWrap .img{
	margin-top:30px;
}
#contents .rBox .contWrap{
	width:45%;
	float:right;
}
#contents .rBox .ttlWrap{
    width: 45%;
	float:left;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	★ SP
	
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width: 768px) {
	
	h3{
		font-size:32px;
		margin-bottom:30px;
	}
	h3 span{
		margin-bottom:15px;
		font-size:12px;
	}
	#contents {
		padding: 30px 0 0 0;
	}
	#contents .ph:last-of-type{
		margin-bottom:0;
	}
	#contents .lBox .contWrap{
		width:100%;
		float:none;
	}
	#contents .lBox .ttlWrap{
		width:100%;
		float:none;
	}
	#contents .rBox .contWrap{
		width:100%;
		float:none;
	}
	#contents .rBox .ttlWrap{
		width:100%;
		float:none;
	}
	
	#contents .ttlWrap{
		padding:0 30px 60px;
	}
}