@charset "UTF-8";

/*-----------
product TAG
-----------*/

.option ul{

}

.option ul li{
 padding-left: 1em;
 font-size: 16px;
 position: relative;
}

.option ul li:before{
 content: "・";
 position: absolute;
 top: 0;
 left: 0;
}

#automatic_cleaning,
#switch{
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 100px;
  border-bottom: 2px solid #0169a4;
}

#triple_auto_title{
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin: 40px 0 0;
  line-height: 98px;
}

#triple_auto_title img{
  width: 103px;
  height: 98px;
  padding-right: 15px;
}

#automatic_cleaning{
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 100px;
  border-bottom: 2px solid #0169a4;
}

#automatic_cleaning .detail_01{
  width: 941px;
  margin:0 auto 60px;
}

#automatic_cleaning .detail_01 img{
  width: 100%;
}

#automatic_cleaning .detail_02{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-bottom: 83px;
}

#automatic_cleaning .detail_02 p{
  font-size: 22px;
  color: #1b365d;
  font-weight: bold;
  line-height: 54px;
}

#automatic_cleaning .detail_02 .btn_b{
  width: 310px;
  margin: 0 0 0 25px;
  font-size: 20px;
}

#automatic_cleaning .detail_03{
  width: 1000px;
  background: #dff2fc;
  margin: 23px 0 20px;
}

#automatic_cleaning .detail_03 h5{
  width: 414px;
  margin: 0 auto;
}

#automatic_cleaning .detail_03 h5 img{
  margin: -23px 0 15px;
}

#automatic_cleaning .detail_03 ul{
  display:flex;
}

#automatic_cleaning .detail_03 ul li{
  width: 460px;
  padding: 0 15px 0 25px;
}

#automatic_cleaning .detail_03 .txt_s{
  padding: 20px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
}

#clean{
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 20px;
  border-bottom: 2px solid #0169a4;
}

#clean2{
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 100px;
  text-align: center;
}

#switch{
  text-align: center;
}

#switch h3,
#clean h3,
#clean2 h3{
  margin-bottom: 45px !important;
}

#switch img{
  width: 908px;
  padding-bottom: 40px;
}

#switch .txt_s {
  width: 908px;
  text-align: left;
  padding-bottom: 0;
  margin: 0 auto;
}

#clean2 div{
  width: 700px;
  display:flex;
  margin: 0 auto 40px;
  background: #dff2fc;
}

#clean2 div img{
  width: 380px;
}

#clean2 div p{
  line-height: 1.5;
  padding: 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: #0d69a4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
}

#clean2 .txt_s {
  width: 840px;
  text-align: left;
  padding-bottom: 0;
  margin: 0 auto;
}

@media screen and ( max-width:768px) {


    
#triple_auto_title{
  font-size: 23px;
  font-weight: bold;
  text-align: left;
  color: #000;
  margin: 40px 0 0;
  line-height: 40px;
}

#triple_auto_title img{
  width: 84px;
  height: 80px;
  padding-right: 15px;
    float: left;
}

    
#automatic_cleaning,
#switch,
#clean2{
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0 0 12%;
}

#clean{
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}

    
#automatic_cleaning .detail_01{
  width: 100%;
  margin:0 0 12%;
}

#automatic_cleaning .detail_02{
  display: block;
  margin-bottom: 20%;
}

#automatic_cleaning .detail_02 p{
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 5px;
}

#automatic_cleaning .detail_02 .btn_b{
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
}

#automatic_cleaning .detail_03{
  width: 100%;
  padding: 0 5% 5%;
  box-sizing: border-box;
}

#automatic_cleaning .detail_03 h5{
  width: 90%;
  margin: 0 auto;
}

#automatic_cleaning .detail_03 ul{
  display: block;
}

#automatic_cleaning .detail_03 ul li{
  width: 100%;
  padding: 0 0 5%;
}

#automatic_cleaning .detail_03 .txt_s{
  padding: 0;
}

#switch h3,
#clean h3,
#clean2 h3{
  margin-bottom: 25px !important;
}

#switch img{
  width: 100%;
  padding-bottom: 8%;
}
  


#clean2 div{
  width: 100%;
  display: block;
  margin: 0 0 8%;
}

#clean2 div img{
  width: 100%;
}

#clean2 div p{
  width: 100%;
  box-sizing: border-box;
  padding: 2.5% 3.5%;
  font-size: 14px;
  font-weight: bold;
  color: #0d69a4;
  display: block;
}

#switch .txt_s,
#clean2 .txt_s{
  width: 100%;
}
  
}