@charaset "utf-8";

*{
	margin: 0;
	padding: 0;
}

body {
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#000000;
	font-size: 14px;
}

// for IE6
* html body, * html  input, * html  textarea {
		font-family:  "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

html {
	font-size: 14px;
	line-height: 140%;
	height: 100%;
}


img{
	border:none;
	vertical-align: bottom;
}


.header_brand .brand_line1 { margin-bottom: 6px; }
.header_brand .brand_line2 { margin-top: 10px; }




/*--------------------------------
  HEADER STYLE
--------------------------------*/
#g_header{
	width:100%;
	clear:both;
	border-top:solid #138BB4 5px;
}
#g_header .wp{
	margin:0 auto;
	width: 782px;
/*	width: 982px; */
	height: 114px;
	clear:both;
	position: relative;
}

#g_header h1{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	position: absolute;
	top: 8px;
	left: 0px;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}

#g_header h2{
	position: absolute;
	top: 40px;
	left: 0px;
}
#g_header .header_tel{
	position: absolute;
/*	top: 15px;*/
	top: 10px;
	right: 0px;
}
#g_header .header_mail{
	position: absolute;
	top: 55px;
	right: 0px;
}

#g_header .header_mail2{
	position: absolute;
	top: 55px;
/*	right: 260px; */
	right: 200px;
}

/*g_navi*/

#g_navi{
	width:100%;
	height:56px;
	background:url(../images/common/gnavi_bg.png) 0 0 repeat;
}
#g_navi .wp{
	margin:0 auto;
	width: 782px; 
/*	width: 982px; */
/*	width: 1178px; */
	height: 56px;
	clear:both;
}
#g_navi .wp ul{
	width: 782px; 
/*	width: 500px; */
	height: 56px;
}
#g_navi .wp ul li{
	float: left;
	height: 56px;
}



div#g_contents_area{
	margin:0 auto;
/*	width:960px; */
	width:760px;
	clear:both;
}

#main_column {
/*	float: right;*/
	width: 670px;
  margin-left: 40;          /* 念のため */
  padding-left: 0;   
}

/*
#left_column {
	float: left;
	width: 30px;
/*	width: 260px; 
}
.left_zero {
	background: #F0F6CC;
	text-align :center;
	padding: 10px 0 ;
	position: relative;
}
.left_zero p.zero_plan_text{
	padding: 5px 0 ;
}
.left_zero p.left_zaro_icon{
	position: absolute;
	top: -10px;
	left: -27px;
}
.osusume {
	margin: 20px 0;
}

.mitsumori {
	margin: 20px 0;
}
*/

/*事例バナー*/
.jireib {
	margin: 20px 0 20px;
}

.chishiki {
	border:solid 1px #E5E5E5;
	background:#ECF5F9;
	padding: 3px;
}
.chishiki ul {
	padding: 10px 5px 5px 10px;
}
.chishiki .chishiki01 {
	background:url(../images/common/chishiki_shikaku.png) 0 5px no-repeat;
	padding-left: 15px;
	color:#444444;
	font-weight: bold;
	font-size: 15px;
	margin-top: 8px;
}
.chishiki .chishiki01 a{
	color:#444444;
	text-decoration: none;
}
.chishiki .chishiki01 a:hover{
	color:#444444;
	text-decoration: underline;
}
.chishiki ul ul {
	padding: 5px 0 0 0;
}
.chishiki .chishiki02 {
	margin-bottom: 2px;
	color:#666666;
	font-weight: normal;
	font-size:13px;
}
.chishiki .chishiki02 a{
	text-decoration: none;
	color:#666666;
	font-weight: normal;
	font-size:13px;
}
.chishiki .chishiki02  a:hover{
	text-decoration: underline;
	color:#666666;
}

/*--------------------------------
　製品情報　20150307 ADD 
--------------------------------*/
.product ul {
	padding: 10px 0 0 0;
}
.product ul li {
	padding: 10px 0 0 0;
}




/*--------------------------------
  FOOTER STYLE
--------------------------------*/
#g_footer {
	margin: 60px auto 0px auto;
	width:100%;
	background:url(../images/common/footer_bg.png) 0 0 repeat-x ;
}
#g_footer .wp{
	margin:0 auto 0px auto;
	width: 789px;
	text-align:center;
	position: relative;
}

#g_footer .footer_link{
	text-align:center;
	padding-top:30px;
	color:#444444;
	height: 50px;
	font-size: 13px;
}
#g_footer .footer_link a{
	padding:0 5px;
	color:#444444;
	text-decoration: none;
}
#g_footer .footer_link a:hover{
	text-decoration: underline;
}
#g_footer .data{
	text-align:center;
/*	color:#ffffff;*/
	height: 70px;
	line-height:70px;
}
#g_footer .footer_logo{
	margin-top :20px;
}
address{
	padding-top:10px;
	padding-bottom:20px;
	font-style:normal;
	text-align:center;
	color:#ffffff;
	font-size: 12px;
}
#g_footer .page_top{
	position: absolute;
	top: -60px;
	right: 0px;
}


/*
.inquiry_banner_in {
	clear: both;
	padding-top: 50px;
}

.inquiry_banner {
	margin: 0 auto 0px auto;
	position: relative;
	width:752px;
	height: 197px;
	background:url(../images/common/inquiry_bg.jpg) 0 0 no-repeat;
	clear: both;
	background-image: url(../images/common/inquiry_bg.jpg);
}
.inquiry_banner p{
	position: absolute;
	bottom: 5px;
	left: 150px;
}

*/



ul{
	list-style:none;
}
li{
  list-style-type:none;

}

a {
	text-decoration:underline;
	color:#0027D2;
	outline:none;
}

a:hover {
	text-decoration:underline;
	color:#00BFFF;
}


p{
	color:#000000;
}

/*
===== 2: link setting ===========================
*/

a {
	cursor:pointer;
}





/* ClearBox Setting
--------------------------------------------------*/
.clearbox {
	zoom:100%;
}
.clearbox:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/* ===== ESAB: 6項目テキストナビ ===== */
#g_navi .gnavi-six { 
  display:flex; flex-wrap:wrap; gap:10px; 
  list-style:none; margin:0; padding:10px 0;
}
#g_navi .gnavi-six > li { margin:0; }
#g_navi .gnavi-six > li > a {
  display:block; padding:10px 14px; 
  background:#0b2540; color:#fff; text-decoration:none;
  border-radius:8px; border:1px solid rgba(255,255,255,.18);
  font-weight:600; letter-spacing:.2px;
}
#g_navi .gnavi-six > li > a:hover { 
  background:#143a63; 
}
@media (max-width: 768px){
  #g_navi .gnavi-six { gap:8px; }
  #g_navi .gnavi-six > li > a { padding:9px 12px; font-weight:600; }
}




/* ===== HOMEヒーロー画像の幅調整 ===== */
/* 先頭の大画像（#home-hero）を本文幅より狭くし、中央寄せに */
#home-hero figure{
  max-width: 920px;      /* お好みで 820px/900px/980px 等に調整可 */
  margin: 0 auto 8px;    /* 中央寄せ */
}
#home-hero img{
  width: 100% !important; /* figure内で100%にしておけば inline width を吸収 */
  height: auto;
  display: block;
}

/* スマホでは全幅表示のまま */
@media (max-width: 900px){
  #home-hero figure{ max-width: 100%; margin: 0 0 8px; }
}

/* ===== Header brand (left of phone) ===== */
#g_header .wp{
  display: flex;
  align-items: center;
  gap: 12px;                 /* テキストと電話・メールの間隔 */
}


/* ===== Header brand：太字＋オレンジ色 ===== */
/* 推奨オレンジ（アクセント）：#ff7a00  */
#g_header .brand_line1{
  color: #ff9900;
  font-weight: 800;                 /* 太字維持 */
  font-size: clamp(22px, 3.2vw, 36px);
  letter-spacing: 0.3px;
  text-shadow: 0 0 0 transparent;   /* ブラウザ癖のにじみ防止のダミー */
}
#g_header .brand_line2{
  color: #ff9900;                   /* 2行目は少し明るめ（統一なら #ff7a00 に） */
  font-weight: 700;
  font-size: clamp(14px, 2.0vw, 18px);
  opacity: 1;                       /* 前回の .95 を外して発色をはっきり */