@charset "UTF-8";

    /*セクションタイトル*/
    div.sec-h {
      padding-left:10px;
      background: linear-gradient(to bottom, #0067AF 0%,#72D3F3 48%,#0067AF 100%);
      margin: 10px 0 30px 0;
      clear: left;
    }
    div.sec-h span{
      display: block;
      background-color: #DFF2FC;
      padding: 10px 10px 9px 10px;
      color: #005BAC;
      font-size: 1.1em;
      font-weight: bold;
    }

    sec-h {
      padding: 0px;
      display: flex;
      align-items: center;
    }

    sec-h>span {
      background-color: #000;
      color: #fff;
      margin: 0px 15px 0 0;
      padding: 10px 6px;
      font-size: 0.8em;
      display: block;
      width: 40px;
      align-self: center;
      line-height: 1.3rem;
      text-align: center;
    }

    sec-h > span > span {
      font-size: 1.8em;
    }

    h2 {
      text-align: center;
      margin: 0;
    }

        /* ヘッダーメッセージ */
    .header-message {
      position: relative;
      left: 0px;
      top: 0px; 
    }

    /* 消費エネルギー効率をさらに向上 */
    .improvement .notes {
      margin: 15px 0;
    }

    .improvement .notes dt {
      width: 10px;
    }

    .improvement > .col2-l .notes dd{
      width: 350px;
    }

    .improvement .col2-r .notes dd {
      width: 410px;
    }

    .improvement img {
      margin-top: 30px;
    }

    .improvement > div:nth-child(2) .col2-r > :nth-child(2) {
      display: flex;
      justify-content: center;
    }

    /* R32安全対策 */
    /* R32冷媒はR410A冷媒と比べて...*/
    .r32-safety > div:first-child {
      font-weight: bold;
      display: block;
      text-align: center;
    }
    .r32-safety > div:first-child > span {
      color: #be1a20;
      text-decoration: underline;
      background-color: #fff000;
    }

    /* 詳細は、日本冷凍空調...*/
    .r32-safety > div:nth-child(2) {
      text-align: center;
      margin: 1.5rem 0;
    }

    .r32-safety > div:nth-child(2) > span {
      display:inline-block;
      border: 1px solid #333;
      padding: 0.2rem 0.5rem;
    }

    .r32-safety > div:nth-child(2) > span > span {
      font-weight: bold;
    }

    /* 燃焼を防止するための適切な措置... */
    .r32-safety > div:nth-child(3) {
      text-align: center;
      font-weight: bold;;
      margin-bottom: 1.5rem;
    }

    /* ①冷媒量を制限する、②遮断装置などの安全対策を行う */
    .r32-safety > div:nth-child(4) > div:first-child {
      background-color: #54c2f0;
      font-weight: bold;
      text-align: center;
      border-radius: 5px;
      padding: 0.2rem 0;;
    }

    /* ②遮断装置などの安全対策を行う */
    .r32-safety > div:nth-child(4) > div:nth-child(2) {
      background-color: #00469b;
      color: #fff000;
      font-weight: bold;
      text-align: center;
      border-radius: 5px;
      padding: 0.2rem 0;;
    }
    .r32-safety > div:nth-child(4) > div:nth-child(2) > span:nth-child(1) {
      color: #fff;
    }
    .r32-safety > div:nth-child(4) > div:nth-child(2) > span:nth-child(2) {
      text-decoration: underline;
    }

    /* ①冷媒量を制限する、②遮断装置などの安全対策を行う の図 */
    .r32-safety > div:nth-child(5) .notes {
      margin: 15px 0;
    }

    .r32-safety > div:nth-child(5) > img {
      margin: 2rem 4rem;
    }

    .r32-safety > div:nth-child(6) {
      margin-bottom: 2rem;
    }

    .r32-safety > div:nth-child(6) > div:first-child {
      display: flex;
      gap: 0rem;
      font-size:1.4rem;
      font-weight: bold;
      margin-bottom: 1rem;
    }

    /* 安全対策【必須】検知器 + 警報器 + 【選択】遮断弁 or 換気設備 */
    .r32-safety > div:nth-child(6) > div:first-child > span:nth-child(1) {
      display: inline-block;
      background-color: #00469b;
      color: #fff000;
      text-align: center;
      padding: 0.7rem;
      letter-spacing: 0.2em;
      width: 8rem;
      white-space: nowrap;
    }

    .r32-safety > div:nth-child(6) > div:first-child > span:nth-child(2) {
      background-color: #e5ebf6;
      padding: 0.7rem;
      width: 100%;
    }

    .r32-safety > div:nth-child(6) > div:first-child > span:nth-child(2) > span {
      font-size: 1.2em;
      padding: 0px 1.5rem;
      
    }

    .r32-safety > div:nth-child(6) > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      align-items: stretch;
    }

    .r32-safety > div:nth-child(6) > div:nth-child(2) > div{
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) {
      flex-grow: 1; 
    }

    /* 必須 */
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div:first-child > div:first-child {
      background-color: #fff000;
      padding: 0 0.5rem;
    }

    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) {
      display: flex;
      flex-direction: row;
    }

    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > div {
      display: flex;
      flex-direction: column;      
    }

    /* 検知器、警報機（枠付き）*/
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(odd) > div:first-child {
      text-align: center;
      border: 1px solid #333;
      padding: 0;
    }

    /* 画像 */
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(odd) > div:nth-child(2) {
      margin-bottom:5px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* プラスマーク  orマーク*/
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {
      align-self: flex-end; 
      font-size: 1.5em;
      padding: 0 0.5rem 2em 0.5rem;
    }

    /* プラスマーク */
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
      font-weight: bold;
      font-size: 1.8em;
      padding: 0 0.5rem 1.7em 0.5rem;
    }

    /* 説明文字*/
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(odd) >  div:nth-child(3) {
      white-space: nowrap;
    }

    /* 選択 */
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div:nth-child(3) > div:first-child {
      background-color: #3e3a39;
      color: #fff;
      padding: 0 0.5rem;
    }

    /* かくはん装置標準搭載 */
    .r32-safety > div:nth-child(6) > div:nth-child(2) > div:nth-child(5){
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 注釈 */
    .r32-safety > div:nth-child(6) > .notes {
      margin-top: 1rem;
    }

    .r32-safety > div:nth-child(6) > .notes dt {
      width: 20px;
    }

    .r32-safety > div:nth-child(6) > .notes dd {
      width: 840px;
    }

    /* 検知器、警報器、遮断弁、換気設備、回路検査 */
    .r32-safety > div:nth-child(7) {
      display: flex;
      flex-direction: column;
    }
    .r32-safety > div:nth-child(7) > div {
      margin-bottom: 2rem;
    }

    /* 検知器、警報器、遮断弁、換気設備、回路検査 のタイトル */
    .r32-safety > div:nth-child(7) > div > div:first-child {
      background-color: #e5ebf6;
      margin-bottom: 0.5rem;
    }

    .r32-safety > div:nth-child(7) > div > div:first-child > span {
      display: inline-block;
      background-color: #00469b;
      color: #fff;
      text-align: center;
      padding: 0.2rem;
      letter-spacing: 0.2em;
      width: 8rem;
      padding: 0.2rem;
      margin-right: 1rem;
      white-space: nowrap;
    }

    /* 検知器、警報器の内容部分 */
    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2),
    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      gap: 20px;
    }

    /* 検知器、警報器の内容部分（左） */
    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2) > div:first-child,
    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:first-child {
      max-width: 220px;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2) > div:first-child > div:first-child,
    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:first-child > div:first-child {
      flex: 1;
      padding: 1rem 0;
      font-weight: bold;
      white-space: nowrap;
    }

    /* 検知器、警報器の内容部分（右） */
    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2),
    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
      display: flex;
      flex-direction: column;
      flex:1;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:first-child {
      border: 1px solid #333;
      padding: 0px 0.5rem;
      margin: 1rem 0;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div {
      flex-basis: 50%;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:first-child {
      border: 1px solid #333;
      padding: 0px 0.5rem;
      margin: 1rem 0;
    }

    /* 集中制御機器 aTM（アドバンストタッチマネージャー）ADCM601C1、aTC（アドバンストタッチコントローラー）ADCL401B1 */
    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > dl,
    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) dl {
      display: flex;
      flex-direction: row;
      margin-top: 0.5rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 遮断弁、換気設備の内容部分 */
    .r32-safety > div:nth-child(7) > div:nth-child(3) > div:nth-child(2),
    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(2)  {
      padding: 1rem 0;
      font-weight: bold;
    }

    /* 換気設備の内容部分 */
    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3)  {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1) {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      line-height: 1.4rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      gap: 0.5rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div:nth-child(odd) {
      flex: 1;
      padding: 0.4rem;
      border-radius: 5px;
      background-color: #e5ebf6;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
      flex: 0;
      line-height: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 回路検査 */
    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(2)  {
      display: flex;
      flex-direction: row;
      gap: 1.5rem;
      margin: 1.5rem 0;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(2) > div:first-child  {
      white-space: nowrap;
      font-weight: bold;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3)  {
      display: flex;
      flex-direction: row;
      gap: 1.5rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3) > div {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3) > div > div:first-child {
      border: 1px solid #333;
      padding: 0.2rem 1rem;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3) > div > div:nth-child(2) {
      display: flex;
      flex-direction: row;
      gap: 0.5rem;
      flex: 1;
    }

    .r32-safety > div:nth-child(7) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(3) {
      padding-bottom: 1rem;
    }