@charset "utf-8";


/*
----------------------------------------
10px  font-size: 62.5%;
11px  font-size: 68.75%;
12px  font-size: 75%;
13px  font-size: 81.25%;
14px  font-size: 87.5%;
15px  font-size: 93.75%;
16px  font-size: 100%;
17px  font-size: 106.25%;
18px  font-size: 112.5%;
19px  font-size: 118.75%;
20px  font-size: 125%;
22px  font-size: 137.5%;
24px  font-size: 150%;
26px  font-size: 162.5%;
28px  font-size: 175%;
30px  font-size: 187.5%;
32px  font-size: 200%;
34px  font-size: 212.5%;
36px  font-size: 225%;
38px  font-size: 237.5%;
40px  font-size: 250%;
----------------------------------------
*/


/******************************************
コメント大
******************************************/

/* コメント中
---------------------------------------- */

/* コメント小 */



/******************************************
PC表示&共通
******************************************/

#aircon-navi {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1140px;
  overflow: hidden;
  padding: 26px 62px 50px;
  position: relative;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

#aircon-navi img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

#aircon-navi a:hover {
  opacity: .7;
  text-decoration: none;
  -webkit-transition: opacity .2s;
          transition: opacity .2s;
}

#aircon-navi .indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* headding
---------------------------------------- */
#aircon-navi #headding {
  box-sizing: border-box;
  display: table;
  padding: 0 0 10px 4px;
  table-layout: fixed;
}

#aircon-navi #headding h1,
#aircon-navi #headding p {
  display: table-cell;
  vertical-align: middle;
}

#aircon-navi #headding h1 {
  width: 40%;
}

#aircon-navi #headding p {
  color: #314770;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.4;
  padding: 25px 10px 0 10px;
  /*white-space: nowrap;*/
}

/* container
---------------------------------------- */
#aircon-navi-wrapper .container {
  background-color: #fff;
  border: 3px solid #314770;
  border-radius: 13px;
  margin: 0 6px;
}


/******************************************
TB表示（W1024px 以下の場合）
******************************************/
@media screen and (max-width:1024px) {
  #aircon-navi {
    width: 98%;
  }

  #aircon-navi a:hover {
    opacity: 1;
    text-decoration: none;
    -webkit-transition: none;
            transition: none;
  }
}

/******************************************
SP表示（W580px 以下の場合）
******************************************/
@media screen and (max-width:580px) {
  #aircon-navi {
    padding: 10px 5px 15px;
    width: 100%;
  }


  /* headding
  ---------------------------------------- */
  #aircon-navi #headding p {
    font-size: 87.50%;
    padding: 18px 5px 0 6px;
  }
}