/* Scss Document */
/* jhs_HP 2018 */
/* initilalize_scss */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/_jhs_init\.scss}line{font-family:\00003147}}
.title1 {
  padding: 20px 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background-color: #18669f;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/_jhs_init\.scss}line{font-family:\00003148}}
.title2 {
  margin: 2em 0  1.5em 0;
  font-size: 18px;
  border-left: 8px double #00a1e9;
  padding-left: 20px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/_jhs_init\.scss}line{font-family:\00003149}}
.title3 {
  margin: 2em 0 1em 0;
  font-size: 16px;
  background: -webkit-linear-gradient(transparent 60%, #93d1fd 40%);
  background: linear-gradient(transparent 60%, #93d1fd 40%);
  -pie-background: linear-gradient(transparent 60%, #93d1fd 40%);
  behavior: url(../pie/PIE.htc);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/_jhs_init\.scss}line{font-family:\00003150}}
.title4 {
  margin: .5em 0 0.7em 0;
  font-size: 14px;
  padding: .7em 0;
  border-bottom: 2px solid #333;
}

/*--- over 1280px ---*/
@media screen and (min-width: 1281px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\000038}}
  #top .topics {
    padding: 0;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000311}}
  #top .top-service, #top .top-package, #top .top-recruit {
    height: 700px;
    padding: 0;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000315}}
  #top .top-links {
    padding: 0;
  }

  /*--- package ---*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000321}}
  #package table {
    width: 60%;
    margin: 0 auto 20px;
  }

  /*--- package_page ---*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000329}}
  #package-page .tt img {
    width: 20%;
  }

  /*--- service ---*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000339}}
  #service .discription {
    width: 1280px;
    margin: 0 auto;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000345}}
  #idc .idc-list {
    float: left;
    width: 50%;
  }

  /*--- company_profile ---*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000353}}
  #company .policy p {
    width: 60%;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/_jhs_init\.scss}line{font-family:\0000366}}
  #company #greeting::after {
    display: block;
    content: "";
    clear: both;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000359}}
  #company #greeting img {
    float: right;
    width: 40%;
    padding: 0 0 0 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000364}}
  #company #greeting #ceo {
    width: 60%;
    float: right;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000369}}
  #company table {
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
  }

  /*--- recruit ---*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/j\/h\/s\/w\/e\/b\/_\/css\/for_pc\.scss}line{font-family:\0000378}}
  #recruit .photo .photo-flame {
    width: 370px;
    margin: 15px;
  }
}