#group-company	{position:relative;min-height: 650px;overflow: hidden;}

.group-company-block    {margin-bottom: 70px;}

.logo-small {margin: 0 20%;}
.logo-small span{display: block;width: 200px;margin: 0 0 20px 20px}
.gaiyolist	{margin: 0 20%;border-top: 1px dotted #ccc;text-align: left}
.gaiyolist	li{display: flex;padding: 10px;border-bottom: 1px dotted #ccc;}
.gaiyolist	.hd,.gaiyolist	.cntns{display: block;}
.gaiyolist	.hd{flex-basis: 7em;padding: 0 1em}	
.gaiyolist	.cntns{position: relative;margin-left: 1em;}	
.gaiyolist	.cntns .br{display: none}

.gaiyolist	a	{color: #666}



@media only screen and (max-width: 900px) {
.gaiyolist	{margin: 0 3%;}
}

@media only screen and (max-width: 700px) {

.logo-small {width: 100%;margin: 0 0 20px 0}
.gaiyolist	li{flex-wrap: wrap}
.gaiyolist .hd,.gaiyolist	.cntns{display: block;flex-basis: 100%;}
.gaiyolist .hd{margin-bottom: 0.3em;padding: 0 0.3em;font-weight: 500;}
.gaiyolist	.cntns{margin-left: 0.3em;}	
.gaiyolist	.cntns .br{display: inline}
}



.group-company-title {margin: 0 calc(20% + 25px);padding: 20px 0;color: #000;text-align: left;font-weight: bold}


#group-company-chart   {padding: 80px 0;background: #fafafa;}
#group-company-chart   p{margin: 0 20%;}

@media only screen and (max-width: 900px) {
#group-company-chart   p{margin: 0 4%;}
#group-company-chart   {padding: 50px 0;}
.group-company-title {margin: 0 1.7em;
}