/*----------------------------------------------------
	.con_signup
----------------------------------------------------*/
.con_signup {
  padding-top: 30px; }
  .con_signup h1 strong {
    font-weight: bold; }
  .con_signup .txt_intro {
    text-align: justify;
    margin-top: 20px;
    padding: 0 15px;
    letter-spacing: 0.2ex; }
  .con_signup .box_signup {
    margin-top: 25px;
    padding: 0 15px 45px; }
    .con_signup .box_signup li {
      margin-top: 15px;
      text-align: center; }
      .con_signup .box_signup li > div {
        border: 1px solid #D6D6DC;
        border-radius: 6px;
        padding: 20px 15px; }
        .con_signup .box_signup li > div .txt {
          line-height: 1.5; }
        .con_signup .box_signup li > div .logo {
          width: 60%;
          margin: 6px auto 0; }
        .con_signup .box_signup li > div .btn {
          margin-top: 10px;
          display: block; }
          .con_signup .box_signup li > div .btn a {
            width: 80%;
            margin: 0 auto; }

@media only screen and (min-width: 768px) {
  .con_signup {
    padding-top: 50px; }
    .con_signup .txt_intro {
      text-align: center;
      margin-top: 30px;
      line-height: 2.6;
      padding: 0;
      letter-spacing: 0.1ex; }
    .con_signup .box_signup {
      width: 100%;
      max-width: 1500px;
      margin: 25px auto 0;
      padding: 0 40px 75px;
      display: flex;
      flex-wrap: wrap; }
      .con_signup .box_signup li {
        flex: 1 1 33%;
        padding: 0 10px;
        border: none;
        margin-top: 20px; }
        .con_signup .box_signup li > .bg {
          border-radius: 10px;
          padding: 0;
          height: 100%;
          background: #D6D6DC;
          overflow: hidden; }
          .con_signup .box_signup li > .bg .linkarea {
            background: #fff;
            padding: 28px; }
          .con_signup .box_signup li > .bg .linkarea.spread {
            -webkit-transition: opacity 200ms ease-in-out 0ms;
            -moz-transition: opacity 200ms ease-in-out 0ms;
            -ms-transition: opacity 200ms ease-in-out 0ms;
            -o-transition: opacity 200ms ease-in-out 0ms;
            transition-property: opacity;
            transition-duration: 200ms;
            transition-timing-function: ease-in-out;
            transition-delay: 0ms;
            cursor: pointer; }
            .con_signup .box_signup li > .bg .linkarea.spread:hover {
              opacity: 0.8; }
          .con_signup .box_signup li > .bg .txt {
            font-size: 1.4rem; }
          .con_signup .box_signup li > .bg .logo {
            width: 195px;
            margin: 10px auto 0; }
          .con_signup .box_signup li > .bg .btn {
            margin-top: 12px; }
            .con_signup .box_signup li > .bg .btn a {
              width: 240px; } }