@charset "utf-8";
/* ============================================================================================================================================================

全ページ共通設定

============================================================================================================================================================ */
* { margin: 0px;padding: 0px;　/*全ての要素の空白をなくす*/}

body {width:100%;} 

li { list-style-type: none;/*リストの・を消す*/}

a {
text-decoration:none;/*リンクの下の下線を消す*/
color: #3E3A39!important;/*リンクの色を変更しない */
}

a:visited{color: #00A291;/*リンクの色を変更しない*/}
a:active {color: #00A291;/*リンクの色を変更しない*/}

img{vertical-align: bottom;/*画像の下にできた余白を消す*/}




/* ============================================================================================================================================================

フォント・見出し・ラインの設定

============================================================================================================================================================ */

/* --------------------
ベースの色
・黒　＝#3E3A39
・赤　＝#EA5541
・緑　＝#00A291
-------------------- */

/*--------------------------------------------------
文字スタイル↓
--------------------------------------------------*/

body{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}

/*--------------------------------------*/

.style_black1{font-size:small; line-height:170%; color: #3E3A39;} /* 小：黒文字 */
.style_black2{font-size:medium; line-height:170%; color: #3E3A39;} /* 中：黒文字 */
.style_black3{font-size:large; line-height:170%; color: #3E3A39;} /* 大：黒文字 */
.style_black4{font-size:x-large; line-height:170%; color: #3E3A39;} /* 大：黒文字 */
.style_black5{font-size:xx-large; line-height:170%; color: #3E3A39;} /* 大：黒文字 */

.style_black6{font-size:small; line-height:170%; color: #3E3A39; font-weight:bold;} /* 小太：黒文字 */
.style_black7{font-size:medium; line-height:170%; color: #3E3A39;font-weight:bold;} /* 中太：黒文字 */
.style_black8{font-size:large; line-height:170%; color: #3E3A39;font-weight:bold;} /* 大太：黒文字 */
.style_black9{font-size:x-large; line-height:180%; color: #3E3A39; font-weight:bold;} /* 大太2：黒系文字 */
.style_black10{font-size:xx-large; line-height:180%; color: #3E3A39; font-weight:bold;} /* 大太2：黒系文字 */

/*--------------------------------------*/

.style_white1{font-size:small; line-height:170%; color: #FFFFFF;} /* 小：白文字 */
.style_white2{font-size:medium; line-height:170%; color: #FFFFFF;} /* 中：白文字 */
.style_white3{font-size:large; line-height:170%; color: #FFFFFF;} /* 大：白文字 */

.style_white6{font-size:small; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 小太：白文字 */
.style_white7{font-size:medium; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 中太：白文字 */
.style_white8{font-size:large; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 大太：白文字 */
.style_white9{font-size:x-large; line-height:180%; color: #FFFFFF; font-weight:bold;} /* 中太：白文字 */
.style_white10{font-size:xx-large; line-height:180%; color: #FFFFFF; font-weight:bold;} /* 大太：白文字 */

/*--------------------------------------*/

.style_red1{font-size:small; line-height:170%; color: #EA5541;} /* 小：赤系文字 */
.style_red2{font-size:medium; line-height:170%; color: #EA5541;} /* 中：赤系文字 */
.style_red3{font-size:large; line-height:170%; color: #EA5541;} /* 大：赤系文字 */

.style_red6{font-size:small; line-height:170%; color: #EA5541; font-weight:bold;} /* 小太：赤系文字 */
.style_red7{font-size:medium; line-height:170%; color: #EA5541; font-weight:bold;} /* 中太：赤系文字 */
.style_red8{font-size:large; line-height:170%; color: #EA5541; font-weight:bold;} /* 大太：赤系文字 */
.style_red9{font-size:x-large; line-height:180%; color: #EA5541; font-weight:bold;} /* 大太2：赤系文字 */
.style_red10{font-size:xx-large; line-height:180%; color: #EA5541; font-weight:bold;} /* 大太2：赤系文字 */

/*--------------------------------------*/

.style_green1{font-size:small; line-height:170%; color: #00A291;} /* 小：緑系文字 */
.style_green2{font-size:medium; line-height:170%; color:  #00A291;} /* 中：緑系文字 */
.style_greenw3{font-size:large; line-height:170%; color:  #00A291;} /* 大：緑系文字 */

.style_green6{font-size:small; line-height:170%; color: #00A291; font-weight:bold;} /* 小太：緑系文字 */
.style_green7{font-size:medium; line-height:170%; color: #00A291; font-weight:bold;} /* 中太：緑系文字 */
.style_green8{font-size:large; line-height:170%; color: #00A291; font-weight:bold;} /* 大太：緑系文字 */
.style_green9{font-size:x-large; line-height:180%; color: #00A291; font-weight:bold;} /* 大太2：緑系文字 */
.style_green10{font-size:xx-large; line-height:180%; color: #00A291; font-weight:bold;} /* 大太2：緑系文字 */





/*--------------------------------------------------
見出し↓
--------------------------------------------------*/
.style_title1{
  width: 100%;
  background-color: #00A291;
  font-size: xx-large;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 10px 0px;
}

.style_title1_b{
  width: 100%;
  font-size: xx-large;
  color: #00A291;
  text-align: center;
  border-bottom: 10px solid #00A291;
}

.style_title2{
  width: 100%;
  background-color: #AED6CE;
  font-size: x-large;
  color: #00A291;
  text-align: center;
  padding: 5px 10px 0px;
}

.style_title3{
  width: 100%;
  background-color: #00A291;
  font-size: x-large;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 10px 0px;
}

.style_title4{
  width: 60%;
  background-color: #00A291;
  font-size: x-large;
  color: #FFFFFF;
  text-align: center;
  margin: auto;
}



/*--------------------------------------------------
ボタン↓
--------------------------------------------------*/
.style_btn1 {
  font-size:medium;
  display: block;
  width: 300px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #3E3A39;
  font-weight: bold;
  border: 3px solid #00A291;
  border-radius:50px;
  transition: .4s;
  margin: 15px auto;
  background-color: #FFFFFF;
  }

.style_btn1 a{color: #3E3A39!important;}
.style_btn1:hover {background: #00A291;color: #fff!important; }


/* ============================================================================================================================================================

ヘッダー

============================================================================================================================================================ */
#header{
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 5px solid  #00A291;
  margin: auto;
  position: sticky;/*ヘッダーを固定する*/
  top: 0;/*ヘッダーを固定する*/
  z-index: 999;/*ヘッダーを固定する*/
}
.header_contents{
  width: 75%;
  padding: 10px;
  margin: auto;
  display:flex;
  align-items: center;/*上下中央*/
}

/* ヘッダー：ロゴ↓ -------- */
.header_logo{
  width: 35%;
  color: #00A291;
  font-weight: bold;
  font-size: 30px;
}
.header_logo a{color:#00A291!important;}
.header_logo a:hover{color:#00F2DA!important; }

/* ヘッダー：メニュー↓ -------- */
.header_menu{display:flex;}
.header_menu_item1{
  color: #00A291!important;
  font-weight: bold;
  margin-right: 25px;
}
.header_menu_item1 a{color:#00A291!important;}
.header_menu_item1 a:hover{color:#00F2DA!important; }




/* ============================================================================================================================================================

フッター

============================================================================================================================================================ */
#footer{
  width: 100%;
  background-color: #00A291;
  padding: 50px 0px 0px;
  margin-top: 150px;
}

.footer_contents{
  width: 70%;
  margin: auto;
  display:flex;
  flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
  justify-content: space-between;/*両端のアイテムを余白を空けずに配置し、他の要素は均等*/
}

.footer_contents_left{width: 40%;}
.footer_contents_right{width: 60%;}

.footer_logo{
  font-size: xx-large;
  color: #FFFFFF;
  font-weight: bold;
}

.footer_menu{
  display: flex;
  flex-wrap: no-wrap;  /*折り返しなし・単一行（デフォルト）*/
}
.footer_menu li{
  font-size: medium;
  font-weight: bold;
  margin-right: 20px;
}
.footer_menu li a{color:#FFFFFF!important;}
.footer_menu li a:hover{color:#00F2DA!important; }

.footer_mail{font-size: xxx-large;}
.footer_mail a{color:#FFFFFF!important;}
.footer_mail a:hover{color:#00F2DA!important; }




/* ============================================================================================================================================================

各ページ設定

============================================================================================================================================================ */

/*--------------------------------------------------
	共通項目
--------------------------------------------------*/

/* 背景 -------- */
.main_background_white{background-color: #FFFFFF;}
.main_background_color1{background-color: #FDEFF5;}
.main_background_color2{background-color: #FFF096;}
.main_background_color3{background-color: #D8E698;}
.main_background_color4{background-color: #C7E8FA;}


/* 画面に対して使用する横幅 -------- */
.main_contents{
  width:75%;
  padding:0px;
  margin:auto;
  text-align:center;
  margin-top: 50px;
}

/* 画面に対して使用する横幅2 -------- */
.main_contents2{
width:80%;
padding:0px;
margin:auto;
text-align:center;
margin-top: 50px;
}

/* 画面に対して使用する横幅2 -------- */
.main_contents3{
width:65%;
padding:0px;
margin:auto;
text-align:center;
margin-top: 50px;
}



/* アイテムを並べる場合の枠 -------- */
.main_container{
display:flex;
flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
justify-content: space-between;/*両端のアイテムを余白を空けずに配置し、他の要素は均等*/
}



/*--------------------------------------------------
	業務用エアコンページ
--------------------------------------------------*/

/* 形状一覧 -------- */
.contents_item_4col{width:25%;}
.contents_item_4col img{
width:90%;
margin: 30px auto 0px;
}

/* 形状：コンテンツ -------- */
.contents_item_1col{
display:flex;
flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
justify-content: space-between;/*両端のアイテムを余白を空けずに配置し、他の要素は均等*/
background-color:#FFFFFF;
border: 5px solid #00A291;
text-align:left;
word-wrap: break-word;
}

.contents_item_1col_left{
  width:48%;
  padding: 30px;
}
.contents_item_1col_right{width:42%;}
.contents_item_1col_right img{
  width:100%;
  float: right;
  clear: both;
} 


/* 設置場所・メーカー一覧 -------- */
.contents_item_5col{width:20%;}
.contents_item_5col img{
width:90%;
margin: 30px auto 0px;
}


/*--------------------------------------------------
	FC事業
--------------------------------------------------*/
/* 店舗URL -------- */
.contents_item_2col{
  width:48%;
  text-align: left;
}
.contents_item_2ol img{width:100%;}


/*--------------------------------------------------
	会社案内
--------------------------------------------------*/








/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


レスポンシブ設定 ↓


/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media screen and (min-width:320px) and ( max-width:759px)  {
/*スマホ：320pxから759pxまでの幅の場合に適応される */
  
/* ============================================================================================================================================================

フォント・見出し・ラインの設定

============================================================================================================================================================ */

/* --------------------
ベースの色
・黒　＝#3E3A39
・赤　＝#EA5541
・緑　＝#00A291
-------------------- */

/*--------------------------------------------------
文字スタイル↓
--------------------------------------------------*/

body{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}

/*--------------------------------------*/

.style_black1{font-size:12px; line-height:170%; color: #3E3A39;} /* 小：黒文字 */
.style_black2{font-size:small; line-height:170%; color: #3E3A39;} /* 中：黒文字 */
.style_black3{font-size:medium; line-height:170%; color: #3E3A39;} /* 大：黒文字 */
.style_black4{font-size:large; line-height:170%; color: #3E3A39;} /* 大：黒文字 */
.style_black5{font-size:x-large; line-height:170%; color: #3E3A39;} /* 大：黒文字 */
  
.style_black6{font-size:12px; line-height:170%; color: #3E3A39; font-weight:bold;} /* 小太：黒文字 */
.style_black7{font-size:small; line-height:170%; color: #3E3A39;font-weight:bold;} /* 中太：黒文字 */
.style_black8{font-size:medium; line-height:170%; color: #3E3A39;font-weight:bold;} /* 大太：黒文字 */
.style_black9{font-size:large; line-height:180%; color: #3E3A39; font-weight:bold;} /* 大太2：黒系文字 */
.style_black10{font-size:x-large; line-height:180%; color: #3E3A39; font-weight:bold;} /* 大太2：黒系文字 */

/*--------------------------------------*/

.style_white1{font-size:12px; line-height:170%; color: #FFFFFF;} /* 小：白文字 */
.style_white2{font-size:small; line-height:170%; color: #FFFFFF;} /* 中：白文字 */
.style_white3{font-size:medium; line-height:170%; color: #FFFFFF;} /* 大：白文字 */

.style_white6{font-size:12px; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 小太：白文字 */
.style_white7{font-size:small; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 中太：白文字 */
.style_white8{font-size:medium; line-height:170%; color: #FFFFFF; font-weight:bold;} /* 大太：白文字 */
.style_white9{font-size:large; line-height:180%; color: #FFFFFF; font-weight:bold;} /* 中太：白文字 */
.style_white10{font-size:x-large; line-height:180%; color: #FFFFFF; font-weight:bold;} /* 大太：白文字 */

/*--------------------------------------*/

.style_red1{font-size:12px; line-height:170%; color: #EA5541;} /* 小：赤系文字 */
.style_red2{font-size:small; line-height:170%; color: #EA5541;} /* 中：赤系文字 */
.style_red3{font-size:medium; line-height:170%; color: #EA5541;} /* 大：赤系文字 */

.style_red6{font-size:12px; line-height:170%; color: #EA5541; font-weight:bold;} /* 小太：赤系文字 */
.style_red7{font-size:small; line-height:170%; color: #EA5541; font-weight:bold;} /* 中太：赤系文字 */
.style_red8{font-size:medium; line-height:170%; color: #EA5541; font-weight:bold;} /* 大太：赤系文字 */
.style_red9{font-size:large; line-height:180%; color: #EA5541; font-weight:bold;} /* 大太2：赤系文字 */
.style_red10{font-size:x-large; line-height:180%; color: #EA5541; font-weight:bold;} /* 大太2：赤系文字 */

/*--------------------------------------*/

.style_green1{font-size:12px; line-height:170%; color: #00A291;} /* 小：緑系文字 */
.style_green2{font-size:small; line-height:170%; color:  #00A291;} /* 中：緑系文字 */
.style_greenw3{font-size:medium; line-height:170%; color:  #00A291;} /* 大：緑系文字 */

.style_green6{font-size:12px; line-height:170%; color: #00A291; font-weight:bold;} /* 小太：緑系文字 */
.style_green7{font-size:small; line-height:170%; color: #00A291; font-weight:bold;} /* 中太：緑系文字 */
.style_green8{font-size:medium; line-height:170%; color: #00A291; font-weight:bold;} /* 大太：緑系文字 */
.style_green9{font-size:large; line-height:180%; color: #00A291; font-weight:bold;} /* 大太2：緑系文字 */
.style_green10{font-size:x-large; line-height:180%; color: #00A291; font-weight:bold;} /* 大太2：緑系文字 */





/*--------------------------------------------------
見出し↓
--------------------------------------------------*/
.style_title1{
  width: 100%;
  background-color: #00A291;
  font-size: large;
  color: #FFFFFF;
  text-align: center;
  padding: 0px 0px 0px;
}
  

.style_title1_b{
  width: 100%;
  font-size: large;
  color: #00A291;
  text-align: center;
  border-bottom: 10px solid #00A291;
}


.style_title2{
  width: 100%;
  background-color: #AED6CE;
  font-size: large;
  color: #00A291;
  text-align: center;
  padding: 0px 0px 0px;
}

.style_title3{
  width: 100%;
  background-color: #00A291;
  font-size: large;
  color: #FFFFFF;
  text-align: center;
  padding: 0px 0px 0px;
}


/*--------------------------------------------------
ボタン↓
--------------------------------------------------*/
.style_btn1 {
  font-size:small;
  width: 250px;
  padding: 10px;
  margin: 15px auto;
  }
  
/* ============================================================================================================================================================

ヘッダー

============================================================================================================================================================ */
#header{
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 5px solid  #00A291;
  margin: auto;
  position: sticky;/*ヘッダーを固定する*/
  top: 0;/*ヘッダーを固定する*/
  z-index: 999;/*ヘッダーを固定する*/
}
.header_contents{
  width: 95%;
  padding: 10px;
  margin: auto;
  display:flex;
  text-align: center;
  align-items: center;/*上下中央*/
  flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
}

/* ヘッダー：ロゴ↓ -------- */
.header_logo{
  width: 100%;
  font-size: 20px;
}

/* ヘッダー：メニュー↓ -------- */
.header_menu{
  width: 100%;
  font-size: 10px;
  }
.header_menu_item1{
  margin-right: 5px;
}




/* ============================================================================================================================================================

各ページ設定

============================================================================================================================================================ */

/*--------------------------------------------------
	共通項目
--------------------------------------------------*/

/* 画面に対して使用する横幅 -------- */
.main_contents{
  width:100%;
  padding:0px;
  margin:auto;
  text-align:center;
  margin-top: 0px;
}

/* 画面に対して使用する横幅2 -------- */
.main_contents2{
width:90%;
padding:0px;
margin:auto;
text-align:center;
margin-top: 10px;
}


/* アイテムを並べる場合の枠 -------- */
.main_container{
display:flex;
flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
justify-content: space-between;/*両端のアイテムを余白を空けずに配置し、他の要素は均等*/
}



/*--------------------------------------------------
	業務用エアコンページ
--------------------------------------------------*/

/* 形状一覧 -------- */
.contents_item_4col{width:50%;}
.contents_item_4col img{
width:90%;
margin: 10px auto 0px;
}

/* 形状：コンテンツ -------- */
.contents_item_1col{
display:flex;
flex-wrap:wrap;/*アイテムを折り返して複数行に上から下*/
justify-content: space-between;/*両端のアイテムを余白を空けずに配置し、他の要素は均等*/
background-color:#FFFFFF;
border: 5px solid #00A291;
text-align:left;
word-wrap: break-word;
}

.contents_item_1col_left{
  width:100%;
  padding: 15px;
}
.contents_item_1col_right{width:100%;}
.contents_item_1col_right img{
  width:100%;
  float: right;
  clear: both;
} 


/* 設置場所・メーカー一覧 -------- */
.contents_item_5col{width:50%;}
.contents_item_5col img{
width:90%;
margin: 10px auto 0px;
}
  


/*--------------------------------------------------
	FC事業
--------------------------------------------------*/
/* 店舗URL -------- */
.contents_item_2col{width:100%;}
  
  
  
  
  
  
  
}