@charset "UTF-8";


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


 = layout Style
 
 
************************************************************************************************/


* {
	margin:0;
	padding:0;
}


@media print, screen and (min-width: 768px) {

body {
	min-width: 1000px;
	background:#f7f7f7;
	line-height:150%;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_none {}
.pc_none {display: none;}

/* header -------------------------------------------------------------------------------------*/

header { position:relative; }

/*h1*/
header h1.pc_title { position: absolute;	top:70px; left:10%;	z-index:10;	font-size:90%; }
header h1.sp_title, header a.sp_title_a { display:none; }

/*nav*/
div.gnav { z-index:2; background:url(../media/images/common/bg_nav.png) repeat-x 0 0; }
div.fixed { position: fixed; top: 0; left: 0; width: 100%; }

div.gnav a { text-decoration:none; }

div.gnav nav { width:1000px;	margin:0 auto; }
div.gnav nav a.spnav{ display:none;}  
div.gnav nav ul { z-index:10; height:65px; padding:0; list-style:none; }
div.gnav nav ul li { position:relative; float:left;	text-indent: -5000px; }
div.gnav nav ul li a { display:block; width:150px; height:65px; background:url(../media/images/common/nav.png) no-repeat 0 top; }

div.gnav nav ul li.home a {	width:100px;	background-position:0 top; }
div.gnav nav ul li.home a:hover {	width:100px;	background-position:0 bottom; }
div.gnav nav ul li.home_current a {	width:100px;	background-position:0 bottom; }

div.gnav nav ul li.web a {	background-position:-100px top; }
div.gnav nav ul li.web a:hover {	background-position:-100px bottom; }
div.gnav nav ul li.web_current a {	background-position:-100px bottom; }

div.gnav nav ul li.seo a {	background-position: -250px top; }
div.gnav nav ul li.seo a:hover {	background-position: -250px bottom; }
div.gnav nav ul li.seo_current a {	background-position: -250px bottom; }

div.gnav nav ul li.consul a {	background-position: -400px top; }
div.gnav nav ul li.consul a:hover {	background-position: -400px bottom; }
div.gnav nav ul li.consul_current a {	background-position: -400px bottom; }

div.gnav nav ul li.system a {	background-position: -550px top;}
div.gnav nav ul li.system a:hover {	background-position: -550px bottom; }
div.gnav nav ul li.system_current a {	background-position: -550px bottom; }

div.gnav nav ul li.works a {	background-position: -700px top; }
div.gnav nav ul li.works a:hover {	background-position: -700px bottom; }
div.gnav nav ul li.works_current a {	background-position: -700px bottom; }

div.gnav nav ul li.company a {	background-position: -850px top; }
div.gnav nav ul li.company a:hover {	background-position: -850px bottom; }
div.gnav nav ul li.company_current a {	background-position: -850px bottom; }

div.gnav nav ul li.contact_sp {	display: none; }


div.gnav nav ul li ul.dropdown{ position:absolute; left:-999em; z-index:999; background: none #FFFFFF; }
div.gnav nav ul li:hover ul.dropdown{ left:-1px; top:60px; }
div.gnav nav ul li ul.dropdown li a { display:block; width:130px; height:auto; padding:5px 10px; border:#666 1px solid; border-bottom:none; background:#fff; color:#666; text-indent:0; transition: all 0.3s;}
div.gnav nav ul li ul.dropdown li a:hover{ background: #666; color:#ffffff; }
div.gnav nav ul li ul.dropdown li:last-child a { border-bottom:#666 1px solid; }

.spnav {display:none;}



/* contetns_wrapper -------------------------------------------------------------------------------------*/

div#contetns_wrapper { width:1000px; margin:0 auto 0; padding:20px 10px; }

div#contetns_wrapper .infomation_bnr img { width: 100%; }

/* left_column */
div#contetns_wrapper aside.left_column { float:left; width:230px; margin:0; padding:0 28px 0 0; }
div#contetns_wrapper aside.left_column ul {	margin:0 0 10px; }
div#contetns_wrapper aside.left_column ul li {}
div#contetns_wrapper aside.left_column ul li a img { margin:0 0 5px; transition: all 0.8s;}
div#contetns_wrapper aside.left_column ul li a:hover img { opacity:0.6 !important; }

/* right_column */
div#contetns_wrapper main.right_column { float:right; width:740px; padding:0; }

div#contetns_wrapper main.right_column article{}
div#contetns_wrapper main.right_column section{}
div#contetns_wrapper main.right_column p { padding:0 10px 1em; }

div#contetns_wrapper main.right_column section.text_box { padding:10px 20px 20px; }


/* footer -------------------------------------------------------------------------------------*/


/*20210311*/
.footer_bnr_area{
	width:740px;
	margin:10px auto 0 auto;
}
.footer_bnr_area a img {  transition: all 0.8s; }
.footer_bnr_area a:hover img { opacity:0.6 !important; }




/* footer_nav */

div.fnav { padding:20px 0;  background:url(../media/images/common/bg_fnav.gif) repeat-x 0 0 #fff; }
div.fnav h3 { width:1000px; margin:0 auto; font-size:16px; }
div.fnav nav { width:1000px; margin:15px auto 0; }
div.fnav nav ul { float:left; width:330px;	}
div.fnav nav li { padding:0 5px; font-size:11px; }
div.fnav nav li a {	color:#000; }
div.fnav nav li:last-child { border-right: none; }
	
	
/* footer_nav　応可能地域エリア追加 */	
	
	/*div.fnav */div.const_area{
		width: 900px;
		margin: 30px auto 50px;
		border: 2px solid #233B6C;
		border-radius: 6px;
		padding: 25px 20px 10px;
		background-color: #fff;
	}
	/*div.fnav */div.const_area h3{
		padding-bottom: 15px;
		font-size: 16px;
	}
	/*div.fnav */div.const_area p{
		padding-bottom: 0;
	}
	/*div.fnav */div.const_area p span{
		/*background-color: #f6f3c3;*/
		background-color: #f7f7f7;
		padding: 10px;
		display: block;
		margin: 10px 0;
	}
	
	
	


/* footer */

footer { height:130px;	background: url(../media/images/common/bg_footer.gif) repeat-x 0 bottom; }
footer div.fcont { width:1000px; margin:0 auto; padding:20px 0 0; position:relative; }
footer div.fcont address { margin:0 0 10px; padding:0 0 10px 260px; background:url(../media/images/common/footer_logo.png) no-repeat 0 center; font-style:normal; color:#999; height: 50px;}
footer div.fcont h5 { text-align:right; }
footer div.fcont h5 a {	color:#999; }
footer div.fcont h5 a:hover { color:#ccc; }


/*page-top*/
#page-top {	position: fixed; bottom: 20px; right: 20px;	font-size: 77%;}
#page-top a { display: block; width: 100px;	padding: 30px 0; border-radius: 5px; background: #666; text-decoration: none; color: #fff; text-align: center;	}
#page-top a:hover {	text-decoration: none;	background: #999;}


/* shadow */

.box-shadow { margin:0 0 20px; -moz-box-shadow: 0px 0px 5px #666; /* FireFox */ -webkit-box-shadow: 0px 0px 5px #666; /* webkit */ box-shadow:0px 0px 5px #666; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=3,enabled=true)"; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3, enabled=true); /* IE5.5+ */ background: url(../img/common/bg_textbox.gif) center 0 #fff; /* IE Hack */ }
.box-shadow .text_box {  }
.img-shadow { -moz-box-shadow: 0px 0px 4px #666; /* FireFox */ -webkit-box-shadow: 0px 0px 4px #666; /* webkit */ box-shadow:0px 0px 4px #666; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=3,enabled=true)"; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3, enabled=true); /* IE5.5+ */ background:#fff; /* IE Hack */ }


/* h1～h5 */

article h2, article h3 { background:url(../media/images/common/bg_subtit.gif) no-repeat 0 0; padding:20px 60px; font-size:16px; }

/* contetns_wrapper -------------------------------------------------------------------------------------*/

div#contetns_wrapper { margin:0 auto 0; padding:20px 10px; }

/* left_column */
div#contetns_wrapper aside.left_column { float:left; margin:0; padding:0 0 0 0; text-align:center; }
div#contetns_wrapper aside.left_column p {	margin:0; padding:0 0 5px; }
div#contetns_wrapper aside.left_column ul {	margin:0 0 10px; }
div#contetns_wrapper aside.left_column ul a {}
div#contetns_wrapper aside.left_column ul li {	display:block; }
div#contetns_wrapper aside.left_column ul li a img { width:100%; max-width:250px; margin:0 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
div#contetns_wrapper aside.left_column ul li a img:hover { opacity:0.8; filter: alpha(opacity=80);}

/* right_column */
div#contetns_wrapper main#right_column { float:right; padding:0; }

div#contetns_wrapper main#right_column article{}
div#contetns_wrapper main#right_column section{}
div#contetns_wrapper main#right_column p { padding:0 10px 1em; }

div#contetns_wrapper main#right_column .text_box { padding:10px 20px 20px; }


.tabs_scroll{ overflow: auto; white-space: nowrap; margin-bottom: 3px; }
.tabs_scroll::-webkit-scrollbar { height: 5px; }
.tabs_scroll::-webkit-scrollbar-track { 	background-color: #FFF; }
.tabs_scroll::-webkit-scrollbar-thumb { 	background-color: rgba( 115, 115, 115, 0.3); }
.tabs_scroll ul.tabs_select{ overflow:hidden; display:table;  }
.tabs_scroll ul.tabs_select li{ display:table-cell; white-space:nowrap; }

.works_forward { display:none; }

.button_pc {}
.button_sp {display:none !important;}


/* others */
.img_right {
	float:right;
	margin:0 0 10px 20px;
	padding:0;
}
.img_left {
	float:left;
	margin:0 20px 10px 0;
	padding:0;
}
.img_center {
	text-align:center;
}


}


@media screen and (max-width: 767px) {
	
body {
	min-width: 100%;
	background:#f7f7f7;
	line-height:150%;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_none {display: none;}
.pc_none {}

div#wrapper {}


/* header -------------------------------------------------------------------------------------*/

header { overflow:hidden; width:100%; background:url(../media/images/common/bg_nav.png) repeat-x 0 0; }

/*h1*/
header h1.pc_title { display:none; }
/*header a.sp_title_a { margin:0px; padding:0px; }
header h1.sp_title { float:left; margin:5px 0 0 5px; height:55px; width:240px; background:url(../media/images/common/logo_sp.png) no-repeat left top; overflow:hidden; }*/
header a.sp_title_a{ display:block; float:left; margin:5px 0 0 5px; height:55px; width:240px; background:url(../media/images/common/logo_sp.png) no-repeat left top; overflow:hidden; }

/*nav*/
div.gnav {}
div.gnav nav {}

div.gnav a { text-decoration:none; }

div.gnav nav ul.nav_container { display:none; width: 100%; overflow: hidden; *zoom: 1; background:#ece8e5; border-bottom:1px solid #ffffff; }
div.gnav nav ul.nav_container li { width:100%; line-height:50px; border-bottom:solid 1px #ccc; background:#ece8e5; float:left; font-size:14px; }
div.gnav nav ul.nav_container li a { width:96%; height:50px; padding:0 2% 0 2%; color:#499b0b;display:block; }
div.gnav nav ul.nav_container li a:before { display:inline-block; padding-right:10px;font-family: FontAwesome; content: "\f054"; }

div.gnav nav ul.nav_container ul { border-top:solid 1px #bbb;}
div.gnav nav ul.nav_container ul li{ padding-left:30px; background-color:#d5d5d5; }

div.gnav nav ul.nav_container ul li:first-child, 
div.gnav nav ul.nav_container ul li:last-child { border-bottom:solid 0px #ccc; }
div.gnav nav ul.nav_container ul li br{ display:none; }

div.gnav nav ul li.contact_sp { text-align:center; margin:0 auto; }
div.gnav nav ul li.contact_sp a {
	display:block;
	color: #fff;
	width:90%;
	margin:5px auto;
	text-decoration: none;
	background-color: rgb(73, 155, 11);
	/* box-shadow */
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	border-radius: 5px;
}
div.gnav nav ul li.contact_sp a:before { padding:0; content: ""; }

.spnav {
	display:block;
	position:absolute;/*to body*/
	right:5px;
	top:12px;
	width:35px;
	height:35px;
	cursor:pointer;
	padding:5px;
}
.spnav div {position:relative}
.spnav span {
	display:block;
	position:absolute;/*to div*/
	width:96%;
	border-bottom:solid 3px #ededed;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.spnav span:nth-child(1) {top:0}
.spnav span:nth-child(2) {top:11px}
.spnav span:nth-child(3) {top:22px}

/* Click Toggle(Button) */
.openNav .spnav span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav .spnav span:nth-child(2),
.openNav .spnav span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
div.openNav nav ul.nav_container {
	position:absolute;
	top:60px;
	left:0px;
	display:block;
	z-index:9999999;
	opacity: 1;
	animation-duration: 0.2s;
	animation-name: fade-in;
	-moz-animation-duration: 0.2s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-name: fade-in;
	/* box-shadow */
	box-shadow: 0 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 5px 5px 5px rgba(0,0,0,0.5);
}
@keyframes fade-in {
	0% {display: none; opacity: 0; }
	1% { display: block; opacity: 0; }
	100% { display: block; opacity: 1; }
}

@-moz-keyframes fade-in {
	0% { display: none; opacity: 0; }
	1% { display: block; opacity: 0; }
	100% { display: block; opacity: 1; }
}

@-webkit-keyframes fade-in {
	0% { display: none; opacity: 0; }
	1% { display: block; opacity: 0; }
	100% { display: block; opacity: 1; }
}

div.gnav nav ul.dropdown li {
	display: block;
	float:none;
}

/* contetns_wrapper -------------------------------------------------------------------------------------*/

div#contetns_wrapper { margin:0 auto 0; padding:20px 10px; }

div#contetns_wrapper .infomation_bnr img { width: 100%; }

/* left_column */
div#contetns_wrapper aside.left_column { float:left; width:100%; margin:0; padding:0 0 0 0; text-align:center; }
div#contetns_wrapper aside.left_column p {	margin:0; padding:0 0 5px; }
div#contetns_wrapper aside.left_column ul {	margin:0 0 10px; }
div#contetns_wrapper aside.left_column ul a {}
div#contetns_wrapper aside.left_column ul li {	display:block; }
div#contetns_wrapper aside.left_column ul li a img { width:100%; margin:0 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
div#contetns_wrapper aside.left_column ul li a img:hover { opacity:0.8; filter: alpha(opacity=80);}

/* right_column */
div#contetns_wrapper main#right_column { float:right; padding:0; }

div#contetns_wrapper main#right_column article{}
div#contetns_wrapper main#right_column section{}
div#contetns_wrapper main#right_column p { padding:0 10px 1em; }

div#contetns_wrapper main#right_column .text_box { padding:10px 20px 20px; }


.tabs_scroll{ overflow: auto; white-space: nowrap; margin-bottom: 3px; }
.tabs_scroll::-webkit-scrollbar { height: 5px; }
.tabs_scroll::-webkit-scrollbar-track { 	background-color: #FFF; }
.tabs_scroll::-webkit-scrollbar-thumb { 	background-color: rgba( 115, 115, 115, 0.3); }
.tabs_scroll ul.tabs_select{ overflow:hidden; display:table;  }
.tabs_scroll ul.tabs_select li{ display:table-cell; white-space:nowrap; }


/* footer -------------------------------------------------------------------------------------*/


/*20210311*/
.footer_bnr_area{
	display:none;
}



/* footer_nav */

div.fnav { display:none; }
div.fnav h4 { width:1000px; margin:0 auto; font-size:16px; }
div.fnav nav { width:1000px; margin:15px auto 0; }
div.fnav nav ul { float:left; width:330px;	}
div.fnav nav li { padding:0 5px; font-size:11px; }
div.fnav nav li a {	color:#000; }
div.fnav nav li:last-child { border-right: none; }
	
	
/* footer_nav　応可能地域エリア追加 */	
	
	/*div.fnav */div.const_area{
		/*width: 100%;*/
		/*margin: 30px auto 50px;*/
		margin: 10px;
		/*border: 2px solid #156434;*/
		border: 2px solid #233b6c;
		border-radius: 6px;
		padding: 25px 20px 10px;
		background-color: #fff;
	}
	/*div.fnav */div.const_area h3{
		padding-bottom: 15px;
		font-size: 16px;
	}
	/*div.fnav */div.const_area p{
		padding-bottom: 0;
	}
	/*div.fnav */div.const_area p span{
		/*background-color: #f6f3c3;*/
		background-color: #f7f7f7;
		padding: 10px;
		display: block;
		margin: 10px 0;
	}
	


footer { height:auto;	background: #434343 url(../media/images/common/bg_footer.gif) repeat-x 0 top; }
footer div.fcont { margin:0 auto; padding:20px 0 0; position:relative; }
footer div.fcont address { margin:0 0 10px; padding:68px 0 10px 10px; background-size:auto 100px; background:url(../media/images/common/footer_logo.png) no-repeat top center; font-style:normal; color:#999; }
footer div.fcont h5 { text-align:right; }
footer div.fcont h5 a {	color:#999; }
footer div.fcont h5 a:hover { color:#ccc; }
/* ページ上部へボタン */
#page-top {	position: fixed; bottom: 20px; right: 20px;	font-size: 77%;}
#page-top a { display: block; width: 50px;	padding: 15px 0; border-radius: 5px; background: #666; text-decoration: none; color: #fff; text-align: center;	}
#page-top a:hover {	text-decoration: none;	background: #999;}

.works_regend_str { display:none; }
.works_forward { text-align:center; padding:10px;}
.works_forward img { width:100%; }

.button_pc {display:none !important;}
.button_sp {}


/* others */
.img_right {
	text-align:center;
	padding:10px;
}
.img_left {
	text-align:center;
	padding:10px;
}
.img_center {
	text-align:center;
	padding:10px;
}


}








/* shadow */

.box-shadow { margin:0 0 20px; -moz-box-shadow: 0px 0px 5px #666; /* FireFox */ -webkit-box-shadow: 0px 0px 5px #666; /* webkit */ box-shadow:0px 0px 5px #666; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=3,enabled=true)"; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3, enabled=true); /* IE5.5+ */ background: url(../img/common/bg_textbox.gif) center 0 #fff; /* IE Hack */ }
.box-shadow .text_box { padding:10px; }
.img-shadow { -moz-box-shadow: 0px 0px 4px #666; /* FireFox */ -webkit-box-shadow: 0px 0px 4px #666; /* webkit */ box-shadow:0px 0px 4px #666; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=3,enabled=true)"; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3, enabled=true); /* IE5.5+ */ background:#fff; /* IE Hack */ }


/* h1～h5 */

article h2, article h3 { background:url(../media/images/common/bg_subtit.gif) no-repeat 0 0; padding:20px 20px 20px 50px; font-size:16px; }


.img_center img {
	width:100%;
	height:auto;
}

}


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


 = common Style
 
 
************************************************************************************************/


/* link */
a {
	color: #06F;
	text-decoration:none;
}
a:hover {
	color: #069;
	text-decoration:underline;
}
a img {
	border:none;
}












.btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 5px;
	padding: 10px 15px;
	background: #FFF;
	color: #000;
	font-size: 12px;
	border: 1px solid #DDD;
	border-radius: 2px 2px 2px 2px;
	cursor: pointer;
}
.btn:hover {
	opacity: 0.8;
	color: #069;
}
.btn.submit {
	background: #9ac27a;
	color: #FFF;
}
.btn.submit:hover {
	color: #FFF;
}




/* others */

ul {
	list-style:none;
}
p {
	padding:0 0 1em;
}