@charset "UTF-8";
/**************************************

works

*************************************/
.content.single.works {
  padding-top: 50px; }

.content h2.tac {
  text-align: center;
  font-size: 28px; }
.content .work_contents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  .content .work_contents .cap {
    width: 56.6%;
    height: 600px;
    overflow-y: scroll; }
  .content .work_contents .desc {
    width: 40%; }
    .content .work_contents .desc a {
      display: block;
      margin: 30px 0;
      padding: 15px;
      text-align: center;
      border: 2px solid #053366;
      color: #053366;
      font-size: 14px;
      border-radius: 4px;
      transition: 0.3s ease; }
      .content .work_contents .desc a:before {
        content: "\e055";
        font-family: material icons;
        padding-right: 5px; }
      .content .work_contents .desc a:hover {
        color: #fff;
        transition: 0.3s ease;
        background: #053366; }
    .content .work_contents .desc h3 {
      margin: 0 0 20px;
      padding: 13px;
      font-size: 14px;
      background: #f1f1f1;
      text-align: left;
      border-bottom: none; }
    .content .work_contents .desc table {
      margin-top: 0;
      font-size: 14px; }
      .content .work_contents .desc table th {
        width: 38%;
        padding: 10px;
        padding-left: 0;
        border: none; }
      .content .work_contents .desc table td {
        width: 62%;
        padding: 10px 0;
        border: none; }
        .content .work_contents .desc table td span {
          display: block; }
  .content .work_contents .data {
    width: 100%; }
    .content .work_contents .data div {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .content .work_contents .data div span {
        width: 24.8%; }
        .content .work_contents .data div span p {
          margin: 0;
          background: #f1f1f1;
          text-align: center;
          padding: 5px;
          font-size: 14px;
          font-weight: bold; }
        .content .work_contents .data div span i {
          display: block;
          text-align: center; }
  .content .work_contents .remark {
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #46abcc;
    width: 100%;
    margin: 50px auto;
    border-radius: 6px;
    position: relative; }
    .content .work_contents .remark:before {
      content: "";
      font-family: material icons;
      line-height: 1;
      font-size: 20px;
      position: relative;
      top: 3px; }
  .content .work_contents #book {
    border: 1px solid  #eee; }

.work_links {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 100px;
  width: 100%; }
  .work_links a {
    width: 42%;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .work_links a .img {
      width: 85px;
      height: 85px; }
      .work_links a .img img {
        width: 100%;
        height: 100%; }
    .work_links a.next {
      text-align: right; }
      .work_links a.next i span:before {
        display: none; }
      .work_links a.next i span:after {
        font-family: material icons;
        content: "\e5c8";
        position: relative;
        top: 2px; }
    .work_links a i {
      width: calc(100% - 100px); }
      .work_links a i span {
        display: block;
        font-size: 12px; }
        .work_links a i span:before {
          font-family: material icons;
          content: "\e5c4";
          position: relative;
          top: 2px; }
      .work_links a i em {
        display: block;
        font-size: 15px;
        margin-top: 15px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

a.outer {
  display: block;
  margin: 30px 0;
  padding: 15px;
  text-align: center;
  border: 2px solid #053366;
  color: #053366;
  font-size: 14px;
  border-radius: 4px;
  transition: 0.3s ease;
  width: 100%; }
  a.outer:before {
    content: "\e055";
    font-family: material icons;
    padding-right: 5px; }
  a.outer:hover {
    color: #fff;
    transition: 0.3s ease;
    background: #053366; }

/******************************************

sp

******************************************/
@media (max-width: 600px) {
  #content h2.tac {
    font-size: 24px;
    margin-bottom: 0px; }

  .content .work_contents .cap {
    width: 100%; }
  .content .work_contents .desc {
    width: 100%; }
    .content .work_contents .desc h3 {
      display: none !important; }
    .content .work_contents .desc table {
      margin-top: 20px; }
  .content .work_contents .data div span {
    width: 49%; }
  .content .work_contents .remark {
    margin: 30px auto;
    font-size: 14px; }

  .work_links {
    margin-top: 50px; }
    .work_links a {
      width: 100%; }
      .work_links a:nth-child(1) {
        margin-bottom: 10px; } }
/*600pxここまで*/

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