/* media query */
/* font size */
.fs12, #heater_contat .rec {
  font-size: 1.2rem; }
  @media (max-width: 960px) {
    .fs12, #heater_contat .rec {
      font-size: 1.1rem; } }
  @media (max-width: 600px) {
    .fs12, #heater_contat .rec {
      font-size: 1rem; } }

.fs16 {
  font-size: 1.6rem; }
  @media (max-width: 960px) {
    .fs16 {
      font-size: 1.5rem; } }
  @media (max-width: 600px) {
    .fs16 {
      font-size: 1.3rem; } }

.fs18, #heater_con07 .eco_subtxt {
  font-size: 1.8rem; }
  @media (max-width: 960px) {
    .fs18, #heater_con07 .eco_subtxt {
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .fs18, #heater_con07 .eco_subtxt {
      font-size: 1.3rem; } }

.fs10 {
  font-size: 1rem; }
  @media (max-width: 960px) {
    .fs10 {
      font-size: 0.9rem; } }
  @media (max-width: 600px) {
    .fs10 {
      font-size: 0.8rem; } }

.fs11 {
  font-size: 1.1rem; }
  @media (max-width: 960px) {
    .fs11 {
      font-size: 1rem; } }
  @media (max-width: 600px) {
    .fs11 {
      font-size: 0.9rem; } }

.fs13 {
  font-size: 1.3rem; }
  @media (max-width: 960px) {
    .fs13 {
      font-size: 1.2rem; } }
  @media (max-width: 600px) {
    .fs13 {
      font-size: 1.1rem; } }

.fs14, #heater_contat .caution {
  font-size: 1.4rem; }
  @media (max-width: 960px) {
    .fs14, #heater_contat .caution {
      font-size: 1.3rem; } }
  @media (max-width: 600px) {
    .fs14, #heater_contat .caution {
      font-size: 1.2rem; } }

.fs15 {
  font-size: 1.5rem; }
  @media (max-width: 960px) {
    .fs15 {
      font-size: 1.4rem; } }
  @media (max-width: 600px) {
    .fs15 {
      font-size: 1.3rem; } }

.fs17 {
  font-size: 1.7rem; }
  @media (max-width: 960px) {
    .fs17 {
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .fs17 {
      font-size: 1.5rem; } }

.fs19 {
  font-size: 1.9rem; }
  @media (max-width: 960px) {
    .fs19 {
      font-size: 1.7rem; } }
  @media (max-width: 600px) {
    .fs19 {
      font-size: 1.5rem; } }

.fs20 {
  font-size: 2rem; }
  @media (max-width: 960px) {
    .fs20 {
      font-size: 1.8rem; } }
  @media (max-width: 600px) {
    .fs20 {
      font-size: 1.6rem; } }

.fs21 {
  font-size: 2.1rem; }
  @media (max-width: 960px) {
    .fs21 {
      font-size: 1.9rem; } }
  @media (max-width: 600px) {
    .fs21 {
      font-size: 1.6rem; } }

.fs22 {
  font-size: 2.2rem; }
  @media (max-width: 960px) {
    .fs22 {
      font-size: 2rem; } }
  @media (max-width: 600px) {
    .fs22 {
      font-size: 1.7rem; } }

.fs23 {
  font-size: 2.3rem; }
  @media (max-width: 960px) {
    .fs23 {
      font-size: 2.1rem; } }
  @media (max-width: 600px) {
    .fs23 {
      font-size: 1.7rem; } }

.fs24, .catch_txt, #heater_con07 .balloon_ttl {
  font-size: 2.4rem; }
  @media (max-width: 960px) {
    .fs24, .catch_txt, #heater_con07 .balloon_ttl {
      font-size: 2.1rem; } }
  @media (max-width: 600px) {
    .fs24, .catch_txt, #heater_con07 .balloon_ttl {
      font-size: 1.8rem; } }

.fs25 {
  font-size: 2.5rem; }
  @media (max-width: 960px) {
    .fs25 {
      font-size: 2.1rem; } }
  @media (max-width: 600px) {
    .fs25 {
      font-size: 1.8rem; } }

.fs26 {
  font-size: 2.6rem; }
  @media (max-width: 960px) {
    .fs26 {
      font-size: 2.2rem; } }
  @media (max-width: 600px) {
    .fs26 {
      font-size: 1.9rem; } }

.fs27 {
  font-size: 2.7rem; }
  @media (max-width: 960px) {
    .fs27 {
      font-size: 2.2rem; } }
  @media (max-width: 600px) {
    .fs27 {
      font-size: 1.9rem; } }

.fs28 {
  font-size: 2.8rem; }
  @media (max-width: 960px) {
    .fs28 {
      font-size: 2.2rem; } }
  @media (max-width: 600px) {
    .fs28 {
      font-size: 1.9rem; } }

.fs29 {
  font-size: 2.9rem; }
  @media (max-width: 960px) {
    .fs29 {
      font-size: 2.3rem; } }
  @media (max-width: 600px) {
    .fs29 {
      font-size: 2rem; } }

.fs30 {
  font-size: 3rem; }
  @media (max-width: 960px) {
    .fs30 {
      font-size: 2.3rem; } }
  @media (max-width: 600px) {
    .fs30 {
      font-size: 2rem; } }

.fs31 {
  font-size: 3.1rem; }
  @media (max-width: 960px) {
    .fs31 {
      font-size: 2.3rem; } }
  @media (max-width: 600px) {
    .fs31 {
      font-size: 2rem; } }

.fs32, #heater_con07 .eco_ttl {
  font-size: 3.2rem; }
  @media (max-width: 960px) {
    .fs32, #heater_con07 .eco_ttl {
      font-size: 2.4rem; } }
  @media (max-width: 600px) {
    .fs32, #heater_con07 .eco_ttl {
      font-size: 2.1rem; } }

.fs33 {
  font-size: 3.3rem; }
  @media (max-width: 960px) {
    .fs33 {
      font-size: 2.4rem; } }
  @media (max-width: 600px) {
    .fs33 {
      font-size: 2.1rem; } }

.fs34 {
  font-size: 3.4rem; }
  @media (max-width: 960px) {
    .fs34 {
      font-size: 2.4rem; } }
  @media (max-width: 600px) {
    .fs34 {
      font-size: 2.1rem; } }

.fs35 {
  font-size: 3.5rem; }
  @media (max-width: 960px) {
    .fs35 {
      font-size: 2.5rem; } }
  @media (max-width: 600px) {
    .fs35 {
      font-size: 2.2rem; } }

.fs36 {
  font-size: 3.6rem; }
  @media (max-width: 960px) {
    .fs36 {
      font-size: 2.5rem; } }
  @media (max-width: 600px) {
    .fs36 {
      font-size: 2.2rem; } }

.fs37 {
  font-size: 3.7rem; }
  @media (max-width: 960px) {
    .fs37 {
      font-size: 2.5rem; } }
  @media (max-width: 600px) {
    .fs37 {
      font-size: 2.2rem; } }

.fs38 {
  font-size: 3.8rem; }
  @media (max-width: 960px) {
    .fs38 {
      font-size: 2.6rem; } }
  @media (max-width: 600px) {
    .fs38 {
      font-size: 2.3rem; } }

.fs39 {
  font-size: 3.9rem; }
  @media (max-width: 960px) {
    .fs39 {
      font-size: 2.6rem; } }
  @media (max-width: 600px) {
    .fs39 {
      font-size: 2.3rem; } }

.fs40 {
  font-size: 4rem; }
  @media (max-width: 960px) {
    .fs40 {
      font-size: 2.6rem; } }
  @media (max-width: 600px) {
    .fs40 {
      font-size: 2.3rem; } }

.cv_btn {
  display: block; }

.catch_txt {
  margin: 30px 0;
  color: #5f9cc7;
  text-align: center; }

#heater_con01 p {
  margin: 40px 0; }

#heater_con02 .clm2 {
  zoom: 1; }
  #heater_con02 .clm2:before, #heater_con02 .clm2:after {
    content: "";
    display: table; }
  #heater_con02 .clm2:after {
    clear: both; }
  #heater_con02 .clm2 p {
    float: left;
    width: 42%; }
  #heater_con02 .clm2 img {
    float: right;
    width: 52%; }
  @media (max-width: 600px) {
    #heater_con02 .clm2 p, #heater_con02 .clm2 img {
      width: 100%;
      float: none; }
    #heater_con02 .clm2 p {
      margin-bottom: 30px; } }

#heater_con03 .cv_btn {
  margin-top: 30px; }

#heater_con04 .txt {
  margin-top: 30px; }

#heater_con04 .c-ttl02:not(:first-child) {
  margin-top: 40px; }

#heater_con04 .reform_tbl {
  margin-top: 35px;
  background-color: #fff; }
  #heater_con04 .reform_tbl th, #heater_con04 .reform_tbl td {
    text-align: center; }
  #heater_con04 .reform_tbl th {
    background-color: #f7f7f7; }
  #heater_con04 .reform_tbl .mente_ico01 {
    background: url(../img/index/round_small.png) no-repeat 50%;
    text-align: center;
    color: #fff;
    height: 90px; }
  #heater_con04 .reform_tbl .mente_ico02 {
    background: url(../img/index/round_large.png) no-repeat 50%;
    text-align: center;
    color: #fff;
    height: 90px; }

@media (max-width: 600px) {
  #heater_con04 .refrom_tbl_wrap {
    overflow-x: scroll;
    width: 100%; }
    #heater_con04 .refrom_tbl_wrap::-webkit-scrollbar {
      -webkit-appearance: none;
      height: 8px; }
    #heater_con04 .refrom_tbl_wrap::-webkit-scrollbar-thumb {
      border-radius: 3px;
      background-color: #bdbcb7; }
    #heater_con04 .refrom_tbl_wrap::-webkit-scrollbar-track-piece:end {
      background: #f7f7f7; }
    #heater_con04 .refrom_tbl_wrap .reform_tbl {
      width: 590px; }
      #heater_con04 .refrom_tbl_wrap .reform_tbl tr td:first-child,
      #heater_con04 .refrom_tbl_wrap .reform_tbl tr:nth-child(2) td:first-child {
        padding: 0; } }

#heater_con04 #sign {
  zoom: 1;
  margin-top: 35px; }
  #heater_con04 #sign:before, #heater_con04 #sign:after {
    content: "";
    display: table; }
  #heater_con04 #sign:after {
    clear: both; }
  #heater_con04 #sign li {
    display: block;
    float: left;
    width: 23.5%; }
    #heater_con04 #sign li:not(:last-child) {
      margin-right: 2%; }
    @media (max-width: 600px) {
      #heater_con04 #sign li {
        width: 48.5%; }
        #heater_con04 #sign li:not(:last-child) {
          margin-right: 3%; }
        #heater_con04 #sign li:not(:nth-child(odd)) {
          margin-right: 0; }
        #heater_con04 #sign li:nth-child(-n+2) {
          margin-bottom: 3%; } }

#heater_con05 .choice_blc .c-ttl02 {
  margin: 35px 0 30px; }

#heater_con05 .choice_blc .melit_demerit {
  margin-top: 30px; }
  #heater_con05 .choice_blc .melit_demerit .c-ttl04:not(:first-child) {
    margin-top: 15px; }

#heater_con06 img {
  margin: 35px 0; }

#heater_con06 .cv_btn {
  margin: 35px 0 0; }
  #heater_con06 .cv_btn img {
    margin: 0; }

#heater_con07 .eco_ttl {
  position: relative;
  padding: 5px 5px 5px 70px;
  border: solid 2px #5f9cc7;
  text-align: center;
  font-weight: bold; }
  @media (max-width: 600px) {
    #heater_con07 .eco_ttl {
      padding-left: 55px;
      text-align: left; } }
  #heater_con07 .eco_ttl::before {
    position: absolute;
    content: "";
    background: url(../img/water_heater/ttl_leaf.png) no-repeat;
    top: -42px;
    left: 25px;
    padding: 10px;
    height: 134px;
    width: 155px; }
    @media (max-width: 960px) {
      #heater_con07 .eco_ttl::before {
        background-size: 75%;
        top: -43px; } }
    @media (max-width: 600px) {
      #heater_con07 .eco_ttl::before {
        background-size: 100%;
        width: 15px;
        height: 14px;
        top: 7px;
        left: 15px; } }

#heater_con07 .eco_subtxt {
  margin-top: 70px;
  text-align: center; }

#heater_con07 .point3 {
  margin-top: 30px; }

#heater_con07 .c-ttl02 {
  margin-top: 45px; }

#heater_con07 #eco_system .txt,
#heater_con07 #eco_bargain .txt {
  margin-top: 30px; }

#heater_con07 #eco_system img,
#heater_con07 #eco_bargain img {
  display: block;
  margin: 30px auto 0; }

#heater_con07 .balloon_ttl {
  position: relative;
  margin-top: 40px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background-color: #a5cbe5; }
  #heater_con07 .balloon_ttl::after {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -15px;
    content: "";
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top: 30px solid #a5cbe5; }

#heater_con08 .tsumari {
  margin-top: 20px; }

#heater_con08 img {
  display: block;
  margin: 0 auto; }

#heater_con09 .step_blc {
  position: relative;
  float: left;
  width: 22%; }
  #heater_con09 .step_blc:not(:last-child) {
    margin-right: 4%; }
  #heater_con09 .step_blc:not(:last-child)::before {
    position: absolute;
    top: 42%;
    right: -12%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(../img/water_heater/arrow01.png); }
  #heater_con09 .step_blc p {
    margin-top: 25px; }
  @media (max-width: 600px) {
    #heater_con09 .step_blc {
      float: none;
      width: 100%; }
      #heater_con09 .step_blc img {
        display: block;
        margin: 0 auto; }
      #heater_con09 .step_blc:not(:last-child) {
        margin-bottom: 40px; }
      #heater_con09 .step_blc:not(:last-child)::before {
        top: 103%;
        right: 49%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); } }

#heater_con09 .cv_btn {
  margin-top: 35px; }

#heater_contat .caution {
  padding-left: 10px; }

#heater_contat .rec {
  color: #a9183a;
  padding-left: 5px;
  vertical-align: middle; }

#heater_contat #name input, #heater_contat #kana input {
  float: left;
  width: 49%; }
  #heater_contat #name input:not(:last-child), #heater_contat #kana input:not(:last-child) {
    margin-right: 2%; }