@media screen and (min-width: 800px) {
  .pc_hidden {
    display: none; } }

.pc_block {
  display: none; }
  @media screen and (min-width: 800px) {
    .pc_block {
      display: block; } }

@media screen and (min-width: 800px) {
  #wrapper {
    min-width: 1120px; } }

#globalnav ul li {
  width: 50%;
  float: left; }
  @media screen and (min-width: 800px) {
    #globalnav ul li {
      width: calc(100% / 6); } }
  #globalnav ul li a span {
    background: none;
    color: #4c4c4c;
    display: block;
    overflow: visible;
    white-space: normal;
    text-indent: 0;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 1px;
    letter-spacing: 1px; }
    @media screen and (min-width: 800px) {
      #globalnav ul li a span {
        padding-top: 4px;
        font-size: 1.3em; } }
  #globalnav ul li a span:hover {
    color: #5f1a86; }
#globalnav ul li.gnav_recruit a, #globalnav ul .gnav_partner a {
  border-right: 1px solid #f9f9f9; }
  #globalnav ul li.gnav_recruit a span, #globalnav ul .gnav_partner a span {
    width: 100%; }
#globalnav ul .gnav_partner a span {
  font-size: 0.9em;
  padding-top: 3px;
  letter-spacing: 0px; }
  @media screen and (min-width: 800px) {
    #globalnav ul .gnav_partner a span {
      padding-top: 4px;
      font-size: 1.2em; } }
#globalnav ul li:last-child {
  width: 50%;
  clear: none; }
  @media screen and (min-width: 800px) {
    #globalnav ul li:last-child {
      width: calc(100% / 6); } }

section#sec_main {
  margin: 0; }
  section#sec_main .blog_item {
    height: auto;
    overflow: hidden;
    width: 96%;
    margin: 0 2% 20px 2%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d9d9d9; }
    @media screen and (min-width: 800px) {
      section#sec_main .blog_item {
        width: 79%;
        padding: 20px 0;
        margin: 0 0% 20px 11%; } }
    section#sec_main .blog_item .harf_img {
      height: 180px;
      overflow: hidden;
      position: relative;
      margin-top: 10px; }
      @media screen and (min-width: 800px) {
        section#sec_main .blog_item .harf_img {
          width: 80%;
          height: 250px; } }
      section#sec_main .blog_item .harf_img a {
        height: 180px;
        display: block; }
        @media screen and (min-width: 800px) {
          section#sec_main .blog_item .harf_img a {
            height: 250px; } }
        section#sec_main .blog_item .harf_img a img {
          width: 100%;
          position: absolute;
          width: 100%;
          height: auto;
          min-width: 100%;
          left: 50%;
          top: 50%;
          -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }
          section#sec_main .blog_item .harf_img a img:hover {
            transform: scale(1.05) translate(-49%, -49%);
            transition-duration: 0.3s; }
    @media screen and (min-width: 800px) {
      section#sec_main .blog_item .harf_text p {
        width: 80%; } }
    section#sec_main .blog_item .harf_text p img {
      display: block;
      width: 100%;
      margin: 20px auto; }
      @media screen and (min-width: 800px) {
        section#sec_main .blog_item .harf_text p img {
          margin: 40px auto; } }
    section#sec_main .blog_item .harf_text a.more {
      float: right;
      font-size: 1.2em;
      text-decoration: underline; }
      @media screen and (min-width: 800px) {
        section#sec_main .blog_item .harf_text a.more {
          margin: 0 5% 0 0; } }
    section#sec_main .blog_item .harf_text p a {
      text-decoration: underline; }
  section#sec_main .category {
    height: auto;
    overflow: hidden; }
    @media screen and (min-width: 800px) {
      section#sec_main .category {
        width: auto;
        display: table-cell;
        vertical-align: middle; } }
    section#sec_main .category p {
      float: left;
      background: #e5e5e5;
      padding: 3px 10px;
      margin: 5px 10px 5px 0;
      font-size: 90%; }
      @media screen and (min-width: 800px) {
        section#sec_main .category p {
          margin: 5px 10px 5px 0; } }
  section#sec_main .user_img {
    width: 45px;
    height: 45px;
    display: table-cell;
    vertical-align: middle; }
    @media screen and (min-width: 800px) {
      section#sec_main .user_img {
        width: 40px;
        height: 40px; } }
    section#sec_main .user_img img {
      border-radius: 50%; }
  section#sec_main p.user {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 0.5em;
    font-weight: bold; }
    @media screen and (min-width: 800px) {
      section#sec_main p.user {
        padding: 0 1em 0 0.5em; } }
  section#sec_main p.time {
    font-size: 90%; }
    @media screen and (min-width: 800px) {
      section#sec_main p.time {
        width: auto;
        margin: 0; } }
    section#sec_main p.time img {
      height: 1.5em;
      margin: 0 5px 5px 5px; }
  section#sec_main h1.headline {
    font-size: 180%;
    background: none;
    margin: 0;
    padding: 0;
    line-height: 1.5em; }
    @media screen and (min-width: 800px) {
      section#sec_main h1.headline {
        width: 82%; } }
    section#sec_main h1.headline a {
      color: #595655;
      line-height: 1em; }
  section#sec_main .cover_img {
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 10px; }
    @media screen and (min-width: 800px) {
      section#sec_main .cover_img {
        height: 480px;
        margin-top: 20px; } }
    section#sec_main .cover_img img {
      display: block;
      width: 100%;
      margin: 10px auto; }
      @media screen and (min-width: 800px) {
        section#sec_main .cover_img img {
          margin: 20px auto;
          width: 100%;
          position: absolute;
          width: 100%;
          height: auto;
          min-width: 100%;
          left: 50%;
          top: 50%;
          -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); } }
  section#sec_main .blog_detail, section#sec_main .news_detail {
    padding: 2%; }
    @media screen and (min-width: 800px) {
      section#sec_main .blog_detail, section#sec_main .news_detail {
        padding: 2% 5%;
        max-width: 1180px;
        margin: 0 auto; } }
    section#sec_main .blog_detail h1.headline, section#sec_main .news_detail h1.headline {
      font-size: 180%;
      background: none;
      margin: 0;
      padding: 0;
      line-height: 1.5em;
      color: #424242; }
      @media screen and (min-width: 800px) {
        section#sec_main .blog_detail h1.headline, section#sec_main .news_detail h1.headline {
          font-size: 250%;
          width: 100%;
          margin: 10px 0; } }
      section#sec_main .blog_detail h1.headline a, section#sec_main .news_detail h1.headline a {
        color: #595655;
        line-height: 1em; }
    @media screen and (min-width: 800px) {
      section#sec_main .blog_detail .category, section#sec_main .news_detail .category {
        display: table-cell;
        vertical-align: middle; } }
    section#sec_main .blog_detail p.time, section#sec_main .news_detail p.time {
      margin: 5px 0; }
      @media screen and (min-width: 800px) {
        section#sec_main .blog_detail p.time, section#sec_main .news_detail p.time {
          width: auto;
          padding: 0 1.5em 0 0;
          display: table-cell;
          vertical-align: middle; } }
      section#sec_main .blog_detail p.time img, section#sec_main .news_detail p.time img {
        height: 1.7em;
        margin: 0 5px 5px 5px; }
    @media screen and (min-width: 800px) {
      section#sec_main .blog_detail .harf_text p, section#sec_main .news_detail .harf_text p {
        width: 100%;
        letter-spacing: 0.06px;
        font-size: 110%;
        margin-top: 20px; } }
    section#sec_main .blog_detail .harf_text p a, section#sec_main .news_detail .harf_text p a {
      vertical-align: top; }
    section#sec_main .blog_detail .harf_text h1, section#sec_main .news_detail .harf_text h1 {
      color: #424242;
      background: none; }
    section#sec_main .blog_detail .harf_text h2, section#sec_main .news_detail .harf_text h2 {
      color: #424242; }
    section#sec_main .blog_detail .harf_text h3, section#sec_main .news_detail .harf_text h3 {
      color: #424242; }
    section#sec_main .blog_detail .harf_text blockquote, section#sec_main .news_detail .harf_text blockquote {
      line-height: 2.5em;
      padding-left: 1.5em;
      border-left: 6px solid #e5e5e5;
      margin-top: 15px; }
    section#sec_main .blog_detail .harf_text pre, section#sec_main .news_detail .harf_text pre {
      padding: 12px;
      background-color: #f9f9f9;
      font-family: Menlo, Consolas, monospace, sans-serif;
      color: #45494B;
      font-size: 14px;
      line-height: 1.4;
      overflow-x: auto;
      word-wrap: normal;
      white-space: pre; }
  section#sec_main #recommend {
    height: auto;
    overflow: hidden; }
    @media screen and (min-width: 800px) {
      section#sec_main #recommend .blog_item {
        width: calc(100% / 3);
        float: left;
        margin: 0;
        padding: 20px; } }
    section#sec_main #recommend .blog_item .category, section#sec_main #recommend .blog_item p.time {
      display: none; }
      @media screen and (min-width: 800px) {
        section#sec_main #recommend .blog_item .category, section#sec_main #recommend .blog_item p.time {
          display: block; } }
    section#sec_main #recommend .blog_item h1.headline, section#sec_main #recommend .blog_item .harf_text {
      width: calc(100% - 130px);
      float: right; }
      @media screen and (min-width: 800px) {
        section#sec_main #recommend .blog_item h1.headline, section#sec_main #recommend .blog_item .harf_text {
          width: 100%;
          margin-bottom: 0; } }
    section#sec_main #recommend .blog_item h1.headline {
      height: auto;
      overflow: hidden;
      font-size: 120%;
      height: 3em; }
      section#sec_main #recommend .blog_item h1.headline a {
        height: 2.8em;
        line-height: 1.4em;
        display: block; }
    section#sec_main #recommend .blog_item .harf_text p {
      height: 30px;
      font-size: 90%;
      line-height: 1.2em;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
      @media screen and (min-width: 800px) {
        section#sec_main #recommend .blog_item .harf_text p {
          -webkit-line-clamp: 2; } }
    section#sec_main #recommend .blog_item .user_img {
      padding: 0.5em 0 0 0.7em; }
    section#sec_main #recommend .blog_item p.user {
      padding-top: 0.5em; }
    section#sec_main #recommend .blog_item .harf_img {
      height: 120px;
      width: 120px;
      overflow: hidden;
      position: relative;
      float: left; }
      @media screen and (min-width: 800px) {
        section#sec_main #recommend .blog_item .harf_img {
          width: 100%; } }

ul.pager {
  height: auto;
  overflow: hidden;
  margin: 0 0 20px 0; }
  @media screen and (min-width: 800px) {
    ul.pager {
      width: 80%;
      margin: 40px 12% 20px 8%; } }
  ul.pager li {
    width: calc(50% - 20px);
    background: #f2f2f2;
    margin: 0 10px;
    float: left;
    text-align: center;
    line-height: 3em;
    font-size: 1.2em;
    font-weight: bold; }
    @media screen and (min-width: 800px) {
      ul.pager li {
        width: 20%; } }
    ul.pager li a {
      display: block;
      color: white;
      background: #f8b62c; }
  @media screen and (min-width: 800px) {
    ul.pager li:first-child {
      float: left; } }
  @media screen and (min-width: 800px) {
    ul.pager li:last-child {
      float: right; } }

.news_detail ul.pager {
  margin-top: 50px; }
  @media screen and (min-width: 800px) {
    .news_detail ul.pager {
      margin-top: 150px; } }

.side_nav {
  width: 100%; }
  @media screen and (min-width: 800px) {
    .side_nav {
      width: 18%;
      float: right;
      margin: 0 1%; } }
  .side_nav label {
    display: block;
    width: calc(90% - 20px);
    padding: 10px;
    margin: 0 5% 20px 5%;
    border: 1px solid gray;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s; }
    @media screen and (min-width: 800px) {
      .side_nav label {
        display: none; } }
  .side_nav input {
    display: none; }
  .side_nav .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s; }
    @media screen and (min-width: 800px) {
      .side_nav .accshow {
        display: block;
        height: auto;
        opacity: 1; } }
  .side_nav .backnumber:checked + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1; }
  @media screen and (min-width: 800px) {
    .side_nav ul {
      text-align: left;
      padding: 10px; } }
  .side_nav ul p {
    font-size: 1.2em;
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 20px 0 0 0; }
  .side_nav ul p:first-child {
    margin: 0; }
  .side_nav ul li {
    padding: 5px 20px;
    border-bottom: 1px solid #cccccc; }

.news_table dl.sec_table {
  border-bottom: 1px solid #cccccc; }
  @media screen and (min-width: 800px) {
    .news_table dl.sec_table {
      padding-bottom: 5px;
      border: none; } }
.news_table dt.box_balloon {
  text-align: left;
  width: 115px;
  padding: 5px 10px;
  margin-top: 12px;
  font-size: 95%; }
.news_table dd {
  padding-left: 1em; }
  @media screen and (min-width: 800px) {
    .news_table dd {
      padding: 20px 40px; } }

.sec_footer_item ul {
  height: auto;
  overflow: hidden; }
  @media screen and (min-width: 800px) {
    .sec_footer_item ul {
      position: relative; } }
  @media screen and (min-width: 800px) {
    .sec_footer_item ul li:last-child {
      position: absolute;
      top: 0;
      right: 5px; } }

.sec_item_news h3 {
  margin-bottom: 5px; }
.sec_item_news a.news_more {
  padding: 15px 10px 10px; }

/*# sourceMappingURL=common.css.map */