﻿@charset "UTF-8";

/*D5D5D5*/
/*F5F5F5*/
.c-button,
.post-body .c-button {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding:0;
  border: 1px solid #D5DDE3;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  line-height:44px;
  height:44px;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow .2s linear, border-color .2s linear, color .2s linear;
  font-size: 16px; }
  .c-button span .yy{position:relative; right:-55px; font-size:18px;}
  .c-button::before,
  .post-body .c-button::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #0081cc;
    transition: width 0.5s cubic-bezier(0.73, 0.965, 0.76, 1);
    will-change: opacity, width; }
  @media screen and (min-width: 768px), print {
    .c-button:hover::before,
    .post-body .c-button:hover::before {
      width: 100%;
      left: 0;
      right: auto; } }
  @media screen and (min-width: 768px), print {
    .c-button,
    .post-body .c-button {
      min-width: 235px; } }
  @media screen and (max-width: 767px) {
    .c-button,
    .post-body .c-button {
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    .c-button:not(:last-child),
    .post-body .c-button:not(:last-child) {
      margin-right: 20px; } }
  @media screen and (max-width: 767px) {
    .c-button:not(:last-child),
    .post-body .c-button:not(:last-child) {
      margin-bottom: 15px; } }
  .c-button span,
  .post-body .c-button span {
    display: inline-block;
    position: relative; }
  .c-button small,
  .post-body .c-button small {
    font-size: 85%; }
  .c-button.-green,
  .post-body .c-button.-green {
    color: #fff;
    border: none;
    background: #6AB211;
    position: relative; }

    .c-button.-green::before,
    .post-body .c-button.-green::before {
      background: #74C412; }
    .c-button.-green[target="_blank"] span,
    .post-body .c-button.-green[target="_blank"] span {
      background: url(../images/icon_external_green.svg) no-repeat right center/17px !important; }
  .c-button.-back,
  .post-body .c-button.-back {
    position: relative;
    padding-left: 27px;
    padding: 17px 30px 17px 60px; }


  .c-button.-back.-green,
  .post-body .c-button.-back.-green {
    position: relative; }

  .c-button.-white,
  .post-body .c-button.-white {
    color: #000;
    border: none;
    background: #fff;
    position: relative;
    padding-right: 27px; }
 

    @media screen and (min-width: 768px), print {
      .c-button.-white:hover,
      .post-body .c-button.-white:hover {
        color: #6AB211; } }
  .c-button.-white-alpha,
  .post-body .c-button.-white-alpha {
    color: #000;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    padding-right: 27px; }
 
    @media screen and (min-width: 768px), print {
      .c-button.-white-alpha:hover,
      .post-body .c-button.-white-alpha:hover {
        color: #6AB211; } }
  .c-button.-bold,
  .post-body .c-button.-bold {
    font-weight: 700; }
  .c-button.-large,
  .post-body .c-button.-large {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px; }
  .c-button.-small,
  .post-body .c-button.-small {
    padding: 15px 60px 15px 20px;
    font-size: 14px; }
  .c-button.-float,
  .post-body .c-button.-float {
    background: #fff;
    border: none; }
    @media screen and (min-width: 768px), print {
      .c-button.-float,
      .post-body .c-button.-float {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } }
    @media screen and (max-width: 767px) {
      .c-button.-float,
      .post-body .c-button.-float {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } }
    @media screen and (min-width: 768px), print {
      .c-button.-float,
      .post-body .c-button.-float {
        padding: 25px 60px 25px 40px; } }
    @media screen and (min-width: 768px), print {
      .c-button.-float:hover,
      .post-body .c-button.-float:hover {
        box-shadow: none; } }
  .c-button.-mail,
  .post-body .c-button.-mail {
    text-align: center;
    padding: 17px 30px 17px 30px; }
    .c-button.-mail::after,
    .post-body .c-button.-mail::after {
      display: none; }
    .c-button.-mail span,
    .post-body .c-button.-mail span {
      padding-left: 30px;
      background: url(../../assets/images/icon_mail_border_white.svg) no-repeat 0 50%/20px; }
  .c-button.-under,
  .post-body .c-button.-under {
    position: relative;
    padding:0; }

  .c-button:not(.-has-icon)[href$=".pdf"],
  .post-body .c-button:not(.-has-icon)[href$=".pdf"] {
    padding-right: 30px; }
    .c-button:not(.-has-icon)[href$=".pdf"]::after,
    .post-body .c-button:not(.-has-icon)[href$=".pdf"]::after {
      display: none; }
    .c-button:not(.-has-icon)[href$=".pdf"] span,
    .post-body .c-button:not(.-has-icon)[href$=".pdf"] span {
      width: 100%;
      margin-right: 2px;
      padding-right: 24px;
      background: url(../images/icon_pdf.svg) no-repeat right center/15px; }
  .c-button:not(.-has-icon)[href$=".xlsx"],
  .post-body .c-button:not(.-has-icon)[href$=".xlsx"] {
    padding-right: 30px; }
    .c-button:not(.-has-icon)[href$=".xlsx"]::after,
    .post-body .c-button:not(.-has-icon)[href$=".xlsx"]::after {
      display: none; }
    .c-button:not(.-has-icon)[href$=".xlsx"] span,
    .post-body .c-button:not(.-has-icon)[href$=".xlsx"] span {
      width: 100%;
      margin-right: 2px;
      padding-right: 24px;
      background: url(../images/icon_excel.svg) no-repeat right center/15px; }
  .c-button:not(.-has-icon)[target="_blank"],
  .post-body .c-button:not(.-has-icon)[target="_blank"] {
    padding-right: 30px; }
    .c-button:not(.-has-icon)[target="_blank"]::after,
    .post-body .c-button:not(.-has-icon)[target="_blank"]::after {
      display: none; }
    .c-button:not(.-has-icon)[target="_blank"] span,
    .post-body .c-button:not(.-has-icon)[target="_blank"] span {
      width: 100%;
      margin-right: 2px;
      padding-right: 24px;
      background: url(../images/icon_external.svg) no-repeat right center/16px; }









