/*background image*/
/*flex*/
/*hover base anim*/
/*custom anim*/
/*liner anim*/
/*content data-text*/
/* text indent letter spaxing*/
/*serif font*/
/*san_serif font*/
/*google font*/
/*shadow*/
/**/
@keyframes bgdraw {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(1) translateX(100%); } }

.catalog_contents .page_contents {
  color: #000; }
  .catalog_contents .page_contents .cont_in {
    max-width: 1104px; }
  .catalog_contents .page_contents .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 96px; }
    .catalog_contents .page_contents .item .pic {
      width: 320px;
      margin-right: 51px; }
      .catalog_contents .page_contents .item .pic a {
        display: block;
        line-height: 0;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .catalog_contents .page_contents .item .txt_box {
      flex: 1; }
      .catalog_contents .page_contents .item .txt_box .name {
        font-size: 24px;
        line-height: 1.3;
        padding-bottom: 10px;
        margin-bottom: 16px;
        border-bottom: solid 1px #ddd;
        letter-spacing: .05em; }
      .catalog_contents .page_contents .item .txt_box .txt {
        line-height: 1.6777;
        font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-size: 18px;
        margin-bottom: 2em; }
      .catalog_contents .page_contents .item .txt_box .date {
        font-size: 18px;
        margin-bottom: 2.75em;
        font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; }
      .catalog_contents .page_contents .item .txt_box .btn a {
        display: inline-block;
        padding: 0.5em 1.5em;
        line-height: 1;
        font-size: 24px;
        border: solid 1px #000;
        border-radius: 10rem; }
        .catalog_contents .page_contents .item .txt_box .btn a:hover {
          opacity: 1;
          background-color: #000;
          color: #fff; }
  @media screen and (max-width: 768px) {
    .catalog_contents .page_contents .item {
      display: block;
      margin-bottom: 72px; }
      .catalog_contents .page_contents .item .pic {
        width: 100%;
        text-align: center; }
        .catalog_contents .page_contents .item .pic a {
          width: 240px;
          margin: 0 auto 32px; }
      .catalog_contents .page_contents .item .txt_box .name {
        font-size: 20px; }
      .catalog_contents .page_contents .item .txt_box .txt {
        font-size: 14px;
        margin-bottom: 1.5em; }
      .catalog_contents .page_contents .item .txt_box .date {
        font-size: 14px;
        margin-bottom: 2em; }
      .catalog_contents .page_contents .item .txt_box .btn a {
        font-size: 17px; } }