@charset "utf-8";
/* -------------------------------------------------------------- 
 
 Hartija CSS Print Framework -MIT License
   * Version:   1.0
 
-------------------------------------------------------------- */
#header, #wrapper, body, html {
  min-width: 1200pt;
  overflow: hidden
}
body, html {
  -webkit-transform: scale(0.84);
  transform: scale(0.84);
  transform-origin: 0 0;
}
body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45;
  color: #000;
  background: 0;
  font-size: 14pt;
  -webkit-print-color-adjust: exact;
}
#header {
  zoom: 1
}
h1, h2, h3, h4, h5, h6 {
  page-break-after: avoid
}
h1 {
  font-size: 19pt
}
h2 {
  font-size: 17pt
}
h3 {
  font-size: 15pt
}
h4, h5, h6 {
  font-size: 14pt
}
h2, h3, p {
  orphans: 3;
  widows: 3
}
code {
  font: 9px Courier, monospace
}
blockquote {
  margin: 1.2em;
  padding: 1em;
  font-size: 9px
}
hr {
  background-color: #ccc
}
img {
  float: left;
  margin: 1em 1.5em 1.5em 0;
  max-width: 100% !important
}
a img {
  border: 0
}
a:link, a:visited {
  background: transparent;
  font-weight: 700;
  text-decoration: underline;
  color: #333
}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
  /*content: " ("attr(href) ") ";
  font-size: 90%*/
}
abbr[title]:after {
  content: " ("attr(title) ")"
}
a[href^="http://"] {
  color: #000
}
a[href$=".gif"]:after, a[href$=".jpeg"]:after, a[href$=".jpg"]:after, a[href$=".png"]:after {
  content: " ("attr(href) ") ";
  display: none
}
a[href^="#"]:after, a[href^="javascript:"]:after {
  content: ""
}
table {
  margin: 1px;
  text-align: left
}
th {
  font-weight: 700
}
td, th {
  border-bottom: 1px solid #333
}
td, th {
  padding: 4px 10px 4px 0
}
tfoot {
  font-style: italic
}
caption {
  background: #fff;
  margin-bottom: 2em;
  text-align: left
}
thead {
  display: table-header-group
}
img, tr {
  page-break-inside: avoid
}
iframe {
  overflow: visible
}
@page {
  margin: 30px;
}
/*
###################################################################################################################################

global

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap !important;
  }
  .btn01 > a {
    text-decoration: none;
  }
  #gnavi {
    width: 100% !important;
    position: absolute;
    left: 30%;
  }
  #gnavi .nav_list {
    justify-content: flex-start !important;
    flex-basis: 100% !important;
  }
  #header {
    width: 100% !important;
  }
  #header .btn_wrap {}
  .tbl_style02 {
    border-collapse: separate;
    border-spacing: 0;
  }
  .tbl_style02, .tbl_style02 th, .tbl_style02 td {}
  .tbl_style02 th, .tbl_style02 td {}
}
/*
###################################################################################################################################

top

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  #hom_about .col_wrap .txt_col .box {
    width: 100% !important;
  }
  #hom_about .col_wrap .pic_col {
    flex-basis: 50% !important;
  }
  #hom_about .col_wrap .pic_col .catch {
    font-size: 12rem !important;
    padding: 205px 0 60px 60px;
  }
  #hom_news .news_list .meta {
    width: 100% !important;
  }
  #hom_site .banner_list > li > a {
    position: relative;
  }
  #hom_site .banner_list > li > a img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #hom_site .banner_list > li.no1 > a img {}
  #hom_site .banner_list > li.no1 > a {}
  #hom_site .banner_list > li.no2 > a {}
  #hom_site .banner_list > li.no2 > a img {}
}
/*
###################################################################################################################################

job

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.job #sec01 .group_pic {
    width: 392px;
    height: 275px;
  }
}
/*
###################################################################################################################################

case

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.case #sec01 .list .meta {
    width: 100%;
  }
}
/*
###################################################################################################################################

post-contents

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  .post-content blockquote {}
  .post-content img {
    float: none !important;
    display: inline-block; /*for modern*/
  }
  .post-content h4:before {
    top: 5px !important;
  }
}
/*
###################################################################################################################################

news

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body#news .news_list .meta {
    width: 100%;
  }
}
/*
###################################################################################################################################

news

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.single #sec01 .navi_wrap {
    width: calc(100% - 390px);
  }
}
/*
###################################################################################################################################

news

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.area #sec01 .area_list .meta {
    width: 100%;
  }
}
/*
###################################################################################################################################

web

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.web #footer .ft_logo {
    padding-top: 45px !important;
  }
}
/*
###################################################################################################################################

member

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body#member .tbl_style01 {
    font-size: 1.4rem;
  }
}
/*
###################################################################################################################################

search

###################################################################################################################################
*/
@media screen and (min-width:768px), print {
  body.search .tbl_style01 {
    font-size: 1.4rem;
  }
}