@charset "utf-8";

/* ========================================================
	group.css => グループホームとはCSS
======================================================== */

/* title
============================================================================================================ */
#title {
	padding-bottom: 60px;
}
#title h1 {
	float: left;
}
@media screen and (max-width: 680px) {
	#title {
		padding-bottom: 25px;
	}
	#title h1 {
		float: none;
	}
}

/* contents
============================================================================================================ */
#contents {
	padding-bottom: 185px;
}
@media screen and (max-width: 680px) {
	#contents {
		padding-bottom: 95px;
	}
}

/* group
============================================================================================================ */
.red	{
	color:#cc3300;
}

/* grouphome
------------------------------------------------------------- */
#grouphome	{
	color:#000000;
}
#grouphome > .lead_txt	{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-gap:50px;
	-moz-column-gap:50px;
	-webkit-column-gap:50px;
	-o-column-gap:50px;
	-ms-column-gap:50px;
	font-size:1.4rem;
	margin-top:40px;
}
@media screen and (max-width: 640px) {
	#grouphome > .lead_txt	{
	column-count:1;
	-moz-column-count:1;
	-webkit-column-count:1;
	column-gap:normal;
	-moz-column-gap:normal;
	-webkit-column-gap:normal;
	-o-column-gap:normal;
	-ms-column-gap:normal;
	margin-top:1em;
	}
}
/* characteristic
------------------------------------------------------------- */
#characteristic	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#characteristic > dl	{
}
#characteristic > dl dt	{
	margin-bottom:5px;
	font-size:2rem;
}
#characteristic > dl dt:before	{
	content:"・";
}
#characteristic > dl dd	{
	margin-bottom:20px;
	font-size:1.4rem;
}
@media screen and (max-width: 640px)	{
	#characteristic	{
		margin-top:4em;
		padding-top:2em;
	}
}
/* difference
------------------------------------------------------------- */
#difference	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#difference .text p	{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-gap:50px;
	-moz-column-gap:50px;
	-webkit-column-gap:50px;
	-o-column-gap:50px;
	-ms-column-gap:50px;
	font-size:1.4rem;
}
#difference .text h2	{
	font-size:1.6rem;
	margin-bottom:10px;
	font-weight:normal;
}
@media screen and (max-width: 640px) {
	#difference	{
		margin-top:4em;
		padding-top:2em;
	}
	#difference .text p	{
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;
		column-gap:normal;
		-moz-column-gap:normal;
		-webkit-column-gap:normal;
		-o-column-gap:normal;
		-ms-column-gap:normal;
		margin-top:1em;
	}
	#difference .text h2	{
		font-size:1.8rem;
	}
}