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

*{
margin:0;
padding:0;
}

body{
text-align:left;
font-size:12px;
color:#222222;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
background:white;
}

html{
overflow-y:scroll;
}

img{
border:0;
}

dl,dt,dd{
line-height:140%;
}

/*----------------------------------------*/
/*2019*/
/*----------------------------------------*/
.Contents{
  overflow: hidden;
  /*
  background: url(../img/index/main.png) no-repeat 0 top;
  background-size:contain;
  */
  width: 100%;
}
.menuArea{
  float: left;
  width: 330px;
  border-right: 1px solid #fff;
  background: #18498D;
}
.menuImg{
  border-bottom: 1px solid #fff;
  margin-bottom: 14px;
  text-align: center;
}
.menuList{
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #bfd8e5;
  box-sizing: border-box;
  padding-left: 10px;
}
.menuList dt {
  font-size: 16px;
  color: #fff;
  margin-bottom: .5rem;
}
.menuList dd {
  padding:0 1rem;
  margin-bottom: .5rem;
}
.menuList dd a{
  display: block;
  padding: .5rem;
  background: #fff url(../img/menu_pdf_s.png) no-repeat right center;
  border-radius: 5px;
  font-size: 13px;
  color: #222;
  text-decoration: none;
}
.menuList dd a:link{
  background: #fff url(../img/menu_pdf_s.png) no-repeat right center;
}
.menuList dd a:hover,
.menuList dd a:active{
  background: #ffe783 url(../img/menu_pdf_s.png) no-repeat right center;
}
.menuList dd.outUrl a{
  background: #fff url(../img/menu_arrow_s_left.png) no-repeat 7px center;
  font-size: 12px;
  padding-left: 27px;
}
.menuList dd.outUrl a:link{
  background: #fff url(../img/menu_arrow_s_left.png) no-repeat 7px center;
}
.menuList dd.outUrl a:hover,
.menuList dd.outUrl a:active{
  background: #ffe783 url(../img/menu_arrow_s_left.png) no-repeat 7px center;
}

.mainImgArea{
 text-align: left;
 /*float: left;*/
 width: calc(100% - 331px);
 overflow: hidden;
 height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  /* border:1px solid red; */
}
.mainImgArea img{
  width: auto;
  height: 100vh;
  max-height: 832px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
    right: 0;
    margin: auto;

}


#pageTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 13px;
}
#pageTopBtn a {
  background: #005895;
  width: 250px;
  text-decoration: none;
  color: #fff;
  padding: 1.2rem 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#pageTopBtn a:hover {
    text-decoration: none;
    background: #02406c;
}


@media screen and (max-width:1000px){
  .mainImgArea{
    height: 100vh;
  }
  .mainImgArea img{
    max-height: unset;
    height: auto;
    width: 100%;
  }
}


@media screen and (max-width:767px){
  .mainImgArea{

    width: 100%;
    background:white;
    height: 0px;
    display: fixed;
    -webkit-animation: fadeout 3s linear 0s 1;

  }
  .mainImgArea img{
    max-height: unset;
    height: auto;
    width: 100%;
  }
  .menuArea{
    width:100%;
    padding-bottom: 20%;
  }
  .menuList{
    padding: 2% 2% 10%;
  }
  .menuList dd a{
    font-size: 5vw;
    line-height: 150%;
    padding: 5%;
  }

  #pageTopBtn a{
    width: 100px;
        padding: 3vw 0;
  }

  @-webkit-keyframes fadeout {
  	0%{
  		opacity:1;
      height: 100vh;
  	}
  	75%{
  		opacity:1;
  	}
  	100% {
  		opacity:0;
      height: 100vh;
  	}
  }
}