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

/*-----------------------------------------------
sky   #C8DCFF 200,220,255
blue  #2873FA  40,115,250
-----------------------------------------------*/

/*-----------------------------------------------
  titile
-----------------------------------------------*/
#company .title_text {
top: calc(50% - 6.5vw);
left: 6vw;
}

/*-----------------------------------------------
  company
-----------------------------------------------*/
#company .company {
padding: 0 4%;
color: #FFF;
background: linear-gradient(to bottom, #2873FA, #00B9BE);
}
#company .company_head {
font-size: 1.75em;
color: #73E1FF;
}
#company .company_head img {
width: 80%;
max-width: 540px;
}
@media screen and (max-width: 800px) {
	#company .company_head {
	font-size: 1.5em;
	}
}


/*-----------------------------------------------
  mesasge
-----------------------------------------------*/
#company .message {
padding: 60px 0;
}
#company .message_head {
margin-top: 4%;
font-size: 2em;
}
#company .message_name {
margin-top: 4%;
}
#company .message_name strong {
font-size: 2em;
}
#company .message_body {
margin-top: 2.5%;
text-align: justify;
}
@media screen and (max-width: 800px) {
	#company .message {
	padding: 8% 0;
	}
	#company .message_head {
	font-size: 1.5em;
	}
	#company .message_name {
	padding: 4% 0;
	font-size: 0.85em;
	border-top: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	#company .message_name strong {
	font-size: 1.5em;
	}
	#company .message_body {
	margin-top: 4%;
	}
}


/*-----------------------------------------------
  profile
-----------------------------------------------*/
#company .profile {
padding: 60px 0;
}
#company .profile_list {
width: 100%;
margin-top: 4%;
}
#company .profile_list tr:not(:first-child) {
border-top: 1px solid #FFF;
}
#company .profile_list th {
width: 10em;
padding: 0.75em 0;
}
#company .profile_list td {
padding: 0.75em 0;
}
@media screen and (max-width: 800px) {
	#company .profile {
	padding: 8% 0;
	}
	#company .profile_list tr:not(:first-child) {
	border: 0;
	}
	#company .profile_list th {
	display: block;
	width: 100%;
	margin-top: 6%;
	padding: 0.25em 1em;
	text-align: center;
	background: rgba(255,255,255,0.2);
	}
	#company .profile_list td {
	display: block;
	margin-top: 0.5em;
	padding: 0;
	}
}

/*-----------------------------------------------
  officer
-----------------------------------------------*/
#company .officer {
padding: 60px 0;
}
#company .officer_list {
width: 100%;
margin-top: 4%;
}
#company .officer_list tr {
border-bottom: 1px solid #FFF;
}
#company .officer_list th {
width: 10em;
padding: 0.75em 0;
}
#company .officer_list td {
padding: 0.75em 0;
}
@media screen and (max-width: 800px) {
	#company .officer {
	padding: 8% 0;
	}
	#company .officer_list tr {
	border: 0;
	}
	#company .officer_list th {
	display: block;
	width: 100%;
	margin-top: 6%;
	padding: 0.25em 1em;
	text-align: center;
	background: rgba(255,255,255,0.2);
	}
	#company .officer_list td {
	display: block;
	margin-top: 0.5em;
	padding: 0;
	}
}

/*-----------------------------------------------
  history
-----------------------------------------------*/
#company .history {
padding: 60px 0;
}
#company .history_list {
width: 100%;
margin-top: 4%;
}
#company .history_list tr:not(:first-child) {
border-top: 1px solid #FFF;
}
#company .history_list th {
width: 10em;
padding: 0.75em 3em 0.75em 0;
}
#company .history_list td {
padding: 0.75em 0;
}
#company .history_month {
float: right;
}
@media screen and (max-width: 800px) {
	#company .history {
	padding: 8% 0;
	}
	#company .history_list tr:not(:first-child) {
	border: 0;
	}
	#company .history_list th {
	display: inline-block;
	width: 100%;
	margin-top: 6%;
	padding: 0.25em 1em;
	text-align: center;
	background: rgba(255,255,255,0.2);
	}
	#company .history_list td {
	display: block;
	margin-top: 0.5em;
	padding: 0;
	}
	#company .history_month {
	float: none;
	margin-left: 0.5em;
	}
}

/*-----------------------------------------------
  group
-----------------------------------------------*/
#company .group {
padding: 60px 0;
}
#company .group_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#company .group_list li {
width: 48%;
margin-top: 4%;
}
#company .group_head {
margin-top: 4%;
font-size: 1.5em;
}
#company .group_body {
margin-top: 4%;
text-align: justify;
}
#company .group_photo img {
border-radius: 10px;
}
@media screen and (max-width: 800px) {
	#company .group {
	padding: 8% 0;
	}
	#company .group_list {
	display: block;
	}
	#company .group_list li {
	width: 100%;
	}
	#company .group_list li:not(:first-child) {
	margin-top: 8%;
	}
	#company .group_head {
	margin-top: 4%;
	font-size: 1.25em;
	}
}