@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');


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

.font-hiragino {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Blank;
    }
    .font-yugothic {
      font-family: 游ゴシック, "Yu Gothic", YuGothic, Blank;
    }
    .font-notosans {
      font-family: "Noto Sans Japanese", "Noto Sans CJK JP", Blank;
    }

/*-------------------------------------*/
/* 文字の色 */
/*-------------------------------------*/

.txtColGold{ color:#D9D4C5;}
.txtColRed{ color:#ff4500;}
.txtColGreen{ color:#990;}
.txtColBlue{ color:#069;}
.txtColWB{ color:#40e0d0;}
.txtColGr{ color:#808080;}
.txtColBrown{ color:#715526;}
.txt_org{color:#ff8000;}
.txt_ygr{ color:#95b325;}
.active{color:#ed6d1f;}
.txt_wh{color:white;}
.txt_wh2{color:white;}

@media screen and (max-width: 480px){
.txt_wh{ color:#000;}
}


/*-------------------------------------*/
/* 事業部別カラー */
/*-------------------------------------*/

.s_col{color:#2ea7e0;}/*住設販売*/
.u_col{color:#8fc31f;}/*ウレタン*/
.i_col{color:#c9a063;}/*産廃*/
.r_col{color:#f8b62d;}/*仮設レンタル*/
.g_col{color:#604c3f;}/*地盤調査*/



/*-------------------------------------*/
/* 文字の処理 */
/*-------------------------------------*/

.bo { font-weight: bold; letter-spacing:0.02em; }
.it { font-style:italic; }

/*-------------------------------------*/
/* リンク文字 */
/*-------------------------------------*/


a.txtUnder{ text-decoration: underline;}
a.txtUnder:hover{ text-decoration: underline;}

/*-------------------------------------*/
/* 文字サイズ */
/*-------------------------------------*/

.txtS{
	font-size:0.81em;
	letter-spacing: 0.12em;
}

.fontL { font-size: 150%; }
.fontM { font-size: 130%; }
.fontS { font-size: 80%; }
.fontSS { font-size: 60%; }
.font9{
font-size:0.9em;
color:#000;
}
.font75{
font-size:0.75em;
color:#000;
}

.font_title{
font-size: 2.4em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height:150%;
}
.font_title_b{
font-size: 2.4em;
font-family: "Hiragino Sans W9";
font-weight: 900;

}

.font_serif{
font-family: Georgia, "Times New Roman", Times, serif;

}

.midashi_btb{
font-size: 24px;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

/*-------------------------------------*/
/* 行間 */
/*-------------------------------------*/

.lHeight1_5	{ line-height:1.5em;}
.lHeight1_6	{ line-height:1.6em;}
.lHeight1_65	{ line-height:1.65em;}
.lHeight1_7		{ line-height:1.7em;}
.lHeight1_75	{ line-height:1.75em;}
.lHeight1_8		{ line-height:1.8em;}
.lHeight1_85	{ line-height:1.85em;}
.lHeight1_9		{ line-height:1.9em;}
.lHeight1_95	{ line-height:1.95em;}
.lHeight2		{ line-height:2em;}


/*-------------------------------------*/
/* 文字間 字詰*/
/*-------------------------------------*/

.ls03	{ letter-spacing: 0.3em;}
.ls05	{ letter-spacing: 0.5em;}
.ls1	{ letter-spacing: 1em;}

.ls-05	{ letter-spacing: -0.05em;}



.taj{
text-align: justify;

}

.font-palt {
      /* プロポーショナルメトリクスを有効にする */
      font-feature-settings: "pkna" 1;
    }


/*-------------------------------------*/
画像透過
/*-------------------------------------*/

a.transparent:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*-------------------------------------*/
/*ライン
/*-------------------------------------*/

.gray_line{
border-bottom: 1px dotted #A0A0A0;
margin:10px 0;
}

/*-------------------------------------*/
/*font-weight
/*-------------------------------------*/

span.fwn {font-weight: normal; }
span.fwb {font-weight: bold; }
span.fwl {font-weight: lighter; }
span.fwb2 {font-weight: bolder; }

/*-------------------------------------*/
/*ライナー
/*-------------------------------------*/

.yellow_line40 { padding: 0.2em; background: linear-gradient(transparent 60%, #ffff66 40%);}

@media screen and (max-width: 480px){
.yellow_line50{ background: linear-gradient(transparent 60%, #ffff66 60%);}
}


.pink_line {background: linear-gradient(transparent 40%, #ff99ff 40%);}

.green_line {background: linear-gradient(transparent 40%, #66FFCC 40%);}

.blue_line {background: linear-gradient(transparent 40%, #66ccff 40%);}

/*-------------------------------------*/
/*文字に影ー
/*-------------------------------------*/
.ts_k{
text-shadow: 1px 1px 2px #000000;
}

/*-------------------------------------*/
/*文字にフチ
/*-------------------------------------*/

.fuchi {
  text-shadow:
              
              3px 3px 3px #FFF, -3px -3px 3px #FFF,
           -3px 3px 3px #FFF,  3px -3px 3px #FFF,
            3px 0px 3px #FFF, -3px -0px 3px #FFF,
            0px 3px 3px #FFF,  0px -3px 3px #FFF;
}