#case #mainimgContent {
  background-image: url(../img/case/pic_mainimg01-sp.jpg); }
  @media (min-width: 600px) {
    #case #mainimgContent {
      background-image: url(../img/case/pic_mainimg01-pc.jpg); } }
#case #mainimgContent {
  margin-bottom: 0; }
#case .caseIntro {
  padding-top: 20px;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    #case .caseIntro {
      padding-top: 40px; } }
  #case .caseIntro .inner {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box; }
    @media (min-width: 600px) {
      #case .caseIntro .inner {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 5px; } }
  #case .caseIntro .h2-title {
    text-align: center;
    font-family: "Noto Serif Japanese", serif; }
    #case .caseIntro .h2-title span {
      font-size: 1.5rem;
      color: #a69180; }
      @media (min-width: 600px) {
        #case .caseIntro .h2-title span {
          font-size: 2.3rem; } }
    #case .caseIntro .h2-title .mod_tit02 {
      margin-bottom: 10px; }
      @media (min-width: 600px) {
        #case .caseIntro .h2-title .mod_tit02 {
          margin-bottom: 30px; } }
  #case .caseIntro .caseIntro-img {
    margin-bottom: 10px; }
    @media (min-width: 600px) {
      #case .caseIntro .caseIntro-img {
        margin-bottom: 20px; } }
  #case .caseIntro .caseIntro-txt {
    text-align: left;
    padding: 0 5px; }
    @media (min-width: 600px) {
      #case .caseIntro .caseIntro-txt {
        padding-left: 25px; } }
  #case .caseIntro h3 {
    font-family: "Noto Serif Japanese", serif;
    margin-bottom: 5px;
    font-size: 1.4em; }
    @media (min-width: 600px) {
      #case .caseIntro h3 {
        font-size: 2em; } }
  #case .caseIntro ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
    @media (min-width: 600px) {
      #case .caseIntro ul {
        margin-top: 50px; } }
    #case .caseIntro ul li {
      width: 100%;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #case .caseIntro ul li {
          width: calc( (100% - 10px) / 2);
          margin-right: 10px;
          margin-bottom: 10px; } }
      #case .caseIntro ul li:nth-child(2n) {
        margin-right: 0; }
      #case .caseIntro ul li:nth-child(2) {
        background: #f7f2e4;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center; }
        #case .caseIntro ul li:nth-child(2) div {
          font-family: "Noto Serif Japanese", serif;
          font-size: 1.5rem;
          padding: 20% 10px; }
          @media (min-width: 600px) {
            #case .caseIntro ul li:nth-child(2) div {
              font-size: 2.3rem;
              padding: 0; } }

.sp {
  display: block; }
  @media (min-width: 600px) {
    .sp {
      display: none; } }

.pc {
  display: none; }
  @media (min-width: 600px) {
    .pc {
      display: block; } }

/*# sourceMappingURL=case.css.map */