@charset "UTF-8";
/* CSS Document */

/* =========================================
   背景画像ボックス指定
    ========================================= */
	
/* ===== 背景画像ボックス共通仕様 ===== */

div#image_box{/* トップページの最初の背景表示用のボックス */
	width:100%;
	height:auto;
	overflow:hidden;
	/*padding:72px 0 0; #header_boxの高さ＋アキを逃げる。小画面用 */
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center 0;
	}
	
/* ===== ページ毎イメージ :: contact=お問い合わせ：小画面用 ===== */
body#contact div#image_box{
	background-image:url(../img/contact_bg_top_01sml_2x.jpg);
	}
	
	/* ===== 小画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	box-sizing:border-box;
	width:100%;/* 400px */
	height:auto;
	margin:192px auto 240px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}
	
/* ===== 小画面用：各背景画像ボックスの指定 ===== */
/* paralaxの為のセクションごとのボックス。上から#bg_01〜 */
#bg_01,#bg_02,#bg_03,#bg_04,#bg_05,#bg_06{
	box-sizing:border-box;
	width:100%;
	height:auto;
}

#bg_01{
  background:url(../img/bg_02.jpg) repeat scroll center 0; 
}
#bg_02{
  background:url(../img/bg_01.jpg) repeat scroll center 0; 
}
#bg_03{
  background:url(../img/bg_01.jpg) repeat scroll center 0;
}
#bg_04{
  background:url(../img/bg_02.jpg) repeat scroll center 0; 
}
#bg_05{
  background:url(../img/bg_01.jpg) repeat scroll center 0;
}
#bg_06{
  background:url(../img/bg_02.jpg) repeat scroll center 0; 
}

/* =======================
　　ラジオボタンのデザイン（全画面共通）
========================= */
label{
	cursor:pointer;
}
span.radio_btn{
	display:inline-block;
	line-height:2.5em;
}
input[type="radio"]{
	display:none;
}
input.radio + .radio_btn:before{
	content:" ";
	display:inline-block;
	background:#f4f4f4;
	border-radius:100%;
	border:1px solid rgba(33,32,32,0.55);
	width:1em;
	height:1em;
	line-height:2.5em;
	margin:0.5em 0.5em 0.75em 0em;
	vertical-align:middle;
	
	cursor:pointer;
	text-align:center;
	transition:all 250ms ease;
}
input.radio:checked + .radio_btn:before{
	background:rgba(0,160,160,1);
	box-shadow:inset 0 0 0 4px  rgba(244, 244, 244, 1);
	transition:all 250ms ease;
}
/* =======================
　　ラジオボタンのスタイル終わり
========================= */



/* smlでの文字サイズ */

h3{
	font-size:125%; /* 20px */   /*元　137.5%;  22px */
	line-height:1.6363; /* L=36 */
}
.content_box,
.content_box:last-child{
	margin-bottom:48px;
}


.caution{/* アドレス受け入れ承認の注意などの補足事項 */
	font-size:93.75%; /* 15px l=1.6 */
	line-height:1.6;
}
.h4_caution{
	font-size:75%;
}


/* =========================================
   電話・FAXの説明の段落周りのスタイル
    ========================================= */
p.info{
	box-sizing:border-box;
	width:100%;
	padding:0 1em 0 ;
	margin:0 0 36px;
}
address{
	font-size:125%; /* 20px */
	line-height:1.2;
	color:#fa4b55;
	padding:0 1em 0;
	margin-bottom:36px;
}
address.fax{
	margin-bottom:48px;
}
address i{
	font-size:112.5%;
}

a[href*="tel"]{
	color:#fa4b55;
}
a[href*="tel"]:link,
a[href*="tel"]:visited{
	color:#fa4b55;
}

i.fa-phone-square-alt{
	margin-left:0.25em;
}
i.fa-fax{
	margin-left:0.1em;
}
/* =========================================
   from前の「お詫び」「プライバシーポリシーの案内」
    ========================================= */

.discription_para{/* form 前の説明とお願いの入るボックス */
  border-bottom:1px solid #00a094;
  margin:0 auto 96px;
}
.discription_para p{/* form 前の説明とお願いの段落 */
  margin:0 auto ;
  text-align:left;
}
.discription_para p:first-child{
	margin-bottom:36px;
}

/* プライバシーボリシーのリンク周り */
p.goto_prv{ 
  width:50%;
  margin:24px auto 36px;
}
.goto_prv a{
  display:block;
  width:100%;/* ボタンの幅はbutton_boxの幅に対して */
  margin:0 auto;
  padding:0.25em;
  font-size:0.8em;
  line-height:1.5;
  text-align:center;
  color:#fff;
  cursor:pointer;
  border:none;
  background:rgba(33,32,26,0.55);/* 背景付き見出し：グレー) */
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) ;
}
.goto_prv a i{
	margin-left:0.25em;
}

/* =============================================================================
   form のスタイル
    ========================================================================== */

section.contact_box{/* 説明とformを容れるBOX */
  margin:0 auto 72px;
	width:100%;
	height:auro;
}
form#otoiawase{
  width:100%;
  padding:0 ;
  margin:0 auto;
}
/* ===form 全体の共通要素=== */
form#otoiawase>h4{
	width:100%;
	font-size:118.75%;
	padding:0 0 6px 0;
	margin:0 0 12px 0;
	border-bottom:1px solid #00a094;
}
form#otoiawase>h5{
	width:100%;
	font-size:118.75%;
	text-align:left;
}
div.row{/* 項目一つ一つを区切る行BOX */
box-sizing:border-box;
  width:94%;
  height:auto;
 padding-left:1em;
  margin:0 0 24px 0;
  overflow:hidden;
}


/* ===分類：ラジオボタン周りのスタイル=== */

div.row>label{/* ラベルとラジオボタンを一つに */
	display:block;
	box-sizing:border-box;
	width:100%;
	height:2.5em;
	line-height:2.5em;
	/*text-align:center;*/
	/*float:left;*/
}


/* ===名前：姓名・フリガナ周りのスタイル=== */

div.shimei,
div.shameitenmei{
	padding:0 0 0;
	margin:0 auto 48px;
}
span.label{/* formの項目につける項目名をまとめるspan */
  display:block;
  box-sizing:border-box;
  width:95%;
  line-height:1.5em;
  margin-bottom:6px;
  /*border-top:1px solid #333;*/
  /*background:#D7D7FF;*/
}
span.nyuryoku{/* formの項目の入力欄をまとめるspan */
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:0 0 0 0.6em ;
  height:auto;
  overflow:visible;
  /*line-height:3.5em;*/
  /*background:#F9F;*/
}

input{/* input要素の共通スタイル */
 box-sizing:border-box;
  border:none;
  padding:0 0.25em 0;/* 入力欄と文字が触れないように左右にアキ */
  margin:0 0 12px 0;
  height:2.5em;
  line-height:2.5em;
  color:#fff;
  background:rgba(6,6,6,0.4);/* 入力欄を視認しやすくする */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) inset;/* 入力欄を視認しやすくする。影内側 */
 /* -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;*/
}

input#name,
input#kana,
input#shamei,
input#shamei_kana,
input#busho,
input#busho_kana{/* パーレン付きinputの幅設定 */
box-sizing:border-box;
  width:92%;
  height:auto;
}
input#name,
input#kana{/* カナ入力欄の設定＝上下、左右に並んだ時のアキ揃える設定 */
  margin:0 0 0.5em 0;/* left=0.25em*/
}


/* ===input前後のパーレンの指定=== */

.kakko{/* 上下、左右に並んだ時のアキ揃える設定 */
box-sizing:border-box;
 margin:0 0.25em 0 -1.25em;/*smlの時の指定パーレン一文字分とmargin分をパディングの外に出す*/
  /*margin:0 0.25em 0;*/
}
.kakko_b{/* 上下、左右に並んだ時のアキ揃える設定 */
box-sizing:border-box;
  margin:0 0 0 0.25em;/* 全画面共通*/
}




/* ===ご職業・職種：ラジオボタンのグループ周り=== */
div.list_box{
	/* padding-left:0em;スマホのみ左のアキなし */
}
ul#shokugyou{
box-sizing:border-box;
	width:100%;
	height:auto;
	/*margin-bottom:12px;*/
	overflow:hidden;
}
ul#shokugyou li{
box-sizing:border-box;
	font-size:87.5%; /* 14px */
	display: block;
	width: 50%;
	height:auto;
	margin-bottom: 6px;
	float: left;
}


/* ===社名・部署などのスタイル=== */

span.busho{
	margin-top:12px;
}
span.gas_oth{
	display:inlein-block;
	height:2.5em;
	line-height:2.5em;
}



/* ===ガス種：ラジオボタン周りのスタイル=== */

div.gas_shu{
	/*padding:0 0 0 1em;*/
	margin:0 auto 0;
}
div.gas_shu2{
	/*padding:0 0 0 1em;*/
	margin:0 auto 48px;
}
div.gas_button{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:2.5em;
	/* float:left;　sml幅では削除 */
	overflow:hidden;
	/*margin:0 0 24px 0;*/
}
div.gas_button>label{/* ラベルとラジオボタンのセット */
	display:block;
	box-sizing:border-box;
	width:32%;
	height:2.5em;
	text-align:center;
	float:left;
}

div.row > label[for="g_oth"]{ /* その他ガスの単独指定 */
	display:block;
	box-sizing:border-box;
	width:100%;
	height:auto;
	text-align:center;
	/*float:left; sml幅では削除*/
}

input.gas{ /* ガス種がその他の入力欄 */
	/*display:block;*/
	box-sizing:border-box;
	font-size:100%;
	width:40%;
	height:2.5em;
	line-height:2.5em;
	margin:0 ;
	text-align:left;
}



/* ===住所ー郵便番号：自動住所検索周り=== */

div.jyusho{
	padding:0 0 0 0;
}

input.zip_1, 
input.zip_2{
	box-sizing:border-box;
	width:25%;
	min-width:55px;
	padding:0 0.5em 0;
	text-align:center;
}
input.addr_1{
box-sizing:border-box;
	width:100%;/* mdl以上では60％？ */
	height:auto;
	margin-right:6px;
}
input.addr_2{
box-sizing:border-box;
	width:100%;/* mdl以上では45％？ */
	height:auto;
}
/*br.ss{
	line-height:0.8em;
}*/

/* ===E-mail周辺=== */

div.mailbox,
div.telbox{
	margin-bottom:36px;
	padding-left:0;
}

div.mail,
div.m_kakunin,
div.tel,
div.t_kakunin{
	display:block;
	width:100%; /* mdl以上では５０％ */
	/*float:left; smlでは削除*/
}

input[name="mail"],
input[name="電話"]{
  box-sizing:border-box;
	width:100%;
	height:auto;
}


/* ===お問い合わせ=== */

span.question{/* 質問欄全体の設定 */
  display:block;
  box-sizing:border-box;
  width:100%;
  height:auto;
  padding-left:0;
  overflow:hidden;
  border-bottom:1px solid #333;/* form入力の終わりを示す罫線 */
}
textarea{ 
 box-sizing:border-box;
  width:100%;
  border:none;
  height:auto;
  margin:0 24px 24px 0;
  padding:0.25em;/* 入力欄と入力文字が触れないように左右にアキ */
  /*height:20em;*/
  line-height:1.5;
  color:#fff;
  background:rgba(6,6,6,0.4);/* Melissa black 入力欄を視認しやすくする */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) inset;
/*  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;*/
  /*background:#960;*/
}


/*  ===ボタンを入れるボックス === */

.soushin{/* 送信ボタンのエリア全体の設定 */
  box-sizing:border-box;
  width:100%;
  height:6em;
  /*padding:1em 0 0 ;*/
  margin:0 0 24px;
}
.soushin span.button_box{/* ボタンが入るエリア */
  display:block;
  float:left;
  width:50%;/* ボタンは左右対称なので常に50％ */
  height:5em;
  line-height:5em;
  text-align:center;
  margin:0;
}


/* ボタン設定 */
  
.soushin input.button{/* 両方のボタンの設定 */
  font-size:1em;
  line-height:2.5;
  color:#fff;
  cursor:pointer;
  border:none;
  background:rgba(33,32,26,0.55);/* 背景付き見出し：グレー) */
  margin:0 0 0 0;
  width:60%;/* ボタンの幅はbutton_boxの幅に対して */
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) ;
  /*height:3em;*/
  /*background:#693;*/
}

.soushin input.button:visited{/* 両方のボタンの設定 */
  color:#fff;
  background:#805b5f;
}



/* =============================================================================
   form の後の説明と御礼文のエリア
    ========================================================================== */

div.onegai{
	box-sizing:border-box;
	padding:0 2em 0;
	margin:0 auto ;
}
 p.caution{
	 margin-bottom:24px;
 }

.kotowari{/* 返信のタイミングにタイルす説明 */
	color:#595757;
	font-size:93.75%; /* 15px l=1.6 */
	line-height:1.6;
	/*text-align:center;*/
}



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



/* ===== ページ毎イメージ :: contact=お問い合わせ：中画面用 ===== */
body#contact div#image_box{
	background-image:url(../img/contact_bg_top_02mdl_1x.jpg);
	}

/* ===== 中画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	width:400px;
	margin:96px auto 72px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}

/* mdl以上は通常サイズに戻す */

h3{
	font-size:156.25%; /* 25px */
	line-height:1.92; /* L=48 */
}
/*.content_box,
.content_box:last-child{
	padding:0 5% 0;
	margin-bottom:48px;
}*/


.caution{/* アドレス受け入れ承認の注意などの補足事項 */
	font-size:81.25%; /* 13px l=1.8461 */
}



/* =========================================
   電話・FAXの説明の段落周りのスタイル
    ========================================= */
/*p.info{
	box-sizing:border-box;
	width:100%;
	padding:0 1em 0 ;
	margin:0 0 12px;
}*/
address{
	/* font-size:125%; 20px */
	/*line-height:1.2;*/
	/*color:#fa4b55;*/
	padding:0 0.8em 0; /* 文字サイズが大きくした分、一文字サイズ */
	/*margin-bottom:12px;*/
}
/*address.fax{
	margin-bottom:48px;
}*/
/*address i{
	font-size:112.5%;
}
i.fa-phone-square-alt{
	margin-left:0.25em;
}
i.fa-fax{
	margin-left:0.1em;
}*/
/* =========================================
   from前のプライバシーポリシーの案内
    ========================================= */

.discription_para{/* form 前の説明とお願いの入るボックス */
  border-bottom:1px solid #00a094;
  margin:0 auto 96px;
}
.discription_para p{/* form 前の説明とお願いの段落 */
  margin:0 auto ;
  text-align:center;
}

/* プライバシーボリシーのリンク周り */
p.goto_prv{ 
  width:30%;
  margin:24px auto 36px;
}
/*.goto_prv a{
  width:100%;
  margin:0 auto;
  padding:0.25em;
  font-size:0.8em;
  line-height:1.5;
  color:#fff;
  cursor:pointer;
  border:none;
  background:rgba(33,32,26,0.55);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) ;
}*/
/*.goto_prv a i{
	margin-left:0.25em;
}*/

/* =============================================================================
   form のスタイル
    ========================================================================== */

/* section.contact_box{説明とformを容れるBOX
  margin:0 auto 72px;
	width:100%;
} */
/*form#otoiawase{
  width:100%;
  padding:0 0 0 ;
  margin:0 auto;
}*/
/* ===form 全体の共通要素=== */
/*form#otoiawase>h4{
	width:100%;
	font-size:118.75%;
	padding:0 0 6px 0;
	margin:0 0 12px 0;
	border-bottom:1px solid #00a094;
}
form#otoiawase>h5{
	width:100%;
	font-size:118.75%;
	text-align:left;
}*/
/* div.row{項目一つ一つを区切る行BOX
box-sizing:border-box;
  width:100%;
  height:auto;
 padding-left:1em;
  margin:0 0 48px 0;
  overflow:hidden;
} */


/* ===分類：ラジオボタン周りのスタイル=== */

div.row>label{/* ラベルとラジオボタンを一つに */
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	/*height:2.5em;
	line-height:2.5em;*/
	text-align:center;
	float:left;
}


/* ===名前：姓名・フリガナ周りのスタイル=== */

/*div.shimei,
div.shameitenmei{
	padding:0 0 0;
	margin:0 auto 48px;
}*/
/* span.label{formの項目につける項目名をまとめるspan
  display:block;
  box-sizing:border-box;
  width:95%;
  line-height:1.5em;
  margin-bottom:6px; */
  /*border-top:1px solid #333;*/
  /*background:#D7D7FF;
}*/
/* span.nyuryoku{formの項目の入力欄をまとめるspan
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:0 0 0 0.6em ;
  height:auto;
  overflow:visible; */
  /*line-height:3.5em;*/
  /*background:#F9F;
}*/

/* input{input要素の共通スタイル
 box-sizing:border-box;
  border:none;
  padding:0 0.25em 0; 入力欄と文字が触れないように左右にアキ
  margin:0 0 12px 0;
  height:2.5em;
  line-height:2.5em;
  color:#fff;
  background:rgba(6,6,6,0.4);入力欄を視認しやすくする
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) inset;入力欄を視認しやすくする。影内側 
 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
} */

input#name,
input#kana,
input#shamei,
input#shamei_kana,
input#busho,
input#busho_kana{/* パーレン付きinputの幅設定 */
  width:46.25%;
}
/*input#name,
input#kana{カナ入力欄の設定＝上下、左右に並んだ時のアキ揃える設定 
  margin:0 0 0.5em 0;left=0.25em
}*/


/* ===input前後のパーレンの指定=== */

.kakko{/* 上下、左右に並んだ時のアキ揃える設定 */
 /*margin:0 0.25em 0 -1.25em;smlの時の指定パーレン一文字分とmargin分をパディングの外に出す*/
  margin:0 0.25em 0;
}
/*.kakko_b{ 上下、左右に並んだ時のアキ揃える設定 
  margin:0 0 0 0.25em; 全画面共通
}*/




/* ===ご職業・職種：ラジオボタンのグループ周り=== */
div.list_box{
	padding-left:0.5em;
}
/*ul#shokugyou{
	width:100%;
	height:auto;
	overflow:hidden;
}*/
ul#shokugyou li{
	/*display: block;*/
	width: 33.3333%;
	/*margin-bottom: 6px;
	float: left;*/
}


/* ===社名・部署などのスタイル=== */

/*span.busho{
	margin-top:12px;
}
span.gas_oth{
	display:inlein-block;
	height:2.5em;
	line-height:2.5em;
}*/



/* ===ガス種：ラジオボタン周りのスタイル=== */

/*div.gas_shu{
	padding:0 0 0 1em;
	margin:0 auto 48px;
}*/
div.gas_button{
	box-sizing:border-box;
	padding:0 2em;
}
/* div.gas_button>label{ラベルとラジオボタンのセット
	display:block;
	box-sizing:border-box;
	width:50%;
	height:2.5em;
	text-align:center;
	float:left;
} */

div.row > label[for="g_oth"]{ /* その他ガスの単独指定 */
	display:block;
	width:100%;
	text-align:center;
	/*float:left; sml幅では削除*/
}

/*input.gas{  ガス種がその他の入力欄
	font-size:100%;
	width:auto;
	height:2.5em;
	line-height:2.5em;
	margin:0 ;
	text-align:left;
} */



/* ===住所ー郵便番号：自動住所検索周り=== */

div.jyusho{
	padding:0 0 0 0;
}

input.zip_1, 
input.zip_2{
	box-sizing:border-box;
	width:25%;
	min-width:55px;
	padding:0 0.5em 0;
	text-align:center;
}
input.addr_1{
	width:100%;/* mdl以上では60％？ */
	margin-right:6px;
}
input.addr_2{
	width:100%;/* mdl以上では45％？ */
}
/*br.ss{
	line-height:0.8em;
}*/

/* ===E-mail周辺=== */

div.mailbox,
div.telbox{
	margin-bottom:36px;
	padding-left:0;
}

div.mail,
div.m_kakunin,
div.tel,
div.t_kakunin{
	display:block;
	width:100%; /* mdl以上では５０％ */
	/*float:left; smlでは削除*/
}

input[name="mail"],
input[name="電話"]{
	width:100%;
}


/* ===お問い合わせ=== */

span.question{/* 質問欄全体の設定 */
  display:block;
  box-sizing:border-box;
  width:100%;
  height:auto;
  padding-left:0;
  overflow:hidden;
  border-bottom:1px solid #333;/* form入力の終わりを示す罫線 */
}
textarea{
  width:100%;
  border:none;
  margin:0 24px 24px 0;
  padding:0.25em;/* 入力欄と入力文字が触れないように左右にアキ */
  height:20em;
  line-height:1.5;
  color:#fff;
  background:rgba(6,6,6,0.4);/* Melissa black 入力欄を視認しやすくする */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) inset;
/*  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;*/
  /*background:#960;*/
}


/*  ===ボタンを入れるボックス === */

.soushin{/* 送信ボタンのエリア全体の設定 */
  box-sizing:border-box;
  width:100%;
  height:6em;
  padding:1em 0 0 ;
  margin:0 0 24px;
}
.soushin span.button_box{/* ボタンが入るエリア */
  display:block;
  float:left;
  width:50%;/* ボタンは左右対称なので常に50％ */
  height:5em;
  line-height:5em;
  text-align:center;
  margin:0;
}


/* ボタン設定 */
  
.soushin input.button{/* 両方のボタンの設定 */
  font-size:1em;
  line-height:2.5;
  color:#fff;
  cursor:pointer;
  border:none;
  background:rgba(33,32,26,0.55);/* 背景付き見出し：グレー) */
  margin:0 0 0 0;
  width:60%;/* ボタンの幅はbutton_boxの幅に対して */
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) ;
  /*height:3em;*/
  /*background:#693;*/
}

.soushin input.button:visited{/* 両方のボタンの設定 */
  color:#fff;
  background:#805b5f;
}



/* =============================================================================
   form の後の説明と御礼文のエリア
    ========================================================================== */

div.onegai{
	box-sizing:border-box;
	padding:0 2em 0;
	margin:0 auto ;
}
 p.caution{
	 margin-bottom:24px;
 }

.kotowari{/* 返信のタイミングに対する説明 */
	color:#595757;
	font-size:85%;
	line-height:2;
	/*text-align:center;*/
}









}



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


a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }

/* ===== ページ毎イメージ :: contact=お問い合わせ：大画面用 ===== */
body#contact div#image_box{
	background-image:url(../img/contact_bg_top_03lag_1x.jpg);
	}

/* ===== pc画面用キャッチフレーズ周りの指定 =====*/
section.main_copy{
	width:900px;
	margin:96px auto 136px;
}
section.main_copy div.hdgroup{
	padding-left:5%;
}



/* =========================================
   電話・FAXの説明の段落周りのスタイル
    ========================================= */
p.info{
	box-sizing:border-box;
	width:100%;
	padding:0 1em 0 ;
	margin:0 0 24px;
}
address{
    box-sizing: border-box;
    /* [disabled]width: 45%; */
    height: auto;
    font-size: 105%; /* 20px */
    line-height: 1.2;
    color: #fa4b55;
    padding: 0 1em 0;
    margin-bottom: 36px;
    float: left;
}
address.fax{
	margin-bottom:36px;
}



}