@charset "UTF-8";
/*--------------------------------------------------------------
 共通
--------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
  list-style: none; }

img, iframe {
  max-width: 100%;
  height: auto; }

html,
body {
  font-size: 16px;
  line-height: 1.7;
  background: #f6f7f6;
  color: #222;
  height: 100%; }

/*--------------------------------------------------------------
 PDF表示エリア
--------------------------------------------------------------*/
.left_frame {
  position: fixed;
  width: 256px;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto; }

.right_frame {
  height: 99%;
  margin: 0 0 0 256px; }

.menu_area {
  background: #fff;
  height: 100%; }

.logo_area {
  background: #e8343d;
  color: #fff;
  padding: 1rem;
  text-align: center; }
  .logo_area a {
    color: #fff;
    text-decoration: none;
    font-weight: 500; }
  .logo_area em {
    font-style: normal;
    font-size: 0.9wm;
    font-weight: 600; }
  .logo_area small {
    font-size: 0.8em; }
  .logo_area b {
    display: block;
    font-size: 24px;
    font-weight: 800; }

.sMenu {
  overflow: auto;
  font-size: 14px; }

.mainMenuItem {
  padding: 0;
  border-bottom: 2px solid #aaa; }
  .mainMenuItem a {
    cursor: pointer; }
  .mainMenuItem.open {
    background: #fffeee; }
  .mainMenuItem h2 a {
    display: block;
    text-decoration: none;
    color: #444;
    padding: 8px 1rem; }
  .mainMenuItem h2 a:hover {
    background: #f0e0f0; }
  .mainMenuItem i {
    font-style: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
  .mainMenuItem em {
    display: inline-block;
    color: #189cc5;
    border: 1px solid #189cc5;
    font-size: 11px;
    font-style: normal;
    padding: 0 2px; }

.subMenu {
  padding-left: 1rem;
  font-size: 0.9em;
  display: none; }
  .subMenu li {
    border-top: 1px dashed #aaa; }
  .subMenu a {
    display: block;
    text-decoration: none;
    color: #444;
    padding: 8px 1rem; }
  .subMenu a:hover {
    color: #e8343d; }

.downlaod_area {
  padding: 1rem; }
  .downlaod_area a {
    display: block;
    background: #e8343d linear-gradient(#fc545d 0%, #e8343d 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    padding: 8px; }
  .downlaod_area a:hover {
    background: #e8343d; }

.jhs .logo_area {
  background: #44a1d7; }
.jhs h2 a:hover {
  background: #d0e0ff; }
.jhs .downlaod_area a {
  background: #e8343d linear-gradient(#83c3e9 0%, #44a1d7 100%);
  color: #fff; }
.jhs .downlaod_area a:hover {
  background: #44a1d7; }

#pdfArea {
  border: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #000; }

/*--------------------------------------------------------------
 common
--------------------------------------------------------------*/
/* 記号表示（●■を正常サイズで表示） */
@media all and (max-width: 510px) {
  #left_frame {
    display: none; }

  .right_frame {
    margin: 0; } }
