@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
outline
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#outline {
  width: 100%;
  margin: 0;
  padding: 0;
}
#outline .wrapper {
  width: calc(100% - 200px);
  margin: 0 100px;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#outline h3 {
  width: 100%;
  margin: 0 0 100px;
}
#outline h3 span.en {
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  position: relative;
}
#outline h3 span.en:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
}
#outline table {
  width: 100%;
  margin: 0;
  padding: 0;
	border-collapse: collapse;
}
#outline table tr td {
	padding: 25px 30px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#outline table tr td.left {
	width: 29%;
	background-color: #f2f3f8;
}
#outline img.organization {
  margin: 100px auto 0;
  display: block;
}

@media (max-width: 1000px) {
  #outline .wrapper {
    width: calc(100% - 80px);
    margin: 0 40px;
  }
  #outline table tr td {
    padding: 25px 15px;
  }
}
@media (max-width: 980px) {
  #outline img.organization {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #outline .wrapper {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}