@charset "UTF-8";
 /* ===================================================================
CSS information
 file name  :  save-energy.css
 style info :  九州電力オール電化コンテンツ：オール電化で快適ライフ用CSS
=================================================================== */

/* ---------------------------------
   家族みんなの省エネライフ
---------------------------------- */
#contents #corner_ttl_area h3{
  padding: 0;
  margin: 0;
  background: 0;
}
#save_energy #contents .corner_box h3.ttl_2color{
  color: #3db7d3;
  padding: 0 22px 12px;
  font-size: 26px;
  background: none;
  background: url(/contents/library/img/ecolife/common/bdr_ttl_2color.jpg)bottom left repeat-x;
}
#contents .ttl_green{
  color: #18bcab;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#contents .ttl_green.ttl_green_big{
  margin-bottom: 27px;
}
#contents .ttl_green span{
  font-size: 16px;
  padding-left: 18px;
}
#contents .ttl_bdr{
  text-align: center;
  margin: 0 auto 26px;
}
#contents .ttl_bdr span{
  display: inline-block;
  background: url(/contents/library/img/ecolife/common/bg_border_green.jpg) left top repeat;
  border-radius: 28px;
  color: #fff;
  font-size: 18px;
  padding: 10px 70px;
}
#contents .ttl_bdr.ttl_bdr_big span{
  min-width: 600px;
}
#contents .ttl_bold{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 1.54;
}
#contents .corner_box .comment{
  margin-bottom: 28px;
}
#contents .corner_box .comment_choice{
  margin-bottom: 24px;
}
#contents .corner_box .comment_small{
  margin-bottom: 14px;
}
#contents p.annotation_txt{
  font-size: 12px;
  line-height: 1.67;
}
#contents .ph_block{
  margin-bottom: 20px;
  text-align: center;
}
#contents .ph_block.ph_big{
  margin-bottom: 40px;
}
#contents .ph_block.last-child{
  margin-bottom: 0;
}
#contents p.dash_box{
  border: 2px solid #49c8e1;
  border-style: dashed;
  border-radius: 10px;
  padding: 9px 19px;
  font-size: 14px;
  margin: 0 48px 36px;
  line-height: 2;
}
#contents .dash_box span{
  color: #ff992b;
}
@media only screen and (max-width: 798px){
  #save_energy #contents .corner_box h3.ttl_2color{
    font-size: 17px;
    padding: 0 10px 6px;
    margin: 0 auto 18px;
    background: url(/contents/library/img/ecolife/common/bdr_ttl_2color_sp.jpg)bottom center repeat-x;
    background-size: 100% 2px;
    width: 90%;
    text-align: center;
  }
  #contents .ttl_green,
  #contents .ttl_green.ttl_green_big{
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.54;
  }
  #contents .ttl_green span{
    font-size: 12px;
    padding-left: 0;
  }
  #contents .ttl_bdr{
    margin: 0 auto 20px;
  }
  #contents .ttl_bdr span{
    font-size: 13px;
    width: 100%;
    line-height: 1.41;
    padding: 8px;
    margin: 0 auto;
  }
  #contents .ttl_bdr.ttl_bdr_big span{
    min-width: 100%;
  }
  #contents .ttl_bold{
    font-size: 12px;
  }
  #contents .corner_box .comment{
    margin-bottom: 16px;
  }
  #contents .corner_box .comment_choice{
    margin-bottom: 16px;
  }
  #contents .corner_box .comment_small{
    margin-bottom: 8px;
  }
  #contents p#contents .box_save_01_pink{
    font-size: 11px;
  }
  #contents .ph_block.ph_big{
    margin-bottom: 20px;
  }
  #contents .ph_block img{
    width: 100%;
    max-width: 100%;
  }
  #contents p.dash_box{
    padding: 10px;
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 1.54;
  }
  #contents img.sp_ph_80{
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
  }
  #contents img.sp_ph_90{
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }
}

/* ---------------------------------
   家電の選び方
---------------------------------- */
#contents .link_menu_category ul{
  text-align: center;
  font-size: 0;
  margin-bottom: 32px;
}
#contents .link_menu_category ul li{
  display: inline-block;
  margin-right: 20px;
}
#contents .link_menu_category ul li a{
  display: block;
  font-size: 16px;
  font-weight: normal;
  background: url(/contents/library/img/ecolife/common/icon_green_right_mid.png) left 3px no-repeat;
  padding-left: 24px;
}
#save_energy #contents .ttl_arrow{
  position: relative;
  padding: 12px 10px 12px 200px;
  margin: 0 -20px 30px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  background: url(/contents/library/img/ecolife/common/bg_ttl_green.png) center top repeat;
}
#contents .ttl_arrow span{
  width: 180px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-indent: -9999px;
}
#contents .ttl_arrow_living01 span{
  background: url(/contents/library/img/ecolife/living/ttl_arrow_living01.png) left center no-repeat;
}
#contents .ttl_arrow_living02 span{
  background: url(/contents/library/img/ecolife/living/ttl_arrow_living02.png) left center no-repeat;
}
#contents .ttl_arrow_living03 span{
  background: url(/contents/library/img/ecolife/living/ttl_arrow_living03.png) left center no-repeat;
}
#contents .ttl_arrow_living04 span{
  background: url(/contents/library/img/ecolife/living/ttl_arrow_living04.png) left center no-repeat;
}
#contents .ttl_arrow_living05 span{
  background: url(/contents/library/img/ecolife/living/ttl_arrow_living05.png) left center no-repeat;
}
#contents .ttl_arrow_coolheat01 span{
  background: url(/contents/library/img/ecolife/cooling-and-heating/ttl_arrow_coolheat_01.png) left center no-repeat;
}
#contents .ttl_arrow_coolheat02 span{
  background: url(/contents/library/img/ecolife/cooling-and-heating/ttl_arrow_coolheat_02.png) left center no-repeat;
}
#contents .select_box{
  margin-right: -20px;
}
#contents .select_box li{
  float: left;
  width: 340px;
  margin: 0 20px 20px 0;
}
#contents .select_box a{
  display: block;
}
#contents .select_box li img{
  width: 100%;
}
#contents .select_box li.list_05{
  float: none;
  width: 698px;
  margin: 0 20px 0 0;
}
/* ------------------
   box_save_01
--------------------- */
#contents .box_save_01.box_mb{
  margin-bottom: 40px;
}
#contents .box_save_01 .box_ttl{
  font-size: 18px;
  color: #fff;
  background: #ffad2b;
  padding: 12px 18px 8px;
  border-radius: 4px 4px 0 0;
  line-height: 1.5;
}
#contents .box_save_01 .ph_main{
  text-align: center;
  margin-bottom: 14px;
}
#contents .box_save_01 .box_detail{
  background: #fffacb;
  padding: 20px 30px 32px;
}
#contents .box_save_01.box_save_01_big .box_detail{
  background: #fffacb;
  padding: 30px 30px 36px;
}
#contents .box_save_01 .box_save_01_pink{
  margin-bottom: 24px;
}
#contents .box_save_01 .ttl_main{
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
#contents .box_save_01_pink .ttl_main{
  color: #e6376e;
  border-bottom: 2px solid #e6376e;
}
#contents .box_save_01_orange .ttl_main{
  color: #ff6a53;
  border-bottom: 2px solid #ff6a53;
}
#contents .box_save_01 .txt_main{
  font-size: 15px;
  margin-bottom: 10px;
}
#contents .box_save_01 .txt_main_orange{
  color: #fc9027;
  font-size: 18px;
  line-height: 1.63;
}
#contents .box_save_01 ul{
  margin-right: -30px;
}
#contents .box_save_01 li{
  float: left;
  width: 200px;
  margin-right: 22px;
}
#contents .box_save_01 li .ttl{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.54;
  margin-bottom: 4px;
}
#contents .box_save_01 li .txt{
  font-size: 14px;
  line-height: 1.7;
}
#contents .box_save_01_pink li .ttl{
  color: #e6376e;
}
#contents .box_save_01_orange li .ttl{
  color: #ff6a53;
}
#contents .box_save_01_orange li{
  margin-bottom: 12px;
}
#contents .box_save_01_orange li.list_10,
#contents .box_save_01_orange li.list_11,
#contents .box_save_01_orange li.list_12{
  margin-bottom: 0;
}
#contents .box_save_01 .txt_1st{
  margin-bottom: 20px;
}
#contents .box_save_01 li .ttl img{
  vertical-align: top;
  position: relative;
  top: 4px;
  padding-right: 5px;
}
#contents .box_save_01 .ph_right_box .ph{
  float: right;
}
#contents .box_save_01 .ph_right_box .txt{
  float: left;
  width: 360px;
}
#contents .box_save_01 .list_block{
  margin-bottom: 20px;
}
#contents .box_save_01 .list_block.last-child{
  margin-bottom: 0;
}
#contents .box_save_01 .list_block li{
  float: none;
  width: auto;
  font-size: 15px;
  line-height: 1.88;
  padding-left: 14px;
  text-indent: -14px;
  margin-bottom: 3px;
}
#contents .box_save_01 .list_block li.last-child{
  margin: 0;
}
#contents .box_save_01 .float_ph{
  float: right;
}
#contents .box_save_01 .float_textarea{
  float: left;
  width: 466px;
}
#contents .box_save_01 .ph_center{
  text-align: center;
}
#contents .living_box_01_05 .annotation_txt{
  margin-top: 5px;
}
/* ------------------
   box_save_04
--------------------- */
#contents .box_save_04{
  background-color: #e6f6f4;
  border-radius: 0 0 4px 4px;
}
#contents .box_save_04.box_mb{
  margin-bottom: 30px;
}
#contents .box_save_04 .main_txt{
  margin-bottom: 11px;
}
#contents .box_save_04.box_yellow{
  background-color: #fffacb;
}
#contents .box_save_04 .box_ttl{
  font-size: 18px;
  color: #fff;
  background: #71cfc6;
  padding: 15px 18px;
  border-radius: 4px 4px 0 0;
}
#contents .box_save_04.box_yellow .box_ttl{
  background-color: #ffad2b;
}
#contents .box_save_04 .box_detail{
  padding: 20px 30px 24px;
  border-radius: 0 0 4px 4px;
}
#contents .box_save_04 .main_ph{
  margin: 0 -10px;
  text-align: center;
  margin-bottom: 34px;
}
#contents .box_save_04 .floatbox .ph{
  float: right;
  margin: 2px 0 0 20px;
}
#contents .box_save_04 .floatbox ol{
  padding-top: 6px;
}
#contents .box_save_04 li.floatbox .txtbox{
  float: left;
}
#contents .box_save_04 li.floatbox .ph{
  float: right;
  padding: 10px 20px 0 40px;
  margin-left: 0;
}
#contents .box_save_04 li{
  margin-bottom: 18px;
}
#contents .box_save_04 li.last-child{
  margin-bottom: 0;
}
#contents .box_save_04 li .ttl{
  color: #fc9027;
  font-size: 16px;
  line-height: 1.63;
  font-weight: normal;
}
#contents .box_save_04 li .ttl span{
  font-size: 18px;
}
#contents .box_save_04 li .ttl img{
  vertical-align: top;
  position: relative;
  top: 6px;
  padding-right: 5px;
}
#contents .box_save_04 li .ttl span.txt{
  font-size: 14px;
  color: #2b2b2b;
  font-weight: normal;
}
#contents .box_save_04 li .txt{
  font-size: 13px;
  line-height: 1.8;
}
#contents .box_save_04 li > ul > li{
  font-size: 13px;
  line-height: 1.71;
  padding-left: 14px;
  text-indent: -14px;
  margin-bottom: 5px;
}
/* ------------------
   box_save_02
--------------------- */
#contents .box_save_02{
  border: 5px solid #b4e4ee;
  position: relative;
  margin-bottom: 38px;
  margin: 44px auto 32px;
}
#contents .box_save_02 .box_ttl{
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  text-align: center;
}
#contents .box_save_02 .box_detail{
  padding: 58px 50px 50px;
}
/* ------------------
   box_save_03
--------------------- */
#contents .box_save_03{
  width: 600px;
  margin: 0 auto 40px;
}
#contents .box_save_03 .box_ttl{
  color: #fff;
  padding: 20px 30px 10px;
  margin: 0;
  line-height: 1;
  font-size: 26px;
  background: url(/contents/library/img/ecolife/common/ttl_bg_save_box2.png) center top repeat-y;
}
#contents .box_save_03 .box_ttl span{
  display: inline-block;
  color: #18bcaa;
  font-size: 17px;
  background: #fff;
  padding: 6px 10px;
  margin-left: 10px;
  position: relative;
  top: -3px;
  border-radius: 18px;
}
#contents .box_save_03 .ttl_main{
  color: #18bcab;
  font-size: 24px;
  margin-bottom: 26px;
}
#contents .box_save_03 .ttl{
  font-size: 22px;
  margin-bottom: 16px;
}
#contents .box_save_03 .box_detail{
  background: #fff;
  border: 5px solid #55baa4;
  border-radius: 0 0 10px 10px;
  border-top: none;
  padding: 40px 50px;
}
/* ------------------
   box_save_05
--------------------- */
#contents .box_save_05{
  background: url(/contents/library/img/ecolife/common/bg_border_green.jpg) left top repeat;
  padding: 18px;
}
#contents .box_save_05 .box_detail{
  background: #fff;
  border-radius: 10px;
  padding: 28px 34px;
}
#contents .box_save_05 .box_ttl{
  color: #fdb074;
  font-size: 23px;
  text-align: center;
  margin-bottom: 38px;
}
#contents .box_save_05 .ttl{
  color: #24b8aa;
  font-size: 21px;
  margin-bottom: 6px;
}
#contents .box_save_05 .ttl_02{
  margin-bottom: 26px;
}
#contents .box_save_05 .box_detail .box_list{
  margin-bottom: 26px;
}
#contents .box_save_05 .box_detail ul li{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.88;
}
#contents .box_save_05 .box_detail .list_disk{
  list-style-type: disc;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
#contents .box_save_05 .box_detail .list_disk li{
  list-style: disc;
}
#contents .box_save_05 .box_detail .list_disk span{
  padding-left: 16px;
}
#contents .box_save_05 .box_detail .list_disk .icon_box{
  display: inline-block;
  margin: 0 0 0 25px;
  padding: 0 0 0 24px;
}
#contents .box_save_05 .annotation_txt{
  font-size: 13px;
  padding-left: 20px;
}
/* ------------------
   box_2col
--------------------- */
#contents .box_2col{
  margin-right: -22px;
}
#contents .box_2col.box_mb{
  margin-bottom: 40px;
}
#contents .box_2col.box_yellow li{
  background: #fffacb;
}
#contents .box_2col.box_green li{
  background: #e6f6f4;
}
#contents .box_2col li{
  float: left;
  width: 338px;
  margin-right: 22px;
  border-radius: 6px;
}
#contents .box_2col li .ttl{
  font-size: 18px;
  color: #18bcab;
  margin-bottom: 12px;
}
#contents .box_2col li .ph{
  text-align: center;
}
#contents .box_2col li .ph img{
  max-width: 100%;
}

/* ------------------
   box_4col
--------------------- */
#contents .box_4col{
  margin-right: -22px;
}
#contents .box_4col.box_mb{
  margin-bottom: 40px;
}
#contents .box_4col.box_yellow li{
  background: #fffacb;
}
#contents .box_4col.box_green li{
  background: #e6f6f4;
}
#contents .box_4col li{
  float: left;
  width: 338px;
  margin-right: 22px;
  border-radius: 6px;
}
#contents .box_4col.box_pd li,
#contents .box_3col.box_pd li{
  padding: 22px;
}
#contents .box_4col .box_list_01,
#contents .box_4col .box_list_02{
  margin-bottom: 19px;
}
#contents .box_4col li .ttl{
  font-size: 16px;
  color: #18bcab;
  margin-bottom: 12px;
}
#contents .box_4col li .ph{
  text-align: center;
}
#contents .box_4col li .ph img{
  max-width: 100%;
}
#contents .box_4col li .txt{
  font-size: 14px;
  line-height: 1.88;
}

#contents .box_4col.box_green .txt{
  color: #18bcab;
}
/* ------------------
   box_3col
--------------------- */
#contents .box_3col{
  margin-right: -20px;
}
#contents .box_3col.box_mb{
  margin-bottom: 40px;
}
#contents .box_3col li{
  float: left;
  width: 219px;
  margin-right: 20px;
  border-radius: 6px;
}
#contents .box_3col.box_yellow li{
  background: #fffacb;
}
#contents .box_3col.box_green li{
  background: #e6f6f4;
}
#contents .box_3col li .ttl{
  font-size: 18px;
  color: #18bcab;
  margin-bottom: 5px;
  line-height: 1.28;
  position: relative;
  padding-left: 50px;
}
#contents .box_3col .box_list_01 .ttl{
  background: url(/contents/library/img/ecolife/common/ttl_box_3col_01_pc.png) left top no-repeat;
}
#contents .box_3col .box_list_02 .ttl{
  background: url(/contents/library/img/ecolife/common/ttl_box_3col_02_pc.png) left top no-repeat;
}
#contents .box_3col .box_list_03 .ttl{
  background: url(/contents/library/img/ecolife/common/ttl_box_3col_03_pc.png) left top no-repeat;
}
#contents .box_3col.box_green .ttl{
  font-size: 15px;
  padding-left: 0;
  background: none;
}
#contents .box_3col li .ttl span{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-indent: -9999px;
}
#contents .box_3col li .ph{
  text-align: center;
}
#contents .box_3col li .ph img{
  max-width: 100%;
}
#contents .box_3col li .txt{
  color: #18bcab;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.94;
}
#contents .box_3col.box_green li .txt{
  font-weight: normal;
}
/* ------------------
   box_1col
--------------------- */
#contents .box_1col{
  padding: 12px 20px;
}
#contents .box_1col.box_green{
  background: #e6f6f4;
  margin: 0 80px;
}
#contents .box_1col.box_yellow{
  background: #fffacb;
}
#contents .box_1col .ttl {
  font-size: 16px;
  color: #18bcab;
  line-height: 1.88;
  margin-bottom: 3px;
}

#contents .box_1col .txt{
  font-size: 14px;
  line-height: 1.8;
}
/* ------------------
   list_1col
--------------------- */
#contents .list_1col{
  margin-bottom: 35px;
}
#contents .list_1col.last-child{
  margin-bottom: 0;
}
#contents .list_1col .ttl{
  color: #f18126;
  font-size: 18px;
  text-align: center;
  line-height: 1.52;
  margin-bottom: 18px;
}
#contents .list_1col .ttl span{
  display: block;
  font-size: 12px;
}
#contents .list_1col .ph{
  text-align: center;
  margin-bottom: 26px;
}
#contents .list_1col .annotation_list li{
  font-size: 11px;
  padding-left: 14px;
  text-indent: -13px;
  line-height: 1.67;
}
#contents .list_1col .annotation_list li a{
  color: #007f72;
  font-weight: normal;
  text-decoration: underline;
}
/* ------------------
   list_2col
--------------------- */
#contents .list_2col{
  margin-bottom: 22px;
}
#contents .list_2col.last-child{
  margin-bottom: 0;
}
#contents .list_2col li{
  width: 350px;
  padding: 0 12px;
}
#contents .list_2col li.list_01{
  float: left;
}
#contents .list_2col li.list_02{
  float: right;
}
#contents .list_2col .ttl{
  color: #f18126;
  font-size: 18px;
  text-align: center;
  line-height: 1.52;
  margin-bottom: 20px;
}
#contents .list_2col .ttl span{
  display: block;
  font-size: 12px;
}
#contents .list_2col .ph{
  text-align: center;
  margin-bottom: 26px;
}

@media only screen and (max-width: 798px){
  #contents .link_menu_category ul{
    width: 90%;
    margin: 0 auto 30px;
  }
  #contents .link_menu_category ul li{
    min-width: 40%;
    vertical-align: top;
    text-align: left;
    margin-right: 0;
    line-height: 2;
    margin-right: 4%;
  }
  #contents .link_menu_category.link_menu_category_big ul li{
    min-width: 22%;
    margin-right: 0;
    line-height: 2;
    margin-right: 4%;
  }
  #contents .link_menu_category ul li:nth-child(-n+2){
    margin-bottom: 6px;
  }
  #contents .link_menu_category ul li a{
    display: inline-block;
    text-align: center;
    font-size: 13px;
    padding-left: 20px;
    background: url(/contents/library/img/ecolife/common/icon_green_right_mid.png) left 2px no-repeat;
    background-size: 14px;
    line-height: 1.54;
  }
  #save_energy #contents .ttl_arrow{
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 1.54;
    text-align: center;
    padding: 0 0 12px;
    margin: 0 0 18px;
  }
  #contents .ttl_arrow span{
    width: 100%;
    position: static;
    display: block;
    padding: 6px 0px;
    margin: 0 auto 14px;
    background: #ffec81;
    font-size: 12px;
    color: #fc9027;
    text-indent: 0;
  }
  #contents .select_box{
    margin-right: 0;
  }
  #contents .select_box li{
    float: none;
    width: 90%;
    margin: 0 auto 25px;
  }
  #contents .select_box li.list_05{
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  /* ------------------
     box_save_01
  --------------------- */
  #contents .box_save_01.box_mb{
    margin-bottom: 20px;
  }
  #contents .box_save_01 .box_ttl{
    font-size: 15px;
    padding: 10px 6px;
    text-align: center;
  }
  #contents .box_save_01 .ph_main{
    text-align: center;
    margin-bottom: 20px;
  }
  #contents .box_save_01 .ph_main img{
    width: 100%;
    max-width: 100%;
  }
  #contents .box_save_01 .box_detail{
    padding: 15px;
  }
  #contents .box_save_01.box_save_01_big .box_detail{
    padding: 15px;
  }
  #contents .box_save_01 .ttl_main{
    font-size: 15px;
    margin-bottom: 14px;
  }
  #contents .box_save_01 li .txt{
    font-size: 13px;
  }
  #contents .box_save_01 .txt_main{
    font-size: 13px;
  }
  #contents .box_save_01 .txt_main_orange{
    font-size: 15px;
    margin-bottom: 6px;
  }
  #contents .box_save_01 ul{
    margin-right: 0;
  }
  #contents .box_save_01 li,
  #contents .box_save_01_orange li.list_10,
  #contents .box_save_01_orange li.list_11,
  #contents .box_save_01_orange li.list_12{
    width: auto;
    margin: 0 0 10px 0;
  }
  #contents .box_save_01 li:last-child{
    margin: 0;
  }
  #contents .box_save_01 li .ttl{
    font-size: 13px;
  }
  #contents .box_save_01 li .ttl img{
    top: 2px;
  }
  #contents .box_save_01 .ph_right_box .ph{
    float: none;
    margin-bottom: 10px;
    text-align: center;
  }
  #contents .box_save_01 .ph_right_box .ph img{
    width: 90%;
    max-width: 90%;
  }
  #contents .box_save_01 .ph_right_box .txt{
    float: none;
    width: auto;
  }
  #contents .box_save_01 .list_block li{
    font-size: 13px;
  }
  #contents .box_save_01 .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .living_box_01_05 .annotation_txt{
    display: none;
  }
  #contents .box_save_01 .float_ph{
    float: none;
    text-align: center;
    margin-bottom: 14px;
  }
  #contents .box_save_01 .float_textarea{
    float: none;
    width: auto;
  }
  /* ------------------
     box_save_04
  --------------------- */
  #contents .box_save_04 .box_ttl{
    font-size: 15px;
    padding: 12px 10px;
  }
  #contents .box_save_04 .box_detail{
    padding: 15px;
  }
  #contents .box_save_04 .main_ph {
    margin: 0 auto 14px;
  }
  #contents .box_save_04 .main_ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .box_save_04 .floatbox ol{
    width: auto;
    pading: 0;
  }
  #contents .box_save_04 .floatbox .ph{
    float: none;
    text-align: center;
    margin: 10px 0 14px 0;
  }
  #contents .box_save_04 .floatbox .ph img{
    width: 70%;
  }
  #contents .box_save_04 li{
    margin-bottom: 12px;
  }
  #contents .box_save_04 li .ttl{
    font-size: 14px;
  }
  #contents .box_save_04 li .ttl span{
    font-size: 15px;
  }
  #contents .box_save_04 li .ttl img{
    top: 3px;
    padding-right: 4px;
  }
  #contents .box_save_04 li.floatbox .txtbox{
    float: none;
    margin-bottom: 10px;
  }
  #contents .box_save_04 li.floatbox .ph{
    text-align: center;
    float: none;
    padding: 0;
    margin: 0 auto;
    width: 40%;
  }
  #contents .box_save_04 li .txt{
    font-size: 13px;
    line-height: 1.54;
  }
  #contents .box_save_04 li > ul > li{
    font-size: 13px;
    line-height: 1.54;
  }
  /* ------------------
     box_save_02
  --------------------- */
  #contents .box_save_02{
    margin: 30px auto 24px;
  }
  #contents .box_save_02 .box_ttl{
    width: 80%;
    margin: 0 auto;
    top: -18px;
  }
  #contents .box_save_02 .box_ttl img{
    width: 100%;
  }
  #contents .box_save_02 .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .box_save_02 .box_detail {
    padding: 44px 15px 15px;
}
/* ------------------
   box_save_05
--------------------- */
#contents .box_save_05{
  padding: 10px;
}
#contents .box_save_05 .box_detail{
  border-radius: 10px;
  padding: 18px 19px;
}
#contents .box_save_05 .box_ttl{
  font-size: 13px;
  margin-bottom: 14px;
}
#contents .box_save_05 .ttl{
  font-size: 12px;
  margin-bottom: 6px;
}
#contents .box_save_05 .ttl_02{
  margin-bottom: 14px;
}
#contents .box_save_05 .box_detail .box_list{
  margin-bottom: 14px;
}
#contents .box_save_05 .box_detail ul li{
  font-size: 12px;
  line-height: 1.88;
}
#contents .box_save_05 .box_detail .list_disk{
  -webkit-padding-start: 20px;
}
#contents .box_save_05 .box_detail .list_disk li{
  list-style: disc;
}
#contents .box_save_05 .box_detail .list_disk span{
  padding-left: 16px;
}
#contents .box_save_05 .box_detail .list_disk .icon_box{
  display: inline-block;
  margin: 0 0 0 12px;
  padding: 0 0 0 12px;
}
#contents  #contents .box_save_05 .annotation_txt{
  font-size: 11px;
  padding-left: 0;
}
  /* ------------------
     box_save_03
  --------------------- */
  #contents .box_save_03{
    width: 92%;
    margin: 0 auto 20px;
  }
  #contents .box_save_03 .box_ttl{
    border-radius: 10px 10px 0 0;
    padding: 10px 15px;
    font-size: 13px;
  }
  #contents .box_save_03 .box_ttl span{
    display: inline-block;
    position: static;
    font-size: 9px;
    padding: 3px 5px;
    margin: 6px 0 0 0;
  }
  #contents .box_save_03 .box_detail{
    padding: 15px;
  }
  #contents .box_save_03 .ttl_main{
    font-size: 12px;
    margin-bottom: 14px;
  }
  #contents .box_save_03 .ttl_main{
    font-size: 12px;
  }
  /* ------------------
     box_2col
  --------------------- */
  #contents .box_2col{
    margin-right: 0;
  }
  #contents .box_2col.box_mb{
    margin-bottom: 30px;
  }
  #contents .box_2col li{
    float: none;
    width: 90%;
    margin: 0 auto 10px
  }
  #contents .box_4col .box_list_02{
    margin-bottom: 20px;
  }
  /* ------------------
     box_3col,box_4col
  --------------------- */
  #contents .box_3col.box_mb{
    margin-bottom: 20px;
  }
  #contents .box_3col .box_list_01 .ttl{
    background: url(/contents/library/img/ecolife/common/ttl_box_3col_01_sp.png) left center no-repeat;
    background-size: 28px;
  }
  #contents .box_3col .box_list_02 .ttl{
    background: url(/contents/library/img/ecolife/common/ttl_box_3col_02_sp.png) left center no-repeat;
    background-size: 28px;
  }
  #contents .box_3col .box_list_03 .ttl{
    background: url(/contents/library/img/ecolife/common/ttl_box_3col_03_sp.png) left center no-repeat;
    background-size: 28px;
  }
  #contents .box_3col,
  #contents .box_4col{
    margin-right: 0;
  }
  #contents .box_3col.box_pd li,
  #contents .box_4col.box_pd li{
    width: 100%;
    padding: 14px 16px;
  }
  #contents .box_4col.box_mb{
    margin-bottom: 30px;
  }
  #contents .box_4col li,
  #contents .box_4col .box_list_01,
  #contents .box_4col .box_list_02{
    float: none;
    width: 90%;
    margin: 0 auto 10px
  }
  #contents .box_3col li{
    float: none;
    width: 90%;
    margin: 0 auto 10px
  }
  #contents .box_3col li img{
    width: 100%;
    max-width: 100%;
  }
  #contents .box_3col .box_list_03,
  #contents .box_4col .box_list_04{
    margin: 0 auto;
  }
  #contents .box_4col li .ttl{
    font-size: 14px;
    margin-bottom: 8px;
  }
  #contents .box_3col li .ttl{
    font-size: 14px;
    margin-bottom: 12px;
    padding: 8px 0 4px 34px;
  }
  #contents .box_3col.box_green .ttl{
    font-size: 14px;
    padding: 0;
    background: none;
    margin-bottom: 8px;
  }
  #contents .box_3col li .ph img,
  #contents .box_4col li .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .box_3col li .txt{
    font-size: 11px;
    line-height: 1.5;
  }
  #contents .box_4col li .txt{
    font-size: 11px;
    line-height: 1.5;
  }
  #contents .box_4col img{
    width: 100%;
    max-width: 100%;
  }
  /* ------------------
     box_1col
  --------------------- */
  #contents .box_1col{
    padding: 10px 12px;
  }
  #contents .box_1col.box_green{
    margin: 0;
  }
  #contents .box_1col .ttl {
    font-size: 13px;
    line-height: 1.59;
    margin-bottom: 12px;
  }
  #contents .box_1col .txt{
    font-size: 11px;
    line-height: 1.4;
  }
  #contents .box_1col .txt_01{
    margin-bottom: 12px;
  }
  /* ------------------
     list_1col
  --------------------- */
  #contents .list_1col{
    margin-bottom: 20px;
  }
  #contents .list_1col .ttl{
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 25px;
  }
  #contents .list_1col .ttl span{
    font-size: 11px;
  }
  #contents .list_1col .ph{
    margin-bottom: 14px;
  }
  /* ------------------
     list_2col
  --------------------- */
  #contents .list_2col{
    margin-bottom: 20px;
  }
  #contents .list_2col li{
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 42px;
  }
  #contents .list_2col li.list_02{
    margin-bottom: 0;
  }
  #contents .list_2col .ttl{
    font-size: 16px;
    line-height: 1.67;
    margin-bottom: 25px;
  }
  #contents .list_2col .ttl span{
    font-size: 11px;
  }
  #contents .list_2col .ph{
    margin-bottom: 14px;
  }
  #contents .list_2col .ph img,
  #contents .list_1col .ph img{
    width: 100%;
    max-width: 100%;
  }
}

#contents .save_about_box_02 .list_1col .annotation_txt{
  padding: 0 26px;
}
@media only screen and (max-width: 798px){
  #contents .save_about_box_02 .list_1col .annotation_txt{
    padding: 0;
  }
}
/* ------------------
   check
--------------------- */
#contents .check_about .annotation_txt{
  margin-bottom: 38px;
}
#contents .check_about .ttl_bdr span{
  padding: 10px 43px;
}
#contents .shinkyuu_block{
  background: #fffacb;
  padding: 33px 31px 30px;
}
#contents .shinkyuu_block .main_ttl{
  text-align: center;
  margin-bottom: 30px;
}
#contents .shinkyuu_block .ph_left{
  float: left;
}
#contents .shinkyuu_block .ph_right{
  float: right;
}
#contents .shinkyuu_block .link_spsite{
  margin-bottom: 30px;
}
@media only screen and (max-width: 798px){
  #contents .check_about .annotation_txt{
    margin-bottom: 20px;
  }
  #contents .check_about .ttl_bdr span{
    padding: 8px;
  }
  #contents .shinkyuu_block{
    padding: 20px 35px;
  }
  #contents .shinkyuu_block .ph_left,
  #contents .shinkyuu_block .ph_right{
    float: none;
  }
  #contents .shinkyuu_block .main_ttl{
    margin-bottom: 17px;
  }
  #contents .shinkyuu_block .ph_left{
    margin-bottom: 14px;
  }
  #contents .shinkyuu_block .link_spsite{
    display: none;
  }
  #contents .shinkyuu_block img{
    width: 100%;
  }
}

/* ------------------
   living
--------------------- */
#contents .living_box_01_03 .list_1col .ttl{
  margin-bottom: 11px;
}
#contents .list_living_table{
  margin-bottom: 39px;
}
#contents .list_living_table .ph{
  text-align: center;
}
#contents .living_box_01_02 .ph_block{
  margin-bottom: 36px;
}
#contents .list_living_table li{
  float: left;
  width: 326px;
}
#contents .list_living_table li.list_01{
  margin: 0 48px 0 0;
}
#contents .list_living_table .ttl{
  font-size: 16px;
  line-height: 1.88;
}
#contents .list_living_table .txt{
  font-size: 14px;
  margin-bottom: 6px;
}
#contents .light_category{
  margin-right: -20px;
}
#contents .light_category li{
  float: left;
  width: 219px;
  margin-right: 20px;
}
#contents .light_category li .ttl{
  background-color: #cfedea;
  font-size: 18px;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 4px;
}
#contents .light_category li .ph{
  margin-bottom: 12px;
}
#contents .light_category .txt{
  font-size: 13px;
  line-height: 1.86;
}
#contents .living_box_01_04 .box_save_04{
  margin-bottom: 42px;
}
#contents .living_box_01_04 .ttl_bdr{
  margin-bottom: 18px;
}
#contents .living_box_01_04 .ttl_bdr span{
  padding: 10px 30px;
}
#contents .living_box_01_04 .list_1col .ph{
  margin-bottom: 22px;
}
#contents .list_lamp{
  margin-right: -52px;
}
#contents .list_lamp li{
  float: left;
  width: 322px;
  margin-right: 52px;
  min-height: 290px;
}
#contents .list_lamp .list_01,
#contents .list_lamp .list_02{
  margin-bottom: 56px;
}
#contents .list_lamp .ttl_green{
  line-height: 1.5;
}
#contents .list_lamp .txt{
  font-size: 16px;
  margin-bottom: 22px;
}
#contents .list_lamp .txt.last-child{
  margin-bottom: 0;
}
#contents .living_box_01_05 #contents .box_save_04{
  margin-bottom: 40px;
}
#contents .list_sensor .txt_main{
  font-size: 16px;
  line-height: 1.88;
  margin-bottom: 12px;
}
#contents .list_sensor{
  margin-bottom: 28px;
  position: relative;
}
#contents .list_sensor .catch_sensor{
  position: absolute;
  top: 102px;
  right: 29px;
}
#contents .list_sensor ul{
  margin: 0 -15px 18px 0;
}
#contents .list_sensor ul.last-child{
  margin: 0 -15px 0 0;
}

#contents .list_sensor ul.last-child li{
  width: 128px;
}
#contents .list_sensor ul.last-child li .ph img{
  width: 100%;
}
#contents .list_sensor li{
  float: left;
  width: 156px;
  margin-right: 15px;
}
#contents .list_sensor li .ph{
  margin-bottom: 6px;
}
#contents .list_sensor .txt{
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
#contents .living_box_01_03 .list_1col{
  margin-bottom: 16px;
}
#contents .living_box_01_03 .list_1col .ph{
  margin-bottom: 0;
}
#contents .living_box_04 .ttl_bdr span{
  padding: 10px 126px;
}
@media only screen and (max-width: 798px){
  #contents .living_box_01_03 .list_1col .ttl{
    margin-bottom: 16px;
  }
  #contents .list_living_table{
    margin-bottom: 30px;
  }
  #contents .list_living_table .ph img,
  #contents.living_box_01_02 .ph_block img{
    width: 90%;
    margin: 0 auto;
  }
  #contents .list_living_table .ttl{
    font-size: 14px;
  }
  #contents .list_living_table li{
    float: none;
    width: auto;
  }
  #contents .list_living_table li.list_01{
    margin: 0 0 20px 0;
  }
  #contents .light_category{
    margin: 0;
  }
  #contents .light_category li{
    float: none;
    width: auto;
    margin: 0 0 16px 0;
  }
  #contents .light_category li.last-child{
    margin: 0;
  }
  #contents .light_category li .ttl{
    font-size: 15px;
    padding: 11px 0;
    margin-bottom: 7px;
  }
  #contents .light_category li .ph{
    margin-bottom: 8px;
  }
  #contents .light_category li .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .light_category li .ph{
    margin-bottom: 5px;
  }
  #contents .light_category .txt{
    font-size: 13px;
  }
  #contents .living_box_01_04 .box_save_04{
    margin-bottom: 20px;
  }
  #contents .living_box_01_04 .ttl_bdr span{
    padding: 8px 4px;
  }
  #contents .list_lamp{
    margin-right: 0;
  }
  #contents .list_lamp li,
  #contents .list_lamp .list_01,
  #contents .list_lamp .list_02{
    float: none;
    width: auto;
    margin: 0 0 24px 0;
    height: auto!important;
    min-height: 0;
  }
  #contents .list_lamp .list_04{
    margin-bottom: 0;
  }
  #contents .list_lamp .txt{
    font-size: 13px;
    margin-bottom: 12px;
  }
  #contents .list_lamp .ph{
    text-align: center;
  }
  #contents .list_lamp .ph img{
    width: 90%;
    max-width: 90%;
  }
  #contents .living_box_01_05 .box_save_04{
    margin-bottom: 20px;
  }
  #contents .list_sensor .catch_sensor{
    position: static;
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }
  #contents .list_sensor .catch_sensor img{
    width: 100%;
    max-width: 100%;
  }
  #contents .list_sensor ul{
    margin: 0 0 5px 0;
  }
  #contents .list_sensor ul.last-child{
    margin: 0;
  }
  #contents .list_sensor li,
  #contents .list_sensor ul.last-child li{
    width: 48%;
    margin: 0 4% 16px 0;
  }
  #contents .list_sensor li:nth-child(even),
  #contents .list_sensor ul.last-child li:nth-child(even){
    margin: 0 0 16px 0;
  }
  #contents .list_sensor li img{
    width: 100%;
    max-width: 100%;
  }
  #contents .list_sensor .txt_main{
    font-size: 13px;
    line-height: 1.54;
  }
  #contents .living_box_04 .ttl_bdr span{
    padding: 8px;
  }
}

/* ------------------
   coolheat
--------------------- */
#contents .coolheat_box_01 .floatbox .pharea,
#contents .coolheat_box_02 .floatbox .pharea{
  float: right;
}
#contents .coolheat_box_01 .floatbox .textarea,
#contents .coolheat_box_02 .floatbox .textarea{
  float: left;
  width: 324px;
}
#contents .coolheat_box_01 .floatbox .ph{
  margin-bottom: 26px;
}
#contents .coolheat_box_01 .floatbox .ph.last-child{
  margin-bottom: 0;
}
#contents .coolheat_box_01 .textarea .ttl_green,
#contents .coolheat_box_02 .textarea .ttl_green{
  margin-bottom: 6px;
}
#contents .coolheat_box_01 .textarea .txt,
#contents .coolheat_box_02 .textarea .txt{
  margin-bottom: 10px;
}
#contents .coolheat_box_01 .floatbox .ph{
  margin-bottom: 20px;
}
#contents .coolheat_box_01 .textarea .txt.last-child,
#contents .coolheat_box_02 .textarea .txt.last-child{
  margin-bottom: 0;
}
#contents .coolheat_box_01 .floatbox{
  margin-bottom: 22px;
}
#contents .coolheat_box_02 .floatbox{
  margin-bottom: 32px;
}
#contents .coolheat_box_01 .box_save_01 .ph_right_box .txt{
  width: 330px;
}
#contents .coolheat_box_01 .box_save_01 .ph_right_box .ph{
  margin-bottom: 0;
}
#contents .coolheat_box_01 .box_txt_blue{
  background: #e6f6f4;
  color: #18bcab;
  font-size: 14px;
  padding: 14px 24px;
  margin-bottom: 24px;
}
#contents .coolheat_box_01 .box_save_04 .floatbox{
  margin-bottom: 0;
}
#contents .box_txt_blue.last-child{
  margin-bottom: 30px;
}
#contents .check_space{
  margin-bottom: 14px;
}
#contents .check_space .textarea{
  float: left;
  width: 322px;
}
#contents .check_space .ph{
  float: right;
  margin: 46px 0 0 0;
}
#contents .coolheat_box_01 .box_save_01 .ph_right_box.heatpump .txt{
  width: 298px;
}
@media only screen and (max-width: 798px){
  #contents .coolheat_box_01 .floatbox .pharea,
  #contents .coolheat_box_02 .floatbox .pharea{
    float: none;
    margin-bottom: 20px;
    text-align: center;
  }
  #contents .coolheat_box_01 .pharea img{
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }
  #contents .coolheat_box_01 .textarea img,
  #contents .coolheat_box_02 .textarea img{
    width: 100%;
    max-width: 100%;
  }
  #contents .coolheat_box_02 .pharea img{
    width: 90%;
    max-width: 90%;
  }
  #contents .coolheat_box_01 .floatbox .textarea,
  #contents .coolheat_box_02 .floatbox .textarea{
    float: none;
    width: auto;
  }
  #contents .coolheat_box_01 .box_txt_blue{
    padding: 12px;
  }
  #contents .coolheat_box_01 .box_save_01 .ph_right_box .ph{
    margin-bottom: 14px;
  }
  #contents .coolheat_box_01 .box_save_01 .ph_right_box .txt{
    width: auto;
    margin-bottom: 0;
  }
  #contents .coolheat_box_02 .floatbox{
    margin-bottom: 20px;
  }
  #contents .box_txt_blue{
    margin-bottom: 20px;
  }
  #contents .check_space{
    margin-bottom: 20px;
  }
  #contents .check_space .textarea{
    float: none;
    width: auto;
    margin-bottom: 16px;
  }
  #contents .check_space .ph{
    float: none;
    margin: 0;
  }
  #contents .check_space .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .coolheat_box_01 .box_save_01 .ph_right_box.heatpump .txt{
    width: auto;
  }
}

/* ------------------
   kitchen
--------------------- */
#contents .kitchen_box_01 .floatbox_01{
  margin-bottom: 22px;
}
#contents .kitchen_box_01 .floatbox_01 .textarea{
  float: left;
  width: 336px;
}
#contents .kitchen_box_01 .floatbox_01 .txt{
  margin-bottom: 16px;
}
#contents .kitchen_box_01 .floatbox_01 .pharea{
  float: right;
}
#contents .kitchen_box_01 .floatbox_02 .textarea{
  float: left;
  width: 338px;
}
#contents .kitchen_box_01 .floatbox_02 .box_txt_blue{
  margin-bottom: 10px;
}
#contents .kitchen_box_01 .floatbox_02 .box_txt_blue.last-child{
  margin-bottom: 0;
}
#contents .kitchen_box_01 .floatbox_02 .pharea{
  float: right;
}
#contents .kitchen_box_01 .floatbox_02 .box_txt_blue{
  background: #e6f6f4;
  padding: 20px 22px;
  color: #18bcab;
  font-size: 16px;
  line-height: 1.88;
  border-radius: 6px;
}
#contents .kitchen_box_01 .floatbox_02 .box_txt_blue .ttl{
  margin-bottom: 8px;
}
#contents .kitchen_box_01 .box_save_01 .ph_right_box .txt{
  width: 300px;
}
@media only screen and (max-width: 798px){
  #contents .kitchen_box_01 .floatbox_01 .textarea,
  #contents .kitchen_box_01 .floatbox_02 .textarea{
    float: none;
    width: auto;
  }
  #contents .kitchen_box_01 .floatbox_01 .txt{
    margin-bottom: 10px;
  }
  #contents .kitchen_box_01 .floatbox_01 .pharea{
    float: none;
  }
  #contents .kitchen_box_01 .floatbox_02 .box_txt_blue{
    margin-bottom: 10px;
  }
  #contents .kitchen_box_01 .floatbox_02 .box_txt_blue.last-child{
    margin-bottom: 0;
  }
  #contents .kitchen_box_01 .floatbox_01 .textarea .ph,
  #contents .kitchen_box_01 .floatbox_01 .pharea,
  #contents .kitchen_box_01 .floatbox_02 .pharea{
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  #contents .kitchen_box_01 .floatbox_01 .textarea img,
  #contents .kitchen_box_01 .floatbox_01 .pharea img,
  #contents .kitchen_box_01 .floatbox_02 .pharea img{
    width: 100%;
    max-width: 100%;
  }
  #contents .kitchen_box_01 .floatbox_01 .textarea,
  #contents .kitchen_box_01 .floatbox_02 .pharea{
    float: none;
    margin-bottom: 20px;
  }
  #contents .kitchen_box_01 .floatbox_02 .box_txt_blue{
    padding: 15px;
    font-size: 13px;
    line-height: 1.54;
    width: 86%;
    margin: 0 auto 10px;
  }
  #contents .kitchen_box_01 .floatbox_02 .box_txt_blue .ttl{
    margin-bottom: 6px;
  }
  #contents .kitchen_box_01 .box_save_01 .ph_right_box .txt{
    width: auto;
  }
}


/* ------------------
   laundry
--------------------- */
#contents .floatbox_laundly{
  margin-bottom: 30px;
}
#contents .floatbox_laundly .txt{
  float: left;
  width: 350px;
}
#contents .floatbox_laundly .ph{
  float: right;
}
#contents .laundry_box_01 .ttl_bdr span{
  padding: 10px 110px;
}
#contents .laundry_box_01 .floatbox_01 .area_01{
  float: left;
  width: 338px;
}
#contents .laundry_box_01 .floatbox_01 .area_02{
  float: right;
  width: 330px;
}
#contents .laundry_box_01 .floatbox_01 .area_02 .ph{
  text-align: center;
}
#contents .laundry_box_01 .floatbox_01 .area_01 .txt{
  font-size: 16px;
  margin-bottom: 24px;
}
#contents .laundry_box_01 .floatbox_01 .area_01 .txt span{
  font-size: 20px;
  color: #27c0b4;
  text-decoration: underline;
  font-weight: bold;
}
#contents .laundry_box_01 .floatbox_01 .area_02 .txt{
  margin-bottom: 68px;
}
#contents .laundry_box_01 .box_save_01 .ph_right_box .txt{
  width: 230px;
}
#contents .laundry_box_01 .ph_w100{
  margin: 0 -20px 40px;
}
@media only screen and (max-width: 798px){
  #contents .floatbox_laundly{
    margin-bottom: 20px;
  }
  #contents .laundry_box_01 .ttl_bdr span{
    padding: 8px;
  }
  #contents .floatbox_laundly .txt{
    float: none;
    width: auto;
  }
  #contents .floatbox_laundly .ph{
    float: none;
    width: 80%;
    text-align: center;
    margin: 0 auto 20px;
  }
  #contents .floatbox_laundly .ph img{
    width: 100%;
    max-width: 100%;
  }
  #contents .laundry_box_01 .floatbox_01{
    width: 90%;
    margin: 0 auto;
  }
  #contents .laundry_box_01 .floatbox_01 .area_01 .txt{
    font-size: 11px;
    margin-bottom: 14px;
  }
  #contents .laundry_box_01 .floatbox_01 .area_01 .txt span{
    font-size: 13px;
  }
  #contents .laundry_box_01 .floatbox_01 img{
    width: 100%;
    max-width: 100%;
  }
  #contents .laundry_box_01 .floatbox_01 .area_01,
  #contents .laundry_box_01 .floatbox_01 .area_02{
    float: none;
    width: auto;
  }
  #contents .laundry_box_01 .floatbox_01 .area_01{
    margin-bottom: 20px;
  }
  #contents .laundry_box_01 .floatbox_01 .area_02 .txt{
    margin-bottom: 20px;
  }
  #contents .laundry_box_01 .floatbox_01 .area_02 .ph{
    width: 80%;
    margin: 0 auto;
  }
  #contents .laundry_box_01 .box_save_01 .ph_right_box .txt{
    width: auto;
  }
  #contents .laundry_box_01 .ph_w100{
    margin: 0 -3% 20px -4%;
  }
}