@charset "UTF-8";
/*基本スタイルオーバーライド*/
/*h2{background: -webkit-linear-gradient(left, #e60027, #cccccc);
background: linear-gradient(to right, #e60027, #cccccc);
padding-bottom: 1px;
margin-bottom: 20px;}*/
body {
background-color: #fff !important;
}

/*▼上メニュー▼*/
.fileInfo {
  display: none !imortant;
}
/*.Subnav2 {*/
  /*padding: 10px 0 0;*/
  /*border-bottom: 3px solid #000;*/
/*  margin: 10px auto 0px;
  background-color: #000;
}*/
.content_topimg_pc{
display: block !important;
}
.content_topimg_sp{
display: none !important;
}


.Subnav2 {
  padding: 0px 0 0;
  border-bottom: 0px solid #000;
  margin: 10px auto 0px;
  background-color: #000;
}
#menu2{
  list-style-type: none;
  height: 40px;
  margin: 0 auto;
  padding: 0;
/*  background: #fff;*/
  display: flex;
  position: relative;
  z-index: 10;
  width: 1275px;
}

#menu2 li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  flex: auto;
}
#menu2 li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  background-color: #000;
}
#menu2 li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu2 li:last-child ul{
  left: -100%;
  width: 100%
}
#menu2 li ul li{
  overflow: hidden;
/*  width: 300%;*/
  width: 374px;
  height: 0;
  color: #111;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index: 10;
}
#menu2 li ul li a{
  padding: 13px 15px;
  background: #444;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
 border-bottom: 1px solid #000;
}
#menu2 li:hover > a{
    background: #aaa;
    color: #fff;
    background-color: #4c4c4c;
}
#menu2 li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}
#menu2 li:hover ul li:first-child{
  border-top: 0;
}
#menu2 li:hover ul li:last-child{
  border-bottom: 0;
}
.submenuLink {
    padding-left: 20px;
    padding-right: 20px;
  font-size: 12px;
}
/*.submenuLink{
  padding: 13px 25px 13px 15px;
  background: #333;
  text-align: left;
  font-size: 12px;
  font-weight: normal;*/
/* border-bottom: 1px solid #000;*/
/*}*/

#menu2 li a {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
background-image: url(/products/exiida/lineup/image/icon_link_right_under.gif);
}
#menu2 li:hover > a{
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
background-image: url(/products/exiida/lineup/image/icon_link_right_under.gif);
}
/*▲上メニュー▲*/

sub {
    font-size: 70% !important;
}
.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 50px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    /*display: block;*/　/* 消していたバナーを表示させる */
    /*width: 100vw;*/ /* スマホの画面幅いっぱいにバナーを表示 */
 display: none;
  }
}
.content_topimg_pc{
display: block !important;
}
.content_topimg_sp{
display: none !important;
}
.bggray-systemtext {
display: none !important;
} 
.br-pc {
            display: block;
        }
.br-sp {
            display: none;
        }
.suplp {
font-size:68%;
}
ul.AnnotationsStyletable{
  font-size: 96%;
}
ul.AnnotationsStyle2no1 {
  font-size: 86%;
}
ul.AnnotationsStyletable li {
    margin: 0 0 5px;
    padding: 0 0 0 1em;
    color: #0c0c0c;
    font-weight: bold;
    text-indent: -1em;
}
ul.AnnotationsStyle2no li,
ul.AnnotationsStyle2no1 li {
    margin: 0 0 5px;
    padding: 0 0 0 1em;
    color: #0c0c0c;
    font-weight: normal !important;
    text-indent: -1em;
}
ul.AnnotationsStyle2at, 
ul.AnnotationsStyle2no {
    font-size: 68%;
}
ul.AnnotationsStyle2at li {
    margin: 0 0 5px;
    padding: 0 0 0 2.2em;
    color: #0c0c0c;
    font-weight: normal;
    text-indent: -1.8em;
}
.text_deco_ul{
		text-decoration: underline;
	}

.scrollable{ 
overflow-x: visible;
}
.chart_995{
width: 995px;
    margin: 10px auto 20px;
}
.chart_tbl{
width: 995px;
}
.chart_tbl th,
.chart_tbl td {
  font-weight: bold;
}
.880_tbl{
width: 880px;
}

.scroll_tbl {
    width: 800px; /* 1つ目のテーブルと同じ、またはそれ以上の十分な幅 */
    table-layout: fixed; /* セル幅が文字数で潰れるのを防ぐ */
}

/* 追加：各セルの幅も固定すると、より確実にはみ出させることができます */
.scroll_tbl th, 
.scroll_tbl td {
    min-width: 150px; 
}

/*枠色*/
.red_Border{
border: 1px solid #CC0000;
padding:5px;
color: #CC0000;
}

.black_Border {
border: 1px solid #0c0c0c;
padding:5px;
color: #0c0c0c;
}

/*仕切り*/
.bgblue-column_main {
    position: relative;
    inset-inline: 49.4%; 
     width: 100vw; 
    margin-inline: -50vw;
    background-color: #00b5e4;
    height:20px;
}
/*リンクボタン一番上*/
.lp4Top-container {
    display: flex;
    justify-content: center;
}
.lp4Top_contentsLink a{
    display: block;
    width: 135px;
    height: 47px;
    border: 1px solid #00b5e4;
    color: #00b5e4;
    text-align: center;
    background-color: #fff;
    padding-top: 5px;
    font-size: 76%;
    text-decoration: none;
    box-sizing: border-box;
}
.lp4Top_contentsLink a:hover {
    color: #fff;
    background-color: #00b5e4;
}
.lp4Top_contents {
    position: relative; 
}
.lp4Top_contents::before{
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #00b5e4;
border-right: 2px solid #00b5e4;
position: absolute;
bottom: 8px; 
left: 50%;
transform: translateX(-50%) rotate(135deg); 
/*
-webkit-transform: rotate(45deg);
position: absolute;bottom: calc( 20% - -14em );
right: 50%;transform: rotate(135deg);*/
}
.lp4Top_contents a:hover::before{
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
bottom: 8px; 
left: 50%;
transform: translateX(-50%) rotate(135deg); 
}


/*こんな施設におすすめ*/

.Recs_list{
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border: 3px solid #00b6e4;
	background-color:#fff;
    margin: 10px 5px;
    padding: 10px 35px;
    border-radius: 30px;
    background-image: none;
    width: 240px;
    color: #00b6e4;
}

.Recs_list_Green{
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border: 3px solid #048296;
	background-color:#fff;
    margin: 10px 5px;
    padding: 10px 35px;
    border-radius: 30px;
    background-image: none;
    width: 240px;
    color: #048296;
}


/*
.ButtonStyle1.RecsButton1 a{
    text-align: center;
    float: revert;
    background-color: #fff;
    border-radius: 30px; 
}*/
.ButtonStyle1.RecsButton1 a {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    background-image: url(image/icon_link_right_hover_hd_lp4.gif);
    color: #00b6e4;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border: 3px solid #00b6e4;
	background-color:#fff;
    margin: 15px 5px 0px;
    padding: 10px 35px;
    border-radius: 30px;
width: 240px;
}
.ButtonStyle1.RecsButton1 a:hover{
	border: 3px solid #00b6e4;
	background-color: #f4f4f4;
}
.Recs_width{
width:995px;
margin:30px auto 50px;
}
.gray_Border {
border: 2px solid #d9d9d9;
padding:10px 15px;
border-radius: 10px;    
height: 510px;
}

.container2 .item_w475px{
  flex: 0 1 475px;
  position: relative;
}

/*ソリューション*/
.container3 .item_w33_bg {
    flex: 0 1 30%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.item_w33_r {
margin:0 1.6%;
}
.content_border_01,
.content_border_02,
.content_border_03,
.content_border_04,
.content_border_05,
.content_border_06 {
    margin: 20px 0;
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    width: 100%;
}
.content_border_01 {
    border: solid 3px #048296;
}
.content_border_02 {
    border: solid 3px #004596;
}
.content_border_03 {
    border: solid 3px #00964E;
}
.content_border_04 {
    border: solid 3px #97C5FD;
}
.content_border_05 {
    border: solid 3px #0264FA;
}
.content_border_06 {
    border: solid 3px #00DCFA;
}
.content_tit_01,
.content_tit_03,
.content_tit_04,
.content_tit_05,
.content_tit_06 {
    font-size: 22px;
    text-align: center;
    margin: 10px auto 20px;
}
.content_tit_01 {
    color: #048296;
}
.content_tit_02 {
    color: #004596;
    font-size: 22px;
    text-align: center;
    margin: 10px auto 5px;
}
.content_tit_02s {
    color: #004596;
    font-size: 14px;
    text-align: center;
    margin: 0px auto 20px;
}
.content_tit_03 {
    color: #00964E;
}
.content_tit_04 {
    color: #3A71B4;
}
.content_tit_05 {
    color: #0264FA;
}
.content_tit_06 {
    color: #00B4CC;
}
/*プライス*/
.price_Border {
    border: 1px solid #0c0c0c;
    padding: 15px;
    color: #0c0c0c;
    width: 500px;
    border-radius: 10px;
}

/*仕様比較*/
.Confer_width{
    width: 995px;
    margin: 30px auto 10px;
}
table th, table td {
    border: solid 1px #737373;
    padding: 5px 10px;
}
.table_symbol {
font-size: 200%;
text-align: center;
font-weight: bold;
    -webkit-text-stroke: 2px currentColor;
}
.table_text_s{
	font-size: 68%;
    padding: 10px 0 0 5px;
}
.table_text_s2{
	font-size: 68%;
    padding: 0px 0 0 5px;
}

.table_symbol_Text14em {
    font-size: 1.4em;
}
.container3a .table_symbol_w46pa {
    flex: 0 1 46%;
    position: relative;
}
.container3a .table_symbol_w5pa {
  flex: 0 1 5%;
  position: relative;
}
.container3a .table_symbol_w40pa {
    flex: 0 1 40%;
    position: relative;
}
.container3a .table_symbol_w20pa {
  flex: 0 1 20%;
  position: relative;
}
/*exiidaについての注意点*/
.contents_exiida_attn {
    border: 1px solid #02A4B1;
    float: revert;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}
.contents_exiida_attn_txt {
    color: #02A4B1;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 120%;
}
.contents_exiida_attn_head {
    font-weight: bold;
    font-size: 20px;
}
.contents_exiida_attn_head span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 170px;
    margin: auto;
    width: auto;
    height: 130px;
}




/*グリーン購入法※2の「判断の基準」に追加された常時監視システムに適合*/

.bg-column_bordertext {
   border-radius: 7px;
    padding: 10px 15px;
    border: 3px solid #00b5e4;
    color: #00b5e4;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 30px;
}
.bg-column_text {
    margin: 10px 0 30px;
    color: #00b5e4;
    font-size: 1em;
    font-weight: bold;
}
.column_head {
    border-radius: 10px 10px 0px 0px;
    background-color: #f4f4f4;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 27px;
    padding: 10px 20px;
	text-align: left;
}
.bg-column_main {
    border-radius: 10px;
    background-color: #f4f4f4;
    padding: 20px;
    border: 3px solid #f4f4f4;
    margin-top: -8px;
}
.column_head_b {
    border-radius: 10px 10px 0px 0px;
    background-color: #00b5e4;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 27px;
    padding: 10px 20px;
	text-align: left;
}
.bg-column_main_b {
    border-radius: 10px;
    background-color: #f4f4f4;
    padding: 20px;
    border: 3px solid #00b5e4;
    margin-top: -8px;
}
/*システム構成*/
.container3 .system_w250px {
    flex: 0 1 250px;
    position: relative;
}
.container3 .system_w100px {
    flex: 0 1 100px;
    position: relative;
    margin-top: 80px;
}
.container3 .system_w880px {
    flex: 0 1 880px;
    position: relative;
}

.bgskyblue-systemtext {
    border-radius: 7px;
    padding: 10px;
    background-color: #00b5e4;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
.dia_option {
    font-size: 12px;
    color: #0c0c0c;
    font-weight: normal;
}
.container2 .diaitem_w300px {
    flex: 0 1 300px;
    position: relative;
    margin: 70px 30px;
}
.container2 .diaitem_w750px {
    flex: 0 1 750px;
    position: relative;
}




/*ラインアップ見出し*/
.lineup_h{
width: 770px;
    margin: 10px auto;
}
.lineup_h_ColorGreen{
border: 10px solid #00a5a8;
}
.lineup_h_ColorSkyBlue{
border: 10px solid #00b5e4;
}
.container3 .lineup_h_w210px {
    flex: 0 1 210px;
    position: relative;
}
.container3 .lineup_h_w210px_n {
    flex: 0 1 210px;
    position: relative;
}
.container3 .lineup_top_w530px {
    flex: 0 1 530px;
    position: relative;
}

.container3 .lineup_h_w120px {
    flex: 0 1 120px;
    position: relative;
}
.container3 .lineup_h_w120px_n {
    flex: 0 1 120px;
    position: relative;
}
.container3 .lineup_h_w530px {
    flex: 0 1 350px;
    position: relative;
}

.container3 .lineup_f_w120px {
    flex: 0 1 140px;
    position: relative;
}
.container3 .lineup_f_w120px_n {
    flex: 0 1 140px;
    position: relative;
}
.container3 .lineup_f_w530px {
    flex: 0 1 530px;
    position: relative;
}
/*タイトル*/

.h2_title {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #00964e;
    font-size: 46px;
    font-family: "Hitachi Sans", sans-serif !important;
    width: 144px;
    /* はみ出して1行で表示するための設定 */
    white-space: nowrap;
    overflow: visible;
}
.h2_title_s {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif !important;
}
.Color_Font,
.fontColorDarkGreen
{
    color: #048296;
}
.h2_Color_Font {
    color: #048296;
    background-image: linear-gradient(
      90deg, 
      #048296 0 50%, 
      #dedede 50%
    );
}
.h2_title_sky {
    padding: 0 0 0.8rem 0;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #00b5e4;
    font-size: 46px;
    font-family: "Hitachi Sans", sans-serif !important;
    width: 144px;
    /* はみ出して1行で表示するための設定 */
    white-space: nowrap;
    overflow: visible;
}
.h2_title_s_sky {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif !important;
}
.Color_Font_sky {
    color: #00b5e4;
}
.h2_Color_Font_sky {
    color: #00b5e4;
    background-image: linear-gradient(
      90deg, 
      #00b5e4 0 50%, 
      #b3b3b3 50%
    );
}

.h2_title_process {
    padding: 0.6rem 0;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: bottom;
    width: 144px;
   /* color: #048296;*/
    background-image: linear-gradient(90deg, #048296 0 50%, #dedede 50%);
}
.h2_title_process_tit {
    color: #048296;
    font-weight: bold;
    font-size: 32px;
    font-family: "Noto Sans JP", sans-serif !important;
}

.h2_title_index_tit {
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #048296;
    font-size: 46px;
    font-family: "Hitachi Sans", sans-serif !important;
}

.contents_exiida a,
.contents_pdf_url a {
    display: block !important;
    padding: 5px 35px 5px 10px;
    text-decoration: none !important;
    transition: 1.0s !important;
   text-align: left !important;
}
.contents_pdf_url a {
    height: 40px !important;
    color: #00b6e4;
}
.contents_pdf_url a:hover{
    text-decoration: none !important;
    opacity: 0.5 !important;
    background-color: #00b6e4 !important;
} 

.contents_pdfLink,
.contents_exiidaLink,
.navi_exiidaLink{
    float: left;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
    background-color: #fff;
    border-radius: 5px; 
}
.navi_exiidaLink {
   /* background-image: url(image/icon_link_right_hover_hd_exiida.gif);*/
    border: 1px solid #00b6e4;
   width: 15%;
    margin: 0 3px 10px;
}
.contents_exiidaLink {
    /*background-image: url(image/icon_link_right_hover_hd.gif);*/
    border: 1px solid #00b6e4;
}
/*検討の視点*/

.point_bg{
    background-color: #048296;
   margin-bottom:30px;
}
.point_view_frame {
    border-radius: 10px;
    padding: 0px;
border: 1px solid #048296;
}
.point_view_pic {
    margin-top: -100px;
    margin-left: -10px;
}
.point_view_head {
    border-radius: 0px 0px 10px 10px;
    background-color: #048296;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 27px;
    padding: 10px 10px 10px 110px;
    margin-left: 12px;
}
.point_line_top{
border-top: solid 1px #048296;
margin-top:15px;
padding: 10px 0 0;
}
.point_line_bottom{
border-bottom: solid 1px #048296;
}
.point_line_w900 {
  width: 900px;
  margin:20px auto;
}

/*関連情報*/
.bggray_info {
    background-color: #f1f1f1;
    padding: 30px 50px;
}
.container3 .item_w240px{
  flex: 0 1 240px;
  position: relative;
}
.container3 .item_w330px{
  flex: 0 1 330px;
  position: relative;
}
.container3 .item_w560px{
  flex: 0 1 560px;
  position: relative;
}

/*お問い合わせ*/
.form_inquiry{
    width: 725px;
    font-size: 15px;
    margin:0px auto 65px;
    position: relative;
}
.form_inquiry2{
    width: 725px;
    font-size: 13.6px;
    margin:0px auto 65px;
    position: relative;
}
.form_inquiry_head{
    font-weight:bold;
    font-size: 20px;
}
.form_inquiry_head span{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 170px;
    margin: auto;
    width: auto;
    height: 30px;
}

/*css*/
/*
.point_text span{
	font-size: 20px;
}
.point_head{
	font-size: 24px;
	margin-bottom:15px;
}
.be_af_text{
	font-size: 20px;
	font-weight: bold;
}
.text_s36,
.text_s36_top{
	font-size: 36px;
}
.text_s32{
	font-size: 32px;
}
.text_s28{
	font-size: 28px;
}
.text_s26{
	font-size: 26px;
}
.text_s22{
	font-size: 22px;
}
.text_s19{
	font-size: 19px;
}
.text_s18{
	font-size: 18px;
}
.text_s14{
    font-size: 14px;
}*/

.text_s16{
    font-size: 16.6px;
}
.text_bold{
    font-weight: bold;
}
.Color_be_af {
    color: #048296;
}
/*
.bg_solu_title{
    font-size: 24px;
    font-weight: bold;
    color: #048296 !important;
    background-color: #96f0fd;
   margin:20px 0;
   padding:5px 15px;
}
.voice_bg{
   background-color: #f4f4f4;
   margin:20px 0;
   padding:20px;
   border-radius: 15px;
}
.step_White_bg{
   background-color: #fff;
   margin:20px 0;
   padding:20px;
   border-radius: 15px;
}
.solu_content{
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
    background-color: #048296;
   margin:20px 0;
   padding:5px 15px;
   border-radius: 10px;
}
.pickup_head {
    border-radius: 10px 10px 0px 0px;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    width: 220px;
    height: 27px;
    padding: 10px 20px;
	text-align: center;
border-top: solid 1px #04A4B1;
border-left: solid 1px #04A4B1;
border-right: solid 1px #04A4B1;
}
.pickup_main {
  width: auto;
    margin-inline: auto;
    display: block;
    padding: 30px 30px 20px;
    border: solid 1px #04A4B1;
    border-radius: 0px 10px 10px 10px;
}
.calculation_bg {
    background-color: #c6dffe;
    margin: 30px 0 15px;
    padding: 10px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.point_bg{
    background-color: #048296;
   margin-bottom:30px;
}
.point_view_frame {
    border-radius: 10px;
    padding: 0px;
border: 1px solid #048296;
}
.point_view_pic {
    margin-top: -100px;
    margin-left: -10px;
}
.point_view_head {
    border-radius: 0px 0px 10px 10px;
    background-color: #048296;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    height: 27px;
    padding: 10px 10px 10px 110px;
    margin-left: 12px;
}
.point_line_top{
border-top: solid 1px #048296;
margin-top:15px;
padding: 10px 0 0;
}
.point_line_bottom{
border-bottom: solid 1px #048296;
}
.point_line_w900 {
  width: 900px;
  margin:20px auto;
}

.bggray_contents {
    border-radius: 5px;
    padding: 20px 40px 5px;
    background-color: #f4f4f4;
}*/

/*共通基本カラム*/
.container2, .container2a, .container4, .container5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px !important;
}
.container3,
.container2a{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 0px !important;
}
.container3a{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 0px !important;
}
.item{
margin-bottom: 10px;
box-sizing: border-box;
}

/*簡易点検を自動化*/
.container2 .item_w30p {
  flex: 0 1 30%;
  position: relative;
}
.container2 .item_w65p {
  flex: 0 1 65%;
  position: relative;
}
/*業務用エアコン グリーン購入法適合製品※3の「判断の基準」(抜粋)*/
.container2a .item_w47pa {
  flex: 0 1 47%;
  position: relative;
}
.container2a .item_w5pa {
  flex: 0 1 5%;
  position: relative;
}
.container2a .item_w5plus {
  flex: 0 1 5%;
  position: relative;
    margin-top: 90px;
}

.container2 .item_w100px {
  flex: 0 1 100px;
  position: relative;
}
.container2 .item_w400px {
  flex: 0 1 400px;
  position: relative;
}
/*検討の視点*/
.container2 .item_w550px{
  flex: 0 1 550px;
  position: relative;
}
/*ソリューション*/

/*TOP*/
.container2 .top_w550px{
  flex: 0 1 550px;
  position: relative;
}
.container2 .top_w650px{
  flex: 0 1 650px;
  position: relative;
}
.container3 .item_w33 {
    flex: 0 1 30%;
    position: relative;
}
.item_w33_r2 {
margin-right:4%;
}

.container5 .item_w30_bg {
    flex: 0 1 30%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.container3 .item_w5_r,
.container5 .item_w5_r {
    flex: 0 1 5%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.container2 .item_w50 {
    flex: 0 1 48%;
    position: relative;
}
.container2 .item_w50_bg,
.container3 .item_w50_bg {
    flex: 0 1 48%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.container2 .item_w40 {
    flex: 0 1 40%;
    position: relative;
}

.container3 .item_w47_bg {
    flex: 0 1 47.5%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.container3 .item_585px_bg {
    flex: 0 1 585px;
    position: relative;
    /*display: flex;*/
    flex-flow: row wrap;
    justify-content: space-between;
}
.container3 .item_w65_bg {
    flex: 0 1 65%;
    position: relative;
/*    display: flex;*/
    flex-flow: row wrap;
    justify-content: space-between;
}
.container3 .link_w33 {
  flex: 0 1 33%;
  position: relative;
}
.container4 .item {
  flex: 0 1 24%;
  margin-bottom: 18px;
}

.pdf_link_h60px {
    display: flex;
    align-items: center;
    height: 60px;
}
.pdf_link_h40px {
    display: grid;
    align-items: center;
    height: 40px;
    text-align: center;
}
.pdf_link_sumi_h40px {
    display: grid;
    align-items: center;
    height: 40px;
    text-align: center;
}
.pdf_link_h30px {
    display: grid;
    align-items: center;
    height: 30px;
}
.navi_exiida2 a,
.navi_exiida3 a,
.contents_exiida a,
.contents_pdf_url a {
    display: block !important;
    padding: 5px 35px 5px 10px;
    text-decoration: none !important;
    transition: 1.0s !important;
   text-align: left !important;
}

.navi_exiida2 a,
.navi_exiida3 a {
    color: #048296;
    height: 60px !important;
}
.contents_exiida a {
    height: 60px !important;
    color: #CC0000;
}
.contents_pdf_url a {
    height: 40px !important;
    color: #CC0000;
}
.navi_exiida2 a:hover,
.navi_exiida3 a:hover,
.contents_exiida a:hover,
.contents_pdf_url a:hover{
    text-decoration: none !important;
    opacity: 0.5 !important;
    background-color: #ccc !important;
} 

.navi_exiidaLink {
    background-image: url(image/icon_link_right_hover_hd_exiida.gif);
    border: 1px solid #048296;
   width: 270px;
    margin: 0 3px 10px;
}

.contents_pdfLink,
.contents_exiidaLink,
.navi_exiidaLink{
    float: left;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
    background-color: #fff;
    border-radius: 5px; 
}
.contents_exiidaLink {
    background-image: url(image/icon_link_right_hover_hd.gif);
    border: 1px solid #CC0000;
}
.contents_pdfLink {
    background-image: url(image/icon_pdf_hd.gif);
    border: 1px solid #CC0000;
}
.pdfLink_text:after {
  padding: 0 0 0 1.5rem;
  display: inline-block;
  width: 0rem;
  content: url(image/icon_pdf_hd_s.gif);
}
/*一番下リンク*/
.contents_exiidaLink_s98 {
    width: 98%;
    margin: 0 6px 10px;
    font-size: 15px;
}
/*コンテンツページ内リンク*/

/*
.contents_Link_w220px {
    width: 220px;
    font-size: 14px;
}
.contents_Link_w270px {
    width: 270px;
    font-size: 13px;
    height: 70px;
}
.contents_Link_w375px {
    width: 375px;
    font-size: 14px;
}*/
.contents_Link_w430px {
    width: 430px;
    font-size: 14px;
}/*
.contents_Link_w525px {
    width: 525px;
    font-size: 14px;
}
.contents_Link_w780px {
    width: 780px;
    font-size: 14px;
}*/


/*コンセプト▼*/
/*コンセプト▲*/

/*共通*/
.PageTitleStyle1 {
    display: none;
}
.PageTitleStyle2 {
    display: block;
}
/*.top_visual{
margin-bottom:110px;
}

.top_visual2{
margin-bottom:50px;
}
.h2_title {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #00964e;
    font-size: 46px;
font-family: "Hitachi Sans", sans-serif !important;
width: 144px;
}
.h2_title_s {
    color: #000;

    font-weight: bold;
    font-size: 16px;
font-family: "Noto Sans JP", sans-serif !important;
}
.h2_title_process {
    padding: 0.6rem 0;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: bottom;
    width: 144px;
    background-image: linear-gradient(90deg, #048296 0 50%, #dedede 50%);
}
.h2_title_process_tit {
    color: #048296;
    font-weight: bold;
    font-size: 32px;
    font-family: "Noto Sans JP", sans-serif !important;
}

.h2_title_index_tit {
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #048296;
    font-size: 46px;
    font-family: "Hitachi Sans", sans-serif !important;
}*/
h4 {
    font-weight: bold;
    font-size: 26px;
font-family: "Noto Sans JP", sans-serif !important;
}
.fontCO2 {
    font-size: 72% !important;
    vertical-align: 0em;
}
.p_title {
  display: flex;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  text-align: left;
}
/*.p_title::before,*/
.p_title::after {
  content: '';
  width: 91%;
  height: 1px;
  background-color: #000;
}
/*.p_title::before {
  margin-right: 20px;
}*/
.p_title::after {
  margin-left: 20px;
}
.TextStyle_fs15{
    font-size: 15px;
font-family: "Noto Sans JP", sans-serif !important;
}
.point_margin{
margin:20px 50px 30px;
}

.font-normal{
font-weight: normal;
}
.font-bold{
font-weight: bold;
}
.h1titleStyle {
    font-size: 1.4em;
    /* vertical-align: middle; */
    position: relative;
    top: 20px;
}
.h3titleStyle {
    font-size: 1.3em;
    /* vertical-align: middle; */
    position: relative;
    top: 18px;
    color: #484848;
}
.TextStyle14px{
    font-size: 14px;
}
.TextStyle11em{
    font-size: 1.1em;
}
.TextStyle12em{
    font-size: 1.2em;
}
.TextStyle14em{
    font-size: 1.4em;
}
.TextStyle16em{
    font-size: 1.6em;
}
.TextStyle16_5em{
    font-size: 1.6em;
}
.TextStyle18em{
    font-size: 1.8em;
}
.TextStyle20em{
    font-size: 2.0em;
}
.TextStyle24em{
    font-size: 2.4em;
}
.Grid4 h2 {
    font-size: 2.0rem;
    font-weight: bold;
    padding-bottom: 18px;
    line-height: 0.9em;
    color: #fff;
    text-align: center;
}
.Grid4 h2 span {
    width:160px;
    display: block;
    margin: 0 auto;
    /* padding: 10px 15px; */
    font-size: 110%;
    font-weight: bold;
    color: #00a5a8;
    line-height: 130%;
    background-color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*
.Grid4 h3{
  font-size: 1.8em;
}*/
.Grid4 h4{
  padding-bottom: 5px;
}

.Grid4 h5{
  font-weight: bold;
  color: #0020ce;
}
.TextStyle_large12{
  font-size: 1.2em;
  font-weight: bold;
}/*
ul.AnnotationsStyle1 li, ul.AnnotationsStyle2 li {
  margin: 0 0 5px;
  padding: 0 0 0 2em;
  color: #000;
  font-weight: normal;
  text-indent: -2em;
}
.AdditionalNotesStyle1 dt, .AdditionalNotesStyle2 dt, .AdditionalNotesStyle3 dt {
  float: left;
  clear: left;
  width: 3em;
  color: #C00000;
}
.AdditionalNotesStyle3 dd {
  margin: -1.55em 0 3px 2em;
}

.Boxfuron_heading {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 3px 15px;
    position: relative;
    top: -20px;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0 0 0;
}
.Boxfuron {
	padding: 0px 5px 10px 12px;
	border: 1px solid #00a5a8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}*/

.pdt5{
padding-top:5px;
}
.pd10{
padding:10px;
}
.pd20{
padding:20px;
}
.pd1020{
padding:20px 10px;
}
.pd30{
padding:30px;
}


.mb0{
margin-bottom:0px;
}
.mb10{
margin-bottom:10px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb25{
margin-bottom:25px;
}
.mb30{
margin-bottom:30px;
}
.mb35{
margin-bottom:35px;
}
.mb40{
margin-bottom:40px;
}
.mb50{
margin-bottom:50px;
}
.mb60{
margin-bottom:60px;
}
.mb70{
margin-bottom:70px;
}
.mb80{
margin-bottom:80px;
}
.mb90{
margin-bottom:90px;
}
.mb100{
margin-bottom:100px;
}
.mb150{
margin-bottom:150px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt50{
margin-top:50px;
}
.mt70{
margin-top:70px;
}
.ml50{
margin-left:50px;
}
.mr50{
margin-right:50px;
}
.mt-m50{
margin-top:-50px;
}
.no_list{
padding: 0 0 0 1em;
text-indent: -1em;
}

.clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
zoom:1;
}

.jirei-box_columnbox{
  border: solid 2px #00abe4;
  background-color:#fff;
  margin: 10px auto 40px;
  width: 1210px !important;
}
.jirei-box_image{
  background-color: #fff;
}


.ButtonStyle1.catalogButton1 a
{/*
	padding: 5px 35px 5px 15px;*/
	background-image: url(../LP2/image/arrow05.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-o-background-size: 30px 30px;
	-ms-background-size: 30px 30px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border-radius: 100vh;
	border: 1px solid #af3c64;
	background-color:#af3c64;
    margin-top: -15px;
    padding: 15px 50px 10px;
display: inline-block;
  text-decoration :none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}
.ButtonStyle1.catalogButton1 a:hover{
	border: 1px solid #d55883;
	background-color: #d55883;
}

/* [cc] Column
=========================================================================================== */

.ColumnSet {
	width: 100%;
}
.ColumnSet:after {
	content: "";
	display: block;
	clear: both;
}

.Column1andHalf {
	float: left;
	width: 353px;
	margin: 0 0 0 14px;
padding: 16px 0;
}

.Column2r {
	float: left;
	width: 605px;
	margin: 0 0 0 0px;
}

.Column3 {
	float: left;
	width: 800px;
	margin: 0 0 0 15px;
}

.Column1andHalf.FirstItem,
.Column3.FirstItem {
	margin: 0;
}
/* カスタムボタン
=========================================================================================== */

.ButtonStyle1.solutionButton a{
	padding: 5px 35px 5px 15px;
	background-image: url(image/arrow03.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 11px;
	-moz-background-size: 16px 11px;
	-webkit-background-size: 16px 11px;
	-o-background-size: 16px 11px;
	-ms-background-size: 16px 11px;
	text-align:center;
	border: 1px solid #333;
	background-color:#fff;
	color: #333;
    width:260px;
    margin:15px 15px 0px;
    border-radius:3px;
    font-size: 120%;
}
.ButtonStyle1.solutionButton a:hover{
	background-color: #00a5a8;
    color: #fff;
	background-image: url(image/arrow03white.png);
}

.HorizontalInnerLinks{
  display: flex;
  /*width:690px;*/
  width: 1010px;
  margin: 40px auto 60px;
}


.ButtonStyle1.inquiryButton a{
	padding: 15px;
	background-image: url(image/arrow04.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 11px 16px;
	-moz-background-size: 11px 16px;
	-webkit-background-size: 11px 16px;
	-o-background-size: 11px 16px;
	-ms-background-size: 11px 16px;
	text-align:center;
    border: 1px solid #ccc;
	background-color: #fff;
    color: #cc0022;
    width:560px;
    font-size: 110%;
    margin:15px auto 30px;
}
.ButtonStyle1.inquiryButton a:hover{
	background-color: #cc0022;
    color: #fff; 
	background-image: url(image/arrow04white.png);
}
.ButtonStyle1.ventilationButton2 a p,
.ButtonStyle1.inquiryButton a p{
	float:left;
	margin-left:20px;
}
.ButtonStyle1.PDFButton1 a p{
	float:left;
	margin-left:0px;
}
	
.fontColorGreen {
	color: #00a5a8;
	}
.fontColorRed {
	color: #cc0022;
	}
.fontColorPink {
	color: #af3c64;
	}
.fontColorBlack {
	color: #484848;
	}
.fontColorBlack2 {
	color: #333 !important;
	}
.fontColorWhite {
	color: #fff;
	}
.fontColorSkyblue {
	color: #00b5e4;
	}
.fonttextGray {
    margin: 0 0 10px;
    font-size: 100%;
    font-weight: bold;
    color: #737373;
	}
.floating-banner02{
    position: absolute;
    right: 0px;
    top: 620px;
    position: sticky;
}
.featureSection_exiida {
	position: relative;
}
.featureSection_exiidaTOP {
	color:#fff;
	background-color:#00a6b1;
	text-align: center;
	padding: 10px;
	font-weight: bold;
    font-size: 130%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.featureSection_exiida .BoxPattern {
	padding: 15px 5px 10px 12px;
	background-color:#d9f2f2;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.AdditionalNotes_exiida {
    font-size: 105%;
    padding:5px 0;
}
.AdditionalNotes_exiida dt {
    float: left;
    clear: left;
    width: 1.4em;
	color: #00a5a8;
}
.AdditionalNotes_exiida dd {
    margin: -1.55em 0 3px 1.4em;
    float: left;
    clear: both;
	font-weight: bold;
}	
.AdditionalNotes_exiida_p{
	font-weight: normal;
    font-size: 90%;
    padding:10px 0 15px;
}	
.AdditionalNotesStyle3 {
    margin-top: 45px;
}
.branding-image .controller ul {
    height: 25px;
    padding: 3px 7px 0 7px;
    margin-top: 40px;
}

/*上部メニューナビ固定*/
/*#global-nav {
  position: -webkit-sticky;
  position: sticky !important;
  top: 0 !important;
  width: 100%;
  margin: 0 auto;
  z-index: 9999 !important;
}
#global-nav li {
	float: left;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	text-decoration: none;
	text-align: center;
}*/
/*製品ごと上部メニュー*/
#HeaderArea2 {
    z-index: 100;
}
.Subnav {
  padding: 10px 0 0;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  background-color: #fff;
}
#menu{
  list-style-type: none;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  display: flex;
  position: relative;
  z-index: 1;
}
#menu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  flex: auto;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #090909;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu li:last-child ul{
  left: -100%;
  width: 100%
}
#menu li ul li{
  overflow: hidden;
  width: 300%;
  height: 0;
  color: #111;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #000;
}
#menu li:hover > a{
  background: #fff;
  color: #060606;
  background-color: #ccc;
}
#menu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}
/*.fixed {
	position: fixed;
	width: 1275px;
	top: 0;
	z-index: 1000;
}*/

/*グラデーション背景LP2*/
.bgLP2{
 padding: 30px;
  background: linear-gradient(to bottom, #c2e9f0, #eefafc);
  background: -webkit-linear-gradient(top, #c2e9f0, #eefafc);
  background: -moz-linear-gradient(top, #c2e9f0, #eefafc);
}
/*グレーの関連用*/
.bggray{
  background-color: #f1f1f1;
  border-radius: 10px;
}

.connection .item {
position: relative;
}
.connection h4 {
  background-color: #ccc;
  margin: 0;
  padding: 15px;
  color: #fff;
  text-align: center;
}
.connection img{display: inline;
float: none;}

.connection .item a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  transition: 1.0s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/*室内ユニットインデックスパネル用*/
.inunit .item {
  position: relative;
  height: 380px;
}
.inunit img{margin: 0 auto;
float: none;}

.inunit h4{
  margin: 0;
  padding: 10px;
  background-color: #558fc1;
  color: #fff;
}

.inunit ul{
  position: absolute;
  bottom: 2px;
  width: 100%;
}

.inunit li {
  margin: 0 8px 8px !important;
  background-color: #ccc;
  border-radius: 10px;
  position: relative;
  width: auto !important;
  padding: 0 !important;
}
.inunit li i {
  position: absolute;
  right: 10px;
  top: 35%;
}
.inunit h5{
padding: 10px; height:3em;}

.unitlist{
  font-size: 80%;
  margin: 0 0 0 20px;
}

.fileInfo{
  margin-top: -15px;
  display: block;
  padding-bottom: 10px;
  padding-right: 25px;
}

/*オプションボックス用*/
.option a { position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}

/*関連資料・リンクボックス*/
.container4 li {
  flex: auto;
  border: 1px solid #ccc;
  width: 22%;
  margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.container6 li {
  flex: auto;
  border: 1px solid #ccc;
  width: 47%;
  margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.Related_info a,
.Related_info2 a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #CC0023;
    transition: 1.0s;
    text-align: center;
}
.Related_info a:hover,
.Related_info2 a:hover{
  /*opacity: 0.5;*/
  background-color: #CC0023;
  color: #fff;
     background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
 background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
} 

.Related_info li {
    flex: initial;
    border: 1px solid #ccc;
    width: 50%;
    margin: 5px;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
}
.item_02 .Related_info2 li {
    flex: initial;
    border: 1px solid #ccc;
    width: 47%;
    margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.container5,
.container6 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin-bottom: 20px;
}

.document{
    float: left;
    background-image: url(../../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
}
.document a:hover{
  /*opacity: 0.5;*/
  background-color: #CC0023;
  color: #fff;
     background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
 background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
} 
.option01, .option02, .option03, .option04, .option05, .option06, .option07
{
  background-color: #7cb8ca;
}

.option01 span, .option03 span, .option04 span, .option06 span, .option07 span {
  margin-left: 57px;
  display: block;
}
.option02 span, .option05 span {
  margin-left: 57px;
  margin-top: 14px;
  display: block;
}
.option01{}
.option02{}
.option03{}
.option04{}
.option05{}
.option06{}
.option07{}
.option01 a, .option02 a, .option03 a, .option04 a, .option05 a, .option06 a, .option07 a {
  position: relative;
  bottom: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
}
.option01 a::after,
.option02 a::after,
.option03 a::after,
.option04 a::after,
.option05 a::after,
.option06 a::after,
.option07 a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0a9';
  position: absolute;
  font-size: 18px;
  right: 8px;
  top: 25px;
}
.option01 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f002';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}

.option02 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f518';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option03 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f5a0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option04 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f5a0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option05 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0ad';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option06 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f879';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option07 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0e0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}


/*製品インデックスリスト*/
.productindex{}
.productindex .subtitle {
  margin: 10px 0;
  background-color: #ccc;
  text-align: center;
  padding: 5px;
}
.productindex .productstitle{}
.productindex .productstitle span{margin-left: 10px;}
.productindex .item{padding:10px;}
.productindex img{}
.prod_left {
  width: 70%;
  float: left;
}
.prod_left table{
  width: 100%;
  margin: 5px 0;
}
.prod_left table th,.prod_left table td{
padding:3px;
width: 50%;
text-align: center;
}
.prod_right{}
.prod_right img{display: inline;
float: none;}

.productindex a{}
.productindex li {
  margin: 0 8px 8px;
  background-color: #ccc;
  border-radius: 10px;
  position: relative;
}
.productindex li i {
  position: absolute;
  right: 10px;
  top: 35%;
}

.productindex .fileInfo {
  margin-top: -15px;
  display: block;
  padding-bottom: 10px;
  position: absolute;
  left: 6em;
  top: 1.6em;
}

.main img.maintitlelogo {
  margin: 0 0 20px 0 !important;
}
.main p.maintitlesub{
  font-weight: bold;
  font-size: 120%;
}

/*製品個別ページコンテンツエリア*/
.page2 .item {
  border: none;
  padding: 20px;
}
.page2 .item img {
float:none;
margin: 0 auto 20px;
}

/*各リンクボタン*/
.index_solution_url a {
    height: 30px !important;
    color: #fff;
    font-weight:bold;
    display: block !important;
    padding: 5px 35px 5px 10px;
    text-decoration: none !important;
    transition: 1.0s !important;
   text-align: left !important;
}
.index_solution_url a:hover{
    text-decoration: none !important;
    opacity: 0.5 !important;
    background-color: #239FB2 !important;
} 
.index_solutionLink{
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    background-color: #048296;
    border-radius: 5px; 
    background-image: url(image/index_solution_arrow.gif);
}
.index_solutionLink_w270px{
   width:270px;
   margin: 10px auto;
    text-align: center;
}
.index_solutionLink_w210px{
   width:210px;
   margin: 10px auto;
    text-align: center;
}
.tab-box_solutionslink {
    margin-bottom: 60px;
    border: solid 2px #048296;
    background-color: #fff;
}
.container3 .solutionslink {
    position: relative;
    width: 32%;
    display: -webkit-inline-box;
}
.container4 .solutionslink {
    position: relative;
    width: 24.7%;
    display: -webkit-inline-box;
}
/*室内ユニット_関連情報*/

@media screen and (max-width: 1227px) {
.Related_info li {
    width: 23%;
}
}
@media screen and (max-width: 767px) {
.Related_info li {
    width: 47%;}
.container4 li {
    width: 47%;}
.container4 .item {
    flex: 0 1 48%;
    margin-bottom: 18px;
}
.item img {
    display: block;
    float: left;
    width: 100%;

}

.index_solutionLink_w270px,
.index_solutionLink_w210px{
   width:90%;
   margin: 10px auto;
    text-align: center;
}
.container3 .solutionslink,
.container4 .solutionslink {
    width: 100%;
}
/*ラインアップ見出し*/
.lineup_h{
width: 90%;
    margin: 10px auto;
}
.container3 .lineup_h_w120px {
    flex: 0 1 30%;
    position: relative;
}
.container3 .lineup_h_w120px_n {
    display: none;
}
.container3 .lineup_h_w530px,
.container3 .lineup_top_w530px {
    flex: 0 1 70%;
    position: relative;
}
.container3 .lineup_f_w120px,
.container3 .lineup_f_w120px_n,
.container3 .lineup_f_w530px {
    display: none;
}
}


@media screen and (max-width: 434px) {
.Related_info li {
    width: 46%;}
.container4 li {
    width: 46%;}
.container4 .item {
    flex: 0 1 48%;
    margin-bottom: 18px;
    font-size: 84%;
}
.item img {
    display: block;
    float: left;
    width: 100%;
}
.Column3 {
    width: auto !important;
}
}

/* for 1305px -
=========================================================================================== */
@media screen and (min-width: 995px) and (max-width: 1304px){
    .OptionWideRWD .GridSet {
        width: auto;
        max-width: 1300px;
        margin: 0 0 0 0px;
    }
}

.OptionWideRWD .Grid4 .Column1 {
    width: 40%;
    margin: 0 auto;
    padding: 0 0 0 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.OptionWideRWD .ColumnSet {
    width: 98%;
    margin: 0 0 0 0px;
}
}
@media screen and (max-width: 1305px) {

#tab-box ul li a img,
#tab-box2 ul li a img{
outline:none;
border:none;
margin: 0px;
}
.Column2r {
    float: left;
    width: 570px;
    margin: 0 0 0 0px;
}
/*
.Grid4 .LP2h2 {
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.57em !important;
    padding: 10px !important;
    color: #fff;
    text-align: center;
}*/
/* [cc] Column
=========================================================================================== */
.Column1andHalf {
	float: left;
	width: 300px;
	margin: 0 0 0 14px;
}

.Column3 {
	float: left;
	width: 850px !important;
	margin: 0 0 0 15px;
}
}
/* for 1274px -
=========================================================================================== */

@media screen and (min-width: 1274px) {
#menu2 {
    width: 100%;
}
}
/* for 1229px -
=========================================================================================== */

@media screen and (max-width: 1229px) {
.container2 .item_w600px {
    flex: 0 1 49%;
    position: relative;
}

}

/* for 995px -
=========================================================================================== */

@media screen and (min-width: 995px) {


}



/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
.JS .ColumnSet {
    margin: 0 0 0 0px;
    width: 100% !important;
}
.Recs_width,
.form_inquiry {
    width: 96%;
    margin: 10px auto 20px;
}
.price_Border{
    width: 80%;
    margin: 10px auto 20px;
}
.container3 .item_w33_bg {
    flex: 0 1 30%;
}
.container2 .item_w475px {
    flex: 0 1 49%;
    position: relative;
}
/*
.jirei-box_columnbox{
border: solid 2px #00abe4;
background-color:#fff;
  margin: 10px auto 30px;
  width: 95% !important;
}
.jirei-box_image{
  width:100%;
  background: #fff;
}*/
.Column2r {
    float: left;
    width: 95% !important;
    margin: 0 0 0 0px;
}

.chart_995{
width: 100%;
    margin: 10px auto 20px;
}
.scrollable{
    overflow-x:scroll !important;
}
}

/* for - 767px
=========================================================================================== */

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

.bggray-systemtext {
display: block !important;
}
.content_topimg_pc{
display: none !important;
}
.content_topimg_sp{
display: block !important;
}
.Recs_list{
	font-size: 100%;
	width: 117px;
}
.Recs_list_Green{
	font-size: 100%;
	width: 117px;
}
.container3 .link_w33 {
  flex: 0 1 100%;
  position: relative;
}
.contents_exiida_attn_txt {
    font-size: 105%;
}
.mb70 {
    margin-bottom: 50px !important;
}
.mb80 {
    margin-bottom: 60px !important;
}
.mb100 {
    margin-bottom: 80px !important;
}

.gray_Border {
    height: auto;
}
.point_margin {
    margin: 20px 20px 25px;
}
.form_inquiry_head,
.contents_exiida_attn_head
{
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.form_inquiry_head span,
.contents_exiida_attn_head span{
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px auto 20px;
    font-size: 17px;
    height: 30px;
}
.table_symbol_Text14em {
    font-size: 1.4em;
}
.container3a .table_symbol_w46pa {
    flex: 0 1 45%;
    position: relative;
}
.container3a .table_symbol_w5pa {
  flex: 0 1 5%;
  position: relative;
}
.container3a .table_symbol_w40pa {
    flex: 0 1 40%;
    position: relative;
}
.container3a .table_symbol_w20pa {
  flex: 0 1 20%;
  position: relative;
}

}



/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {
.Section {
    margin-left: 8px;
    margin-right: 8px;
}
.br-pc {
            display: none;
        }
.br-sp {
            display: block;
        }
.Recs_list,
.Recs_list_Green {
    margin: 10px auto 0;
 font-size: 100%;
	width: 70%;
}

.chart_tbl th,
.chart_tbl td {
  font-weight: bold;
}
.ButtonStyle1.RecsButton1 a {
    width: 200px!important;
}
.container3 .item_w33_bg {
    flex: 0 1 100%;
}
.bggray-systemtext {
    border-radius: 7px;
    padding: 10px;
    background-color: #848484;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}

.h1titleStyle {
    font-size: 1.1em;
    position: relative;
    top: 10px;
}
h1 img{
  width: 150px;
}        
.h2_title {
            padding: 0.8rem 0;
            margin-bottom: 0.2rem;
            background-repeat: no-repeat;
            background-size: 100% 10%;
            background-position: bottom;
            font-size: 30px;
            font-family: "Hitachi Sans", sans-serif !important;
            width: 90px;

}
.h2_title_sky {
    padding: 0 0 0.8rem 0;
    font-size: 30px;
/*    font-family: "Hitachi Sans", sans-serif !important;
    width: 144px;
    white-space: nowrap;
    overflow: visible;*/
}
.h3titleStyle {
    font-size: 0.9em;
    position: relative;
    top: 8px;
}
.TextStyle12em{
    font-size: 1.0em;
}
.TextStyle14em{
    font-size: 1.1em;
}
.TextStyle16em{
    font-size: 1.2em;
}
.TextStyle16_5em{
    font-size: 1.4em;
}
.TextStyle20em{
    font-size: 1.6em;
}
.TextStyle24em {
    font-size: 1.7em;
}
.Grid4 h3{
  font-size: 1.4em;
}
.Grid4 h3 img{
  width: 150px;
}
.Grid4 h2 {
    font-size: 115%;
}

.ButtonStyle1.inquiryButton a {
    width: 86%;
    font-size: 100%;
}
/* [cc] Column
=========================================================================================== */

.ColumnSet {
	width: 100%;
}
.ColumnSet:after {
	content: "";
	display: block;
	clear: both;
}

.Column1andHalf {
	width: 100%;
	margin: 0 0 0 14px;
padding: 16px 0;
}

.Column3 {
	width: 100%;
	margin: 0 0 0 15px;
}

.Column1andHalf.FirstItem,
.Column3.FirstItem {
	margin: 0;
}/*
.jirei-box_columnbox{
border: solid 2px #00abe4;
background-color:#fff;
  margin: 10px auto 30px;
  width: 95% !important;
}
.jirei-box_image{
  width:100%;
  background: #fff;
}
.HorizontalInnerLinks{
  display: block;
  width:100% !important;
  margin: 20px auto 30px;
}*/
.Column2r {
    float: left;
    width: 95% !important;
    margin: 0 0 0 0px;
}
/*TOPメニューバー*/
.lp4Top-container {
    display: inline-block;
    width: 100%;
}
.lp4Top_contents {
    position: relative;
    width: 50%;
        float: left;
}
.lp4Top_contentsLink a {
    display: block;
    width: 100%;
    height: 47px;
    font-size: 76%;
}

/*業務用エアコン グリーン購入法適合製品※3の「判断の基準」(抜粋)*/
.container2a .item_w47pa {
  flex: 0 1 100%;
}
.container2a .item_w5pa {
  flex: 0 1 100%;
}
.container2a .item_w5plus {
  flex: 0 1 100%;
    margin-top: 10px;
}
.container2 .item_w100px {
  flex: 0 1 30%;
}
.container2 .item_w400px {
  flex: 0 1 65%;
}
/*簡易点検を自動化*/
.container2 .item_w30p {
  flex: 0 1 100%;
}
.container2 .item_w65p {
  flex: 0 1 800px;
}
/*関連情報*/
.container2, .container2a, .container3, .container4, .container5 {
    display: block;
}
.container3a {
    display: flex;
}
.navi_exiidaLink {
    width: 100%;
}
.bggray_info {
    padding: 30px 30px;
}
/*システム構成*/
.container3 .system_w250px {
    flex: 0 1 100%;
}
.container3 .system_w100px {
    flex: 0 1 100%;
    margin-top: 0px;
}
.container3 .system_w880px {
    flex: 0 1 100%;
}
.system_img img {
    width: 880px !important;
}

/*予兆診断*/
.container2 .diaitem_w300px {
    flex: 0 1 100%;
    margin: 0px;
}
.container2 .diaitem_w750px {
    flex: 0 1 100%;
}
.diaitem_img img {
    width: 750px !important;
}

/* 共通：スクロールエリアの設定（これは既存のままでOK） */
.scrollable {
    overflow-x: auto;
    width: 100%;
}
.scrollable2 {
    overflow-x: auto;
    width: 100%;
}

/* 1つ目のテーブル（すでに動いているもの） */
.chart_tbl {
    width: 900px;
}

.chart_995{
width: 100%;
    margin: 10px auto 20px;
}
/* 2つ目のテーブル（動かなかったもの） */
.scroll_tbl {
    width: 800px; /* はみ出させるために十分な横幅を設定 */
    table-layout: fixed; /* セルが潰れるのを防ぐ */
}

/* 画像が入っているエリア（2つ目、3つ目の要素） */
.system_img {
    width: 880px; /* または、中の画像(img)の実際の横幅に合わせる */
    display: block;
}
.diaitem_img {
    width: 750px; /* または、中の画像(img)の実際の横幅に合わせる */
    display: block;
}

/* もし中に <img> タグがある場合、勝手に縮まないようにする */
.system_img img,
.diaitem_img img {
 /*   max-width: none !important; */
    max-width: none; 
    width: auto;
}

}

/* for - 399px
=========================================================================================== */

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


}