@charset "UTF-8";
/*size*/
/*color*/
/* mixinCSS Document */
/*alt*/
/*parts*/
/*list*/
/*bg*/
/*btn*/
/* mixinCSS Document */
/*alt*/
/*parts*/
/*list*/
/*bg*/
/*btn*/
/* partsCSS Document */
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main li, #main span, #main dt, #main dd, #main a, #main th, #main td {
  font-family: "TsukuBRdGothic-Regular","Tsukushi A Round Gothic","筑紫A丸ゴシック", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#main a {
  color: #b92c21;
}
#main a:hover {
  color: #f00;
  text-decoration: none;
}

#wrapper #main_header .inner {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
#wrapper #main_header .inner .h1_tit {
  margin: 0;
  padding: 50px 0 0 0;
  text-align: center;
}
#wrapper #main_header .inner .ico {
  position: absolute;
  left: 50%;
}
#wrapper #main_header .inner .ico.ico01 {
  margin-left: 170px;
  top: 10px;
}
#wrapper #main_header .inner .ico.ico02 {
  margin-left: -280px;
  top: 95px;
}
#wrapper #main_header .inner .ico.ico03 {
  margin-left: 300px;
  top: 120px;
}

@media screen and (min-width: 641px) {
  /* PC+タブレット（641px以上）
  -------------------------------------------------- */
  /* =================================
  common
  ================================= */
  .isSP {
    display: none;
  }
}
@media screen and (max-width: 1279px) and (min-width: 641px) {
  /* タブレット（641px以上1280px未満）
  -------------------------------------------------- */
}
@media screen and (min-width: 1280px) {
  /* PC+タブレット（1280px以上）
  -------------------------------------------------- */
}
@media screen and (max-width: 640px) {
  /* スマフォ（641px以下)
  -------------------------------------------------- */
  /* =================================
  common
  ================================= */
  .isPC {
    display: none;
  }
}
.isCleaning #main_header {
  background: url(../../img/pages/cleaning/bg_tit.png) center 20px no-repeat;
}

@media screen and (min-width: 641px) {
  /* PC+タブレット（641px以上）
  -------------------------------------------------- */
  .isCleaning #intro {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .isCleaning #intro:before {
    content: "";
    background-color: #f7f7f7;
    width: 120%;
    height: 270px;
    display: block;
    position: absolute;
    left: -10%;
    z-index: 0;
    bottom: 50px;
  }
  .isCleaning #intro .block {
    position: relative;
    z-index: 10;
  }
  .isCleaning #intro .lead {
    background: url(../../img/pages/cleaning/main_photo.jpg) right 20px no-repeat;
    margin: 0 auto;
    padding-bottom: 100px;
    max-width: 1100px;
    min-height: 600px;
  }
  .isCleaning #intro .lead:after {
    content: "";
    display: block;
    clear: both;
  }
  .isCleaning #intro .lead .box {
    background-color: #fff;
    margin-top: 200px;
    margin-left: 20px;
    width: 570px;
    padding: 30px 30px;
    float: left;
    font-size: 17px;
    line-height: 2.4em;
  }
  .isCleaning #main div.cleaning {
    padding-top: 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .isCleaning #main div.cleaning:before {
    content: "";
    background-color: #f7f7f7;
    width: 120%;
    height: 380px;
    display: block;
    position: absolute;
    left: -10%;
    z-index: 0;
    bottom: 50px;
  }
  .isCleaning #main div.cleaning .lead {
    position: relative;
    z-index: 10;
  }
  .isCleaning #main div.cleaning .lead .h3_tit {
    margin: 0;
    padding: 50px 0 50px;
    text-align: center;
  }
  .isCleaning #main div.cleaning .lead .text {
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
    font-size: 20px;
    line-height: 2.4em;
  }
  .isCleaning #main div.cleaning .points {
    margin: 0 auto;
    padding-bottom: 100px;
    max-width: 960px;
    text-align: center;
    position: relative;
    z-index: 10;
  }
  .isCleaning #main div.cleaning .points .point:nth-child(1) {
    margin-right: 2%;
  }
  .isCleaning #main div.cleaning .points .point:nth-child(3) {
    margin-left: 2%;
  }
  .isCleaning #main div.cleaning .points .point {
    width: 31.25%;
    display: inline-block;
    vertical-align: top;
  }
  .isCleaning #main div.cleaning .points .point .icon {
    margin: 0;
    padding: 0;
  }
  .isCleaning #main div.cleaning .points .point .icon img {
    width: 170px;
    height: auto;
  }
  .isCleaning #main div.cleaning .points .point .box .h4_tit {
    margin: 0;
    padding: 0;
  }
  .isCleaning #main div.cleaning .points .point .box .item {
    margin: 0;
    padding: 0 0 20px;
    font-size: 21px;
  }
  .isCleaning #main div.cleaning .points .point .box .price {
    background-color: #2d2d2d;
    margin: 0;
    padding: 10px 10px;
    font-size: 24px;
    line-height: 1em;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .isCleaning #main div.cleaning .points .point .box .price .sml {
    font-size: 18px;
  }
  .isCleaning #main div.cleaning .points .point .box .text {
    margin: 0;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    line-height: 1.6em;
  }
  .isCleaning #main p.button {
    margin: 0 auto;
    width: 500px;
  }
  .isCleaning #main p.button a {
    background-color: #b92d22;
    display: block;
    text-align: center;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
    letter-spacing: 0.1em;
    color: #fff;
    text-decoration: none;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .isCleaning #main p.button a:before {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI2NjYwMzJCRjI2MTFFODkyOURFNURBOTdFQjNGQzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI2NjYwMzNCRjI2MTFFODkyOURFNURBOTdFQjNGQzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjY2NjAzMEJGMjYxMUU4OTI5REU1REE5N0VCM0ZDOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjY2NjAzMUJGMjYxMUU4OTI5REU1REE5N0VCM0ZDOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLTiw8AAADISURBVHjaYvz//z8DECwD4jdAnMeADwAVz/yPAPUgzbgwiIj9jwom4FMMwsZA/B5Jw1x8ikFYGYhfI2lYhU8xCEsA8S0kDXvwKQZhfiC+iKThCBCz41IMwkxAvAtJw3WQMxmh4YwLvAZiESj7LAOecJ0NxL+hJr8BYltcCncjOeEOEEticzMLEB9CUngNiAWwhQYoFK6ghQIrtqCTA+LbSAq34YpBFyB+h6RwNb60sQRJ4Wx8qQ4UzizAMNwGxG+BOBJfoAMEGADTGA4YdbklFQAAAABJRU5ErkJggg==") no-repeat center center;
    margin-top: -8px;
    width: 11px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
  }
  .isCleaning #main p.button a:hover {
    opacity: 0.7;
  }
  .isCleaning #flow .block {
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 100px;
    max-width: 960px;
  }
  .isCleaning #flow .block .inner {
    border: 1px solid #b92d22;
    position: relative;
  }
  .isCleaning #flow .block .inner:before {
    content: "";
    background: url(../../img/pages/cleaning/ico_rabbit.png) center center no-repeat;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -38px;
  }
  .isCleaning #flow .block .inner .h3_tit {
    padding: 75px 0 55px;
    text-align: center;
  }
  .isCleaning #flow .block .inner .flow {
    padding-bottom: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 1279px) and (min-width: 641px) {
  /* タブレット（641px以上1280px未満）
  -------------------------------------------------- */
}
@media screen and (min-width: 1280px) {
  /* PC+タブレット（1280px以上）
  -------------------------------------------------- */
}
@media screen and (max-width: 640px) {
  /* スマフォ（641px以下)
  -------------------------------------------------- */
  .isCleaning #intro {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .isCleaning #intro .block {
    position: relative;
    z-index: 10;
  }
  .isCleaning #intro .lead {
    background: url(../../img/pages/cleaning/main_photo.jpg) center top no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 auto;
    padding-top: 77.34%;
  }
  .isCleaning #intro .lead .box {
    margin: 0 auto;
    width: 93.75%;
  }
  .isCleaning #intro .lead .box .h2_tit {
    margin: 0;
    padding: 5% 0 5%;
  }
  .isCleaning #intro .lead .box .text {
    margin: 0;
    padding: 0 0 10%;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.4em;
  }
  .isCleaning #main div.cleaning {
    position: relative;
    overflow: hidden;
  }
  .isCleaning #main div.cleaning .lead {
    margin: 0 auto;
    width: 93.75%;
    position: relative;
    z-index: 10;
  }
  .isCleaning #main div.cleaning .lead .h3_tit {
    margin: 0;
    padding: 50px 0 50px;
    text-align: center;
  }
  .isCleaning #main div.cleaning .lead .text {
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
    font-size: 18px;
    line-height: 2.4em;
  }
  .isCleaning #main div.cleaning .points {
    position: relative;
    z-index: 10;
  }
  .isCleaning #main div.cleaning .points .point:nth-child(odd) {
    background-color: #f7f7f7;
  }
  .isCleaning #main div.cleaning .points .point:nth-child(even) {
    background-color: #fff;
  }
  .isCleaning #main div.cleaning .points .point {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .isCleaning #main div.cleaning .points .point:after {
    content: "";
    display: block;
    clear: both;
  }
  .isCleaning #main div.cleaning .points .point .icon {
    margin: 0;
    padding: 0;
    width: 35%;
    text-align: center;
    float: left;
  }
  .isCleaning #main div.cleaning .points .point .icon img {
    width: 90%;
    height: auto;
  }
  .isCleaning #main div.cleaning .points .point .box {
    margin-right: 4%;
    width: 60%;
    float: right;
    text-align: center;
  }
  .isCleaning #main div.cleaning .points .point .box .h4_tit {
    margin: 0;
    padding: 0;
  }
  .isCleaning #main div.cleaning .points .point .box .item {
    margin: 0;
    padding: 0 0 20px;
    font-size: 21px;
  }
  .isCleaning #main div.cleaning .points .point .box .price {
    background-color: #2d2d2d;
    margin: 0;
    padding: 10px 0px;
    font-size: 24px;
    line-height: 1em;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .isCleaning #main div.cleaning .points .point .box .price .sml {
    font-size: 18px;
  }
  .isCleaning #main div.cleaning .points .point .box .text {
    margin: 0;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    line-height: 1.6em;
  }
  .isCleaning #main p.button {
    margin: 0 auto;
    width: 93.75%;
  }
  .isCleaning #main p.button a {
    background-color: #b92d22;
    display: block;
    text-align: center;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
    letter-spacing: 0.1em;
    color: #fff;
    text-decoration: none;
  }
  .isCleaning #main p.button a:before {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI2NjYwMzJCRjI2MTFFODkyOURFNURBOTdFQjNGQzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI2NjYwMzNCRjI2MTFFODkyOURFNURBOTdFQjNGQzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjY2NjAzMEJGMjYxMUU4OTI5REU1REE5N0VCM0ZDOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjY2NjAzMUJGMjYxMUU4OTI5REU1REE5N0VCM0ZDOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLTiw8AAADISURBVHjaYvz//z8DECwD4jdAnMeADwAVz/yPAPUgzbgwiIj9jwom4FMMwsZA/B5Jw1x8ikFYGYhfI2lYhU8xCEsA8S0kDXvwKQZhfiC+iKThCBCz41IMwkxAvAtJw3WQMxmh4YwLvAZiESj7LAOecJ0NxL+hJr8BYltcCncjOeEOEEticzMLEB9CUngNiAWwhQYoFK6ghQIrtqCTA+LbSAq34YpBFyB+h6RwNb60sQRJ4Wx8qQ4UzizAMNwGxG+BOBJfoAMEGADTGA4YdbklFQAAAABJRU5ErkJggg==") no-repeat center center;
    margin-top: -8px;
    width: 11px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
  }
  .isCleaning #flow .block {
    margin: 0 auto;
    width: 93.75%;
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .isCleaning #flow .block .inner {
    border: 1px solid #b92d22;
    position: relative;
  }
  .isCleaning #flow .block .inner:before {
    content: "";
    background: url(../../img/pages/cleaning/ico_rabbit.png) center center no-repeat;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -38px;
  }
  .isCleaning #flow .block .inner .h3_tit {
    padding: 75px 0 55px;
    text-align: center;
  }
  .isCleaning #flow .block .inner .flow {
    padding-bottom: 50px;
    text-align: center;
  }
  .isCleaning #flow .block .inner .flow img {
    width: 90%;
    height: auto;
  }
}

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

/*  */
.cl-banner {
  padding: 4em 0 2em;
}
.cl-banner-link {
  display: table;
  margin: 0 auto;
  width: 94%;
  max-width: 700px;
  transition: 0.5s;
}
.cl-banner-link:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.cl-banner-img {}

@media screen and (min-width: 720px) {
  .cl-banner {
    padding: 4em 0;
  }
}
/*  */