@charset "UTF-8";
/*
編集はscssで行うこと
*/
.ss-case-body {
  max-width: 1140px;
  margin: 0 auto; }
  .ss-case-body h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.1; }
    @media screen and (min-width: 768px) {
      .ss-case-body h2 {
        font-size: 28px; } }
  .ss-case-body p {
    line-height: 1.8;
    text-align: justify; }
    .ss-case-body p.text-center {
      text-align: center; }
  .ss-case-body dl {
    margin: 0; }
    .ss-case-body dl.urls {
      text-align: center; }
      .ss-case-body dl.urls p {
        text-align: center; }
    .ss-case-body dl dt {
      margin-top: 12px;
      color: #333;
      font-size: 16px; }
  .ss-case-body li {
    margin-bottom: 8px;
    font-size: 1.1em; }
  .ss-case-body > ul {
    padding-left: 0; }
  .ss-case-body .urls dl {
    text-align: center; }
    .ss-case-body .urls dl p {
      text-align: center; }
  .ss-case-body .HeadingTitleB01 {
    padding: 0;
    margin: 60px 0 30px;
    border-bottom: 1px solid #eee; }
    .ss-case-body .HeadingTitleB01 h2, .ss-case-body .HeadingTitleB01 h3 {
      padding: 0 0 14px;
      margin: 0;
      font-size: 22px;
      line-height: 1.3;
      color: #333; }
      @media screen and (min-width: 768px) {
        .ss-case-body .HeadingTitleB01 h2, .ss-case-body .HeadingTitleB01 h3 {
          font-size: 28px; } }
  .ss-case-body .noteB01 {
    background-color: #fff;
    border: 1px solid #dddddd;
    padding: 15px;
    color: #5d5d5d; }
    @media screen and (min-width: 768px) {
      .ss-case-body .noteB01 {
        padding: 24px; } }
    .ss-case-body .noteB01 .message {
      line-height: 1.8; }
    .ss-case-body .noteB01 .title {
      color: #333;
      margin: 0 0 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid #dddddd;
      line-height: 1.2;
      font-size: 22px; }
  .ss-case-body .mt-xs-60 {
    margin-top: 60px; }
  .ss-case-body .mb-xs-30 {
    margin-bottom: 30px; }
  .ss-case-body .mb-xs-60 {
    margin-bottom: 60px; }