@charset "utf-8";
/* CSS Document */
/*
Theme Name: PEZY Computing V2
Description: PEZY Computing Webサイト Theme V2
Author: ROBOT COMMUNICATIONS INC. PEZY Computing K.K.
Author URI: https://www.pezy.co.jp
Version: 2.3.4
*/
body{
    background-color:#056dcc;
    color:#000000;
    font-family:"Times New Roman",sans-serif;
    -webkit-font-smoothing: antialiased;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

div.hidden{
  display: none;
}

.page_title{
  letter-spacing: 4px;
  font-size:24px;
  text-align: center;
  color:#307ABB;
  margin-bottom: 50px;
}

hr#header_hr{
  display: block;
  /*margin: 10px auto 65px auto;*/
  margin: 10px auto 45px auto;
  width: 100%;
  background-color: #307ABB;
}

div.content{
  margin:0 auto;
  width:100%;
  overflow: hidden;
  max-width: 1600px;
  background:url(../../uploads/2017/06/circle01.png) 0 40px no-repeat #E3ECF0;
  background-size: 100% auto;
  -moz-background-size:100% auto;
}

.header_base{
  margin:0 auto 40px auto;
  width:100%;
  max-width: 1600px;
  height:60px;
  background-color:#fff;
}

header{
  padding:10px;
  vertical-align: middle;
  margin:0 auto;
  width:100%;
  max-width:1600px;
  height:40px;
  
}

header > div{
  font-size:0.8em;
  font-weight: bold;
}

header > div#logo {
  float: left;
  margin-top: 9px;
  margin-left:20px;
  color:#006BC8;

}

#logo-mobile{
  display:none;
}

header > div#logo a{
  color:#006BC8;
}

header > div.menus {
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  font-family:sans-serif;
  color:#307ABB;
}

header > div.menus > div{
  display: inline-block;
  margin-right: 22px;
}

header > div.menus > div:last-child{
  margin-right: 0px;
}

header a{
  text-decoration: none;
}

footer{
  width:100%;
  max-width: 1600px;
  margin: 0 auto;
  margin-bottom: 94px;
  font-family: sans-serif;
  color:#999999;
  font-size: 12px;
}

/** ^ 上へ **/
footer > div.pc_footer >div:first-child{
  width:100px;
  margin:0 auto;
  text-align: center;
}

/** copyright **/
footer > div.pc_footer >div:last-child{
  width:inherit;
  text-align: right;
  margin-right: 20px;
}


header div.language span#lang-jp{
   color:#00348C;
}

header div.language span#lang-en{
  color:#5555ff;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#modal-bg{
  display: none;
  z-index: 1;
  position: absolute;
  top:0px;
  width: 100%;
  height: 100%;
  background-color: rgba(32,71,146,0.9);
}

.news_title{
  font-family: sans-serif;
  line-height: 30px;
}

li{
  list-style-type: none;
}
.bogo-language-switcher > .current{
  display: none;
}

div#mobile_menu{
  display: none;
}

div#mobile_menu_link{
  display:none;
  z-index: 2;
  font-size:36px;
  color:#fff;
  width:300px;
  position: fixed;
  text-align: center;
  top:340px;
  left:0;
  right:0;
  bottom: 0;
  margin: auto;
  width: 640px;
  height: 100%;
}

div#mobile_menu_link a{
  color:#fff;
}

.mobile_footer{
  display: none;
}

/* mobile  */
@media screen and (max-width: 879px){
  .header_base{
    height:100px;
  }

  #wrapper{
    text-align: center;
  }

  header{
    text-align:center;
  }

  .mobile_footer{
    display: block;
  }

  .pc_footer{
    display:none;
  }
  footer{
    width:600px;
  }

  footer > div.mobile_footer{
    text-align: center;
    margin-top: 50px;
  }


  footer > div.mobile_footer > div:last-child{
    width:300px;
    margin:120px auto;
  }

  div.pc_menu{
    display: none !important;
  }

  #logo-mobile{
    margin-top: 23px;
    display: block;

  }
  #logo{
    display: none;
  }

/**ハンバーガー**/
  div#mobile_menu{
    display: block !important;
    float:left;
    margin: 24px 0 0 20px;
  }

  div#mobile_menu_link > div:last-child > a{
    display: block;
    margin-bottom: 66px;
    font-family: sans-serif;
  }

  header > div.menus {
    margin-top:34px;
  }

  div.language{
    font-size:15px;
    float:right;
  }
}

#close_mobile{
  cursor: pointer;
  position: fixed;
  left:36px;
  top:25px;
}

#pdf{
  display: none;
}

#closePdf{
  display: none;
  position: fixed;
  top:10px;
  right:10px;
  cursor: pointer;
}

.box{
  cursor: pointer;
  
}

a:link,a:visited{
  color:#307ABB;
}

a:hover{
  color:#a1c6e6;
}

a.selected{
  color:#a1c6e6 !important;
}