@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
  height: 100%;
}

body {
    font-size: 75%; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 2; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    background: #F2F2F2; /*背景指定*/
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; /*フォントの種類指定(左から優先順位)*/
    color: #333; /*文字色指定*/
}

ul {
  list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a:hover {
  text-decoration: none;
}

header {
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 70px; /*領域の高さ指定*/
    background: #fff; /*背景指定*/
    z-index: 1000; /*ボックス重なり順序指定*/
}

h1 {
    padding-left: 1em;
    font-size: 3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 70px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    height: 70px; /*領域の高さ指定*/
}

h1 a {
    color: #333; /*文字色指定*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

h1 a:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}

/*アイコンを囲むブロック全体の設定*/
header .icon {
	position: absolute;
	right: 8px;		/*ヘッダーブロックに対して右から3%の場所に配置*/
	bottom: 8px;	/*ヘッダーブロックに対して下から15pxの場所に配置*/
}
/*アイコン１個あたりの設定*/
header .icon li {
	display: inline;	/*横並びにさせる指定*/
}
/*アイコン画像の設定*/
header .icon img {
	width: 35px;		/*画像の幅*/
	width: 3em;		/*画像の幅*/
	margin-left: 10px;	/*画像同士の余白*/
}
header .icon img:hover {
  transform: scale(1.2) rotate(9deg);
  transition-duration: 0.5s;
}

.submenu {
  position: fixed;
  top: 70px;
  width: 180px;
  height: 100%; /*領域の高さ指定*/
  display: inline;
  float: left;
  background: #fff; /*背景指定*/
}

.submenu_body {
    font-size: 1.5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 45px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    height: 100%; /*領域の高さ指定*/
}

.submenu_body li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
.submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
  padding-left: 15px;
	text-decoration:none;		/*リンクの下線を無くす*/
  color: #727171;
}
.submenu_body li a:hover {
	background-color:#AAAAAA;	/*リンクにマウスが乗ったら色を変える*/
  color: #fff;
}
.submenu_body li a img {
	width: 22px;		/*画像の幅*/
  vertical-align: -3px;
}

.wrapper {
    float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin-top: 70px; /*ボックス外側上の余白*/
    margin-left: -200px; /*ボックス外側左の余白*/
}

.content {
    margin-left: 200px; /*ボックス外側左の余白*/
}

/*メインの内容*/

article {
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 20px 0 50px 0; /*ボックス外側の余白*/
}

section {
    width: 80%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 0 auto; /*ボックス外側の余白*/
    padding: 20px; /*ボックス内側の余白*/
    background: #fff; /*背景指定*/
}

h2 {
    font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

h3 {
    font-size: 1.5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: bold; /*フォントの太さ指定(normalは標準)*/
    text-align: left; /*行の水平方向の揃え方(centerは中央揃え)*/
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}
.list_info {
  margin-left: 3em; /*ボックス外側左の余白*/
  display: flex;
  flex-direction: column-reverse;
}

.list_info li {
  font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  margin:0 0 1.0em;
  list-style-type:circle;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -2em;
}

.list_info div {
  font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  margin:0 0 0em;
  list-style-type:square;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: 0em;
}

.list_career {
  margin-left: 3em; /*ボックス外側左の余白*/
  display: flex;
  flex-direction: column-reverse;
}

.list_career li {
  font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  margin:0 0 1.0em;
  list-style-type:circle;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -2em;
}

.list_career div {
  font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  margin:0 0 0em;
  list-style-type:square;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: 0em;
}

.list_publication {
  margin-left: 3em; /*ボックス外側左の余白*/
  display: flex;
  flex-direction: column-reverse;
}

.list_publication li {
  font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  margin:0 0 0.5em;
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -2em;
}

.list_publication li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}