@charset "UTF-8";
body {
  background-color: #f4f1eb; }

#pageHeader .top {
  background-image: url("../../img/service/cleaning_ichiran_top_image.jpg"); }

#main .head {
  text-align: center; }
  #main .head .descript {
    font-size: 1.3125em;
    line-height: 1.75; }
#main .cols .col {
  background-color: #FFF;
  display: flex;
  flex-direction: column; }
  #main .cols .col > .ttl {
    text-align: center;
    background-color: #35200c;
    color: #FFF;
    font-size: 1.4375em;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.6086956522em; }
  #main .cols .col > .content {
    padding: 3.125em 2.8125em;
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    #main .cols .col > .content .photo {
      line-height: 0;
      margin-bottom: 1.25em; }
      #main .cols .col > .content .photo img {
        width: 100%; }
    #main .cols .col > .content .descript {
      line-height: 1.75;
      margin-bottom: 1.25em;
      min-height: 3.5em; }
    #main .cols .col > .content .detail {
      flex-grow: 1; }
      #main .cols .col > .content .detail .price {
        flex-basis: 100%;
        display: flex;
        flex-direction: column; }
        #main .cols .col > .content .detail .price > .ttl {
          font-size: 0.9375em;
          background-color: #fbc400;
          display: flex;
          align-items: center;
          height: 2em;
          padding: 0 0.6666666667em;
          margin-bottom: 0.5em; }
        #main .cols .col > .content .detail .price > .menu {
          margin-bottom: 0.75em; }
          #main .cols .col > .content .detail .price > .menu ul {
            flex-basis: 100%; }
            #main .cols .col > .content .detail .price > .menu ul li {
              font-size: 0.9375em;
              line-height: 1.6;
              padding-left: 1em; }
              #main .cols .col > .content .detail .price > .menu ul li::before {
                content: "■";
                display: inline-block;
                width: 1em;
                margin-left: -1em; }
        #main .cols .col > .content .detail .price > .more {
          margin-top: auto;
          line-height: 1; }
      #main .cols .col > .content .detail .icon {
        flex-basis: 100%;
        line-height: 0; }
        #main .cols .col > .content .detail .icon a {
          display: block;
          outline: none;
          border: 1px solid #333333; }
          #main .cols .col > .content .detail .icon a img {
            width: 100%; }
@media screen and (max-width: 781px) {
  #main .head .descript {
    font-size: 0.9375em;
    line-height: 1.4666666667; }
  #main .cols .col > .ttl {
    font-size: 1.125em;
    height: auto;
    padding: 0.3611111111em 0; }
  #main .cols .col > .content {
    padding: 1.25em; }
    #main .cols .col > .content .photo {
      margin-bottom: 0.9375em; }
    #main .cols .col > .content .descript {
      font-size: 0.875em;
      margin-bottom: 0.9375em; }
    #main .cols .col > .content .detail .price > .ttl {
      font-size: 0.75em;
      height: 1.5em;
      padding: 0 0.3333333333em; }
    #main .cols .col > .content .detail .price > .menu {
      margin-bottom: 0.8125em;
      line-height: 1.35; }
      #main .cols .col > .content .detail .price > .menu ul li {
        font-size: 0.625em; } }