@charset "UTF-8";
.snsArea .twitter-timeline { display: none; }

.snsArea .twitter_widget { border: 1px solid #e2e2e2; }

/* 640px */
@media only screen and (max-width: 767px) { .snsArea { margin: 60px auto 30px; }
  .snsArea ul.list { text-align: center; }
  .snsArea ul.list li { display: block; width: 100%; margin: 0 auto 0; text-align: left; background: url(/b_solution/common/images/bg_sns.png) left top; background-size: 32px 32px; background-size: 5.0vw 5.0vw; transition: opacity 0s linear; }
  .snsArea ul.list li.twitter_widget { background: none; }
  .snsArea ul.list li.twitter_widget iframe { width: 100% !important; }
  .snsArea ul.list li + li { margin: 30px auto 0px; margin: 4.7vw auto 0; }
  .snsArea ul.list li:hover { opacity: 1; }
  .snsArea ul.list li iframe { width: 100%; }
  .snsArea ul.list li a { display: block; width: 100%; height: 100%; padding: 40px 0; padding: 6.2vw 0; color: #151515; }
  .snsArea ul.list li a:hover { color: #151515; text-decoration: none; }
  .snsArea ul.list li .icon { display: inline-block; vertical-align: top; width: 152px; width: 23.8vw; margin: 0 0 0 40px; margin: 0 0 0 6.2vw; }
  .snsArea ul.list li .icon img { width: 100%; height: auto; }
  .snsArea ul.list li .textArea { display: inline-block; vertical-align: top; width: 310px; width: 48.4vw; margin: 19px 0 0 25px; margin: 3.0vw 0 0 3.9vw; text-align: left; }
  .snsArea ul.list li .textArea p.text { font-size: 20px; font-size: 3.1vw; font-weight: 500; line-height: 1.2; color: #858585; white-space: nowrap; }
  .snsArea ul.list li .textArea h3.title { margin: 20px auto 0; margin: 3.1vw auto 0; font-size: 24px; font-size: 3.8vw; font-weight: bold; line-height: 1.2; }
  .snsArea ul.list li .textArea p.acount { margin: 20px auto 0; margin: 3.1vw auto 0; display: inline-block; font-size: 24px; font-size: 3.8vw; font-weight: 500; line-height: 1.2; border-bottom: #151515 1px solid; }
  .snsArea ul.list li .comment { font-size: 3.1vw; max-width: 76.1vw; margin: 15px auto 0; }
  .snsArea ul.list li .button { position: relative; margin: 20px 0 0 88px; margin: 3.1vw 0 0 13.8vw; display: inline-block; width: 406px; width: 63.4vw; height: 70px; height: 10.9vw; background: #fff; border: 2px solid #56acee; border-radius: 35px; border-radius: 5.5vw; font-size: 20px; font-size: 3.1vw; font-weight: bold; line-height: 70px; line-height: 10.9vw; text-align: center; color: #56acee; text-indent: 42px; text-indent: 6.6vw; }
  .snsArea ul.list li.facebook .button { color: #1877f2; border: 2px solid #1877f2; }
  .snsArea ul.list li .button .ico { margin: 0 !important; padding: 0 !important; position: absolute; top: 3.3vw; width: 5.0vw; left: -10px; }
  .snsArea ul.list li .button .ico img { width: 100%; height: auto; margin: 0 !important; padding: 0 !important; } }

/*PC
769px 以上～
------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) { .snsArea { margin: 40px auto 30px; }
  .snsArea ul.list { margin: 0 auto; text-align: center; }
  .snsArea ul.list li { display: inline-block; vertical-align: top; width: 460px; margin: 0; }
  .snsArea ul.list li + li { margin: 0 0 0 40px; }
  .snsArea ul.list li a { display: block; width: 100%; height: 100%; padding: 22px 0; color: #151515; text-align: left; background: url(/b_solution/common/images/bg_sns.png) left top; transition: opacity 0.3s linear; }
  .snsArea ul.list li a:hover { opacity: 0.3; color: #151515; text-decoration: none; }
  .snsArea ul.list li .icon { display: inline-block; vertical-align: top; width: 120px; margin: 0 0 0 40px; }
  .snsArea ul.list li .textArea { display: inline-block; vertical-align: top; width: 260px; margin: 4px 0 0 16px; text-align: left; }
  .snsArea ul.list li .textArea p.text { font-size: 16px; font-weight: 500; line-height: 1.2; color: #858585; }
  .snsArea ul.list li .textArea h3.title { margin: 14px auto 0; font-size: 18px; font-weight: bold; line-height: 1.2; }
  .snsArea ul.list li .textArea p.acount { margin: 14px auto 0; display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.2; border-bottom: #151515 1px solid; }
  .snsArea ul.list li .comment { font-size: 12px; max-width: 396px; margin: 15px auto 0; }
  .snsArea ul.list li .button { width: 320px; height: 60px; font-size: 16px; font-weight: bold; line-height: 60px; text-align: center; color: #56acee; text-indent: 34px; background: #fff; border: 2px solid #56acee; border-radius: 30px; margin: 20px 0 0 70px; display: inline-block; position: relative; }
  .snsArea ul.list li.facebook .button { color: #1877f2; border: 2px solid #1877f2; }
  .snsArea ul.list li .button .ico { width: 26px !important; margin: 0 !important; padding: 0 !important; position: absolute; top: 18px; left: 0px; }
  .snsArea ul.list li .button .ico img { margin: 0 !important; padding: 0 !important; } }