@charset "UTF-8";
/*------------------------
    エアコンクリーニングページ
--------------------------*/
.Intro_trim{
  width:100%;
  height: 63.7vw;
}
@media screen and (min-width: 736px){
  .Intro_trim{
    width:90%;
    margin: 0 auto;
    height: 39.6vw;
    max-height: 508px;
    max-width: 800px;
  }
}
.Intro_trim_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Intro_desc{
  width:90%;
  margin:5vw auto 13vw;
}
@media screen and (min-width: 736px){
  .Intro_desc{
    max-width: 1030px;
    padding:0 15px;
    box-sizing: border-box;
    margin:60px auto 128px;
  }
}

/*----Before/After画像------*/
.Content{
  width:90%;
  margin:0 auto 12vw;
}
@media screen and (min-width: 736px){
  .Content{
    max-width: 800px;
    box-sizing: border-box;
    margin:0 auto 128px;
  }
}
.Content_box{
  margin-top:8vw;
}
@media screen and (min-width: 736px){
  .Content_box{
    margin-top:0;
    display: flex;
    justify-content: space-between;
    margin-bottom:60px;
  }
}
.Content_box_set{
  width:100%;
  height:68vw;
  position:relative;
}
@media screen and (min-width: 736px){
  .Content_box_set{
      width:50%;
      height:23vw;
      max-height: 302px;
    }
}


.Content_box_set::after{
  content: "After";
  position: absolute;
  top:-1px;
  right:0;
  background-color: #fff;
  color:#3B4043;
  font-size: calc(15 * (100vw / 375));
  font-family: 'Lora', 'Noto Sserif JP', '游明朝', YuMincho, 'メイリオ', Meiryo, serif;
  text-align: center;
  line-height: 8vw;
  width:17.3vw;
}
@media screen and (min-width: 736px){
  .Content_box_set::after{
    font-size: 15px;
    line-height: 36px;
    width:75px;
  }
}
.Content_box_set::before{
  content: "Before";
  color: #3B4043;
  position: absolute;
  bottom:-1px;
  left:0;
  background-color: #fff;
  text-align: center;
  font-size: calc(15 * (100vw / 375));
  font-family: 'Lora', 'Noto Sserif JP', '游明朝', YuMincho, 'メイリオ', Meiryo, serif;
  z-index: 999;
  line-height: 8vw;
  width:17.3vw;
}
@media screen and (min-width: 736px){
  .Content_box_set::before{
    font-size: 15px;
    line-height: 36px;
    width:75px;
  }
}
.Content_box_set_big{
  width:82vw;
  height:52vw;
  position: absolute;
  top:0;
  right:0;
}
@media screen and (min-width: 736px){
  .Content_box_set_big{
    width:91%;
    height:76%;
  }
}
.Content_box_set_big_img,.Content_box_set_small_img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.Content_box_set_small{
  width:45vw;
  height:28.5vw;
  box-sizing: border-box;
  border:4px solid #fff;
  position: absolute;
  top:39vw;
  left:0;
}
@media screen and (min-width: 736px){
  .Content_box_set_small{
    width:49.6%;
    height:42%;
    box-sizing: border-box;
    border:4px solid #fff;
    position: absolute;
    top:58%;
    left:0;
  }
}

.Content_box_desc{
  margin-top:5vw;
}

@media screen and (min-width: 736px){
  .Content_box_desc{
    margin-top:0;
    width:46%;
    display: flex;
    align-items: center;
  }
}
/*----作業の流れ------*/
.Flow{
  width:90%;
  margin:0 auto;
}
@media screen and (min-width: 736px){
  .Flow{
    max-width: 800px;
    box-sizing: border-box;
  }
}

.Flow_h2{
  color:#3B4043;
  font-size: calc(18 * (100vw / 375));
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-family:'Open Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  padding:2vw 0;
  border-bottom:1px solid #DDDDDD;
  margin-bottom:8vw;
}
@media screen and (min-width: 736px){
  .Flow_h2{
    font-size:23px;
    line-height: 1.3;
    padding:15px 0;
    margin-bottom:43px;
  }
}

.Flow_box{
  border:6px solid rgba(240, 240, 240, 0.7);
  padding:5vw 6vw 4.7vw;
  box-sizing: border-box;
  margin-bottom: 9vw;
  position: relative;
}
@media screen and (min-width: 736px){
  .Flow_box{
    padding:34px 24px 26px;
    margin-bottom: 32px;
  }
}
.Flow_box:last-of-type{
  margin-bottom: 18vw;
}
@media screen and (min-width: 736px){
  .Flow_box:last-of-type{
    margin-bottom: 128px;
  }
}
.Flow_box::after{
  content:"";
  display: inline-block;
  width: 3.4vw;
  height: 3.4vw;
  margin: 0 10px;
  border-bottom: 1vw solid #212121;
  border-right: 1vw solid #212121;
  transform: rotate(45deg);
  position: absolute;
  bottom:-7vw;
  left:45%;
}
@media screen and (min-width: 736px){
  .Flow_box::after{
    width: 14px;
    height: 14px;
    margin: 0 10px;
    border-bottom: 4px solid #212121;
    border-right: 4px solid #212121;
    transform: rotate(45deg);
    position: absolute;
    bottom:-27px;
    left:48%;
  }
}

.Flow_box:last-of-type::after{
  display: none;
}
.Flow_box_span{
  display: block;
  color:#212121;
  font-size: calc(14 * (100vw / 375));
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-family: 'Lora', 'Noto Sserif JP', '游明朝', YuMincho, 'メイリオ', Meiryo, serif;
  font-weight: 400;
  margin-bottom:0;
}
@media screen and (min-width: 736px){
  .Flow_box_span{
    font-size: 15px;
    line-height: 2;
    margin-bottom:5px;
  }
}
.Aircon-cleaning_common_box_ttl{
  display: block;
  color:#3B4043;
  font-size: calc(16 * (100vw / 375));
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-family:'Open Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  margin-bottom:3vw;
}
@media screen and (min-width: 736px){
  .Aircon-cleaning_common_box_ttl{
    font-size:18px;
    line-height: 1.6;
    margin-bottom:15px;
  }
}
/*----Price------*/
.Price{
  width:90%;
  margin:0 auto;
}
@media screen and (min-width: 736px){
  .Price{
    max-width: 800px;
    box-sizing: border-box;
  }
}
.Price_h2{
  color:#3B4043;
  font-size: calc(20 * (100vw / 375));
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-family:'Open Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  padding:2vw 0;
  border-bottom:1px solid #DDDDDD;
  margin-bottom:8vw;
}
@media screen and (min-width: 736px){
  .Price_h2{
    font-size:25px;
    padding:15px 0;
    margin-bottom:43px;
  }
}

.Price_option_box{
  border:6px solid rgba(240, 240, 240, 0.7);
  padding:5vw 6vw;
  box-sizing: border-box;
  margin-bottom: 2vw;
}
@media screen and (min-width: 736px){
  .Price_option_box{
    padding:34px 24px 26px;
    margin-bottom: 20px;
  }
}

.Price_option_box:last-of-type{
  margin-bottom: 24vw;
}
@media screen and (min-width: 736px){
  .Price_option_box:last-of-type{
    margin-bottom: 128px;
  }
}
.Basic_ttl{
  margin-bottom:1vw;
}
@media screen and (min-width: 736px){
  .Basic_ttl{
    margin-bottom:15px;
  }
}
.Option_ttl{
  margin-top:7vw;
}
@media screen and (min-width: 736px){
  .Option_ttl{
    margin-top:30px;
  }
}

.Option_txt{
  line-height: 1.7;
}
.Option_price{
  margin-top:3vw;
}
@media screen and (min-width: 736px){
  .Option_price{
    margin-top:15px;
  }
}