@charset "UTF-8";
#company {
  margin: 0 auto;
  width: 1082px;
  padding: 28px 0 0; }
#company h2 {
  position: relative;
  overflow: hidden;
  padding: .5em .5em .5em 0;
  font-size: 24px; }
#company h2::before, #company h2::after {
  position: absolute;
  content: " ";
  bottom: 0; }
#company h2:before {  
  width: 100%;
  border-bottom: solid 3px #a0c896; }
#company h2:after {
  border-bottom: solid 3px #d9d9d9;
  width: 100%; }
@media only screen and (max-width: 650px) {
  #company {
    width: 94%; }
  #company h2 {
    font-size: 18px; } }
	
#company .staff {
  padding: 30px 0 0; }
  
#company section {
  margin: 0 auto;
  width: 1080px; }
@media only screen and (max-width: 650px) {
  #company section {
    width: 94%; } }
#company .outline table {
  margin: 35px 0 120px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #416e41;
  border-left: 1px solid #416e41;
  border-right: 1px solid #416e41; }
#company .outline table tr {
  border-bottom: 1px solid #416e41; }
#company .outline table tr th, #company .outline table tr td {
  padding: 20px; }
#company .outline table tr th {
  background: rgba(210,235,205, 1); }
#company .outline table tr td iframe {
  width: 555px;
  height: 200px;
  margin: 10px 0 0; }
@media only screen and (max-width: 650px) {
  #company .outline table tr td iframe {
    width: 100%; } }
@media only screen and (max-width: 650px) {
  #company .outline table table, #company .outline table tr, #company .outline table th, #company .outline table td {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  #company .outline table table {
    margin: 35px 0; } }

#company .greeting {
   }
@media only screen and (max-width: 650px) {
  #company .greeting {
    border-bottom: none; } }
#company .greeting .greeting_inner {
  padding: 30px 0;
  position: relative;
  border: 1px solid #416e41;
  margin: 10px 0 150px; }
#company .greeting .greeting_inner dl {
  display: -webkit-flex;
  display: flex;
  padding: 5px 50px 10px; }
#company .greeting .greeting_inner dl dd {
    padding: 0 0 0 20px;
	width: 100%;
	border-left: 1px solid #a0c896; }
@media only screen and (max-width: 650px) {
  #company .greeting .greeting_inner {
    border: none;
	margin: 5px 0 70px; }
  #company .greeting .greeting_inner dl {
    display: block;
    padding: 0; }
  #company .greeting .greeting_inner dl dd {
    width: 100%;
    padding: 5px 0 30px;
	border-left: none; } }
#company .greeting .greeting_inner dl dt {
  width: 220px; }
@media only screen and (max-width: 650px) {
  #company .greeting .greeting_inner dl dt {
    width: 100%;
    border-bottom: 1px solid #416e41 } }

#company .qualification {
  padding: 120px 0 200px; }
#company .qualification .qualification_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0 0; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner {
    display: block; } }
#company .qualification .qualification_inner table {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 528px;
  border-left: 1px solid #416e41;
  font-size: 16px; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner table {
    width: 100%; } }
#company .qualification .qualification_inner table th {
  background: rgba(210,235,205, 1);
  border-top: 1px solid #416e41;
  border-right: 1px solid #416e41;
  text-align: center;
  padding: 12px 14px;
  color: #416e41;
  font-weight: bold; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner table th {
    padding: 10px; } }
#company .qualification .qualification_inner table th.item_name {
  text-align: left;
  padding: 12px 30px;
  font-size: 22px;
  vertical-align: middle; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner table th.item_name {
    padding: 10px; } }
#company .qualification .qualification_inner table td {
  border-right: 1px solid #416e41;
  border-bottom: 1px solid #416e41;
  padding: 12px 14px;
  text-align: center; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner table td {
    padding: 10px; } }
#company .qualification .qualification_inner table td.item_name {
  text-align: left;
  padding: 12px 30px; }
@media only screen and (max-width: 650px) {
  #company .qualification .qualification_inner table td.item_name {
    padding: 10px; } }

#company .chart h3 {
  text-align: center; }
#company .chart .chart_inner {
  margin: 0 auto;
  width: 1082px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
@media only screen and (max-width: 650px) {
  #company .chart h3 {
    width: 100%; }
  #company .chart .chart_inner {
    width: 94%;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column; } }
#company .chart .chart_inner .box {
  padding: 25px 0;
  width: 30%; }
#company .chart .chart_inner .box h4 {
  padding: 20px; }
#company .chart .chart_inner .box .blue {
  border-left: 1px solid #2869b4;
  border-bottom: 1px solid #2869b4;
  height: 190px;
  position: relative; }
#company .chart .chart_inner .box .blue p {
  text-align: left;
  padding: 15px 10px; }
#company .chart .chart_inner .box .blue p.down {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px; }
#company .chart .chart_inner .box .orange {
  border-left: 1px solid #f09637;
  border-bottom: 1px solid #f09637;
  height: 190px;
  position: relative; }
#company .chart .chart_inner .box .orange p {
  text-align: left;
  padding: 15px 10px; }
#company .chart .chart_inner .box .orange p.down {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px; }
#company .chart .chart_inner .box .green {
  border-left: 1px solid #719f3f;
  border-bottom: 1px solid #719f3f;
  height: 190px;
  position: relative; }
#company .chart .chart_inner .box .green p {
  text-align: left;
  padding: 15px 10px; }
#company .chart .chart_inner .box .green p.down {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px; }
@media only screen and (max-width: 650px) {
  #company .chart .chart_inner .box {
    width: 94%;
	padding: 20px 5px 0; }
  #company .chart .chart_inner .box h4 {
	width: 80%; } }

.icon_inner {
  margin: 130px auto 0;
  width: 1082px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 20px 0; }
.icon_inner p {
  padding: 0 8px; }
@media only screen and (max-width: 650px) {
  .icon_inner {
    width: 100%;
	margin: 50px auto 0; } }