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

section > section {
	width:100%;
	box-sizing:border-box;
	padding-left:13.3%;
	padding-right:8.3%;
	min-width:auto;
	margin-bottom:10em;
}
@media only screen and (max-width:768px){
	section > section {
		margin-bottom:6em;
		padding-left:0;
		padding-right:0;
	}
}



h2 {
	font-size:2.4em;
	margin:0;
	margin-bottom:1em;
}
@media only screen and (max-width:768px){
	h2 {
		font-size:2em;
		margin-bottom:0.5em;
	}
}







/* message */
section.member {
	
}
section.member ul {
	display:flex;
	flex-wrap:wrap;
}
section.member ul li {
	display:block;
	
	width:30%;
	width:calc((100% - 40px)/3);
	
	margin-right:20px;
	margin-bottom:4em;
}
section.member ul li:nth-child(4),
section.member ul li:nth-child(7) {
	margin-right:0px;
}
section.member ul li.ceo {
	width:100%;
	margin-right:0;
	margin-bottom:6em;
}
section.member ul li.ceo img {
	display:block;
	width:50%;
}
section.member ul li.ceo p {
	margin-top:0;
}
section.member ul li.ceo div.title,
section.member ul li.ceo div.name {
}
section.member ul li.ceo > div {
	padding-right:3em;
}
section.member ul li img {
	/*width:100%;
	display:block;*/
	margin-bottom:2em;
}
section.member ul li div.title {
	font-size:1em;
	margin-bottom:0.5em;
}
section.member ul li div.name {
	font-size:1.2em;
	margin-top:1em;
	margin-bottom:0em;
}
section.member ul li div.ename {
	font-size:1.4em;
	margin-bottom:1em;
	font-family: 'rfa_gothic_stdregular';
}
section.member ul li p {
	margin-right:1em;
}
@media only screen and (max-width:768px){
	section.member ul li.ceo {
		margin-bottom:6em;
	}
	section.member ul li.ceo img {
		float:none;
		margin-right:0;
		width:100%;
	}
	section.member ul li.ceo p {
		margin-top:0;
	}
	section.member ul li.ceo > div {
		padding-right:0;
	}
	section.member ul li img {
		margin-bottom:1em;
	}
	section.member ul li p {
		margin-right:0;
	}
	
	section.member ul li {
		width:48px;
		width:calc((100% - 3%)/2);
		
		margin-right:3%;
		margin-bottom:2em;
	}
	section.member ul li:nth-child(4) {
		margin-right:3%;
	}
	section.member ul li:nth-child(3),
	section.member ul li:nth-child(5),
	section.member ul li:nth-child(7) {
		margin-right:0px;
	}
	
	section.member ul li div.title {
		font-size:0.9em;
	}
}




/* company */
section.company {
}
section.company dl {
	text-align:left;
	margin-top:0;
	margin-bottom:2em;
}
section.company dl dt {
	clear: both;
	float:left;
	width:8em;
}
section.company dl dd {
	margin-left:8em;
}
section.company dl.business dt + dd {
	margin-bottom:1em;
}
section.company ul.certificationAgency {
	margin-left:8em;
	overflow:visible;
	margin-top:1em;
	width:100%;
}
section.company ul.certificationAgency:after {
	clear:both;
	content:" ";
	display:block;
}
section.company ul.certificationAgency li {
	float:left;
	margin-right:1em;
}
section.company ul.certificationAgency li.yahoo img {
	width:135px;
	height:auto;
}
section.company ul.certificationAgency li p {
	margin:0;
}
section.company dl.organization dd {
	display:inline-block;
	margin-left:0;
	margin-right:10px;
}
section.company dl.organization dd:last-child {
	margin-right:0;
}
@media only screen and (max-width:768px){
	section.company dl {
		text-align:left;
		margin-top:0;
		margin-bottom:2em;
	}
	section.company dl dt {
		float:none;
		width:100%;
		margin-bottom:0.2em;
		font-size:1.2em;
		font-weight:bold;
	}
	section.company dl dd {
		margin-left:0;
	}
	section.company dl.business dt + dd {
		margin-bottom:0;
	}
	section.company ul.certificationAgency {
		margin-left:0;
		overflow:visible;
		margin-top:1em;
		width:100%;
	}
	section.company ul.certificationAgency li {
		float:none;
		margin-right:0;
	}
}




div#map {
	clear:both;
	
	width:127.66%;
	margin-left:-17%;
}
div#mapMain {
	width:100%;
	height:570px;
}
@media only screen and (max-width:768px){
	div#map {
		width:100%;
		margin-left:0;
	}
	div#mapMain {
		width:100%;
		height:300px;
		height:50vh;
	}
}






/* group */
section.group {
	padding:0;
}
section.group h2 {
	padding-left:15%;
}

section.group a.hoverPanel {
	color:white;
	margin-bottom:2em;
}
section.group a.hoverPanel:after {
	right:7.6%;
}
section.group a.hoverPanel li:before, section.group a.hoverPanel li:after {
	background-image:url('../svg/archive.svg');
	right:8%;
}

section.group ul li {
	display:block;
	position:relative;
	width:100%;
	height:80px;
	overflow:hidden;
}
section.group ul li.RFA_GOLD {
	background-image:url('../img/aboutus/group_RFA_GOLD_bg.png');
}
section.group ul li.RFA_RISE {
	background-image:url('../img/aboutus/group_RFA_RISE_bg.png');
}
section.group ul li h3 {
	position:absolute;
	top:0;
	left:0;
	height:80px;
	margin:0;
	
	width:30%;
	
	background-color:white;
	display: flex;
    align-items:center;
}
section.group ul li h3:after {
	display:block;
	content:" ";
	
	width:21px;
	height:80px;
	position:absolute;
	top:0;
	right:-21px;
	
	background-image:url('../img/aboutus/group_bg.svg');
	background-position:100% 0;
	background-repeat:no-repeat;
}
section.group ul li h3 img {
	margin-left:50%;
}
section.group ul li p {
	margin:0;
	margin-left:35%;
	
	position:relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width:768px){
	section.group {
		margin-bottom:10em;
	}
	section.group h2 {
		padding-left:0;
		margin-bottom:1em;
	}
	section.group ul li {
		overflow:visible;
		margin-bottom:6em;
	}
	section.group ul li h3 {
		width:45%;
		width:calc((100% - 21px) / 2);
	}
	section.group ul li h3 img {
		margin-left:10%;
	}
	section.group ul li p {
		margin:0;
		margin-left:0;
		
		position:absolute;
		top:85px;
		top:calc(80px + 1em);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
}