@charset "UTF-8";













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

Reset Style

----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}

img { 
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  color: #555;
}

body {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    overflow-x:hidden;//横スクロールのバーを表示しない
}


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

テキスト

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


/*タイトル*/

h1{
	display:inline;
	float:left;
	margin:0 0 0 20px;
	}

h1 img{
	width:380px;
	z-index: 10;
	}


/*トップキャッチコピー*/

h2{
	font-size:30px;
	font-weight: 600;
	color:#3a4767; 
	line-height:1.2em;
	}


/*メインビジュアル内テキストー*/

#main_txtbox p{
	margin:10px 0 0;
	font-size:20px;
	color:#666;	
	width:300px;
	line-height:1.2em;
	}


/*メニューラベルー*/

h3{
	font-size:38px;
	margin:40px 0 10px;
	font-weight:normal;
	text-align:center;
	color:#333;
	
	}


h4{
	font-size:24px;
	margin:20px 0 10px;
	}
	
	
h5{
	font-size:18px;
	margin:20px 0 0;
	}


/*メニューラベル下部テキストー*/

p.read{
text-align:center;
color:#666;
margin:5px 0 20px;
line-height:1.5em;
font-size:18px;
	}

/*リストメニュー*/

ol{
	margin:20px 0;

}

li{
text-align:left;
line-height:30px;
}


.last{
	margin:0 0 20px;
	}



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

メニューバー

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


#menu{
	float:right;
	margin:5px 20px 0 0;	}


#fixedBox{
	width:100%; margin:0 auto 0; text-align:center; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1) ;    position: fixed;    background-color: rgba(255,255,255,0.8);
	}


#fixedBox_inner{
	height:60px; max-width:1200px; margin:0 auto; padding:10px;}


.fixed {
    position: fixed;
    top: 0;
    z-index:10000;
	width:100%;
	background-color:#fff;
    background-color: rgba(255,255,255,0.8);
}


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

メインビジュアル

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



#top_bg1,top_bg{
width:100%;
margin:0 auto 0;
text-align:center;
background:url(../images/main_bg.jpg) repeat-x bottom;
padding:70px 0 0;
}

#top_bg{
width:100%;
margin:0 auto 0;
text-align:center;
padding:80px 0 0;
}


#top_photo{
margin:0 auto;
max-width:1200px;
}

#top_photo img{
width:100%;
/*vertical-align:bottom;*/
	}
	
	
/*----------------------------------------------------------------------

コンテンツコンテナ

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

/*上限枠設定ー*/
.container1200{
	margin:0 auto;
	max-width:1200px;
	}

/*トップページメインコピー設定ー*/

#main_txtbox{
	width:450px;
	height:0;
	margin:0 0 0 20px;
	position:relative;
	top:-300px;}


/*各オブジェクト共通枠設定ー*/
.zone{
clear:both;
margin:40px auto;
overflow:hidden;
height:auto;
text-align:center;
	max-width:1200px;
display:flex;justify-content: center;
	}

.zone img{
max-width:100%;
height: auto;
width /***/:auto;
	}

.zone p{
	padding:5px 20px 5px;
	text-align:left;
	color:#333333;
	font-size:14px;
	margin:15px 0 0;
	line-height:1.2em;
	}



/*グレー背景ー*/
.gray_bg{
	background-color:#eee;
	padding:20px 0;
			text-align:center;
	}

/*グレー背景ー*/
.contact{
	width:80px;
	margin:0 auto -30px;
	
	}


/*3カラム版*/

.area3{
	margin:0 5px 30px;
	text-align:center;
	width:30%;
		
	}

/*4カラム版*/

.area4{
	width:23%;
		margin:0 12px 50px;
		text-align:center;
	}



/*2カラム版*/

.area2{
	width:48%;
		margin:0 7px 30px;
		text-align:center;
	}

/*マップ用*/
#map{
	max-width:600px;
margin:0 auto;

/*
clear:both;
overflow:hidden;
height:auto;
text-align:center;

display:flex;justify-content: center;
*/


	}




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

キャンペーンのシャドウ

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

.shadow
{
box-shadow: 0px 0px 4px rgba(0,0,0,0.3) ; 
}








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

共通用全体テキストページ

----------------------------------------------------------------------*/
.txtbox{
clear:both;
margin:40px auto;
overflow:hidden;
height:auto;
text-align:left;
	max-width:1000px;
	padding:0 20px;
	}

.txtbox ol{
	padding:0 0 0 20px;	
	font-size:14px;
	}

.txtbox ol li{
	line-height:1.3em;
	margin:5px 0 0;
	}

	
.signature{
text-align:right;
	}

.txtbox ul{
	list-style:disc;
	padding:0 0 0 20px;	
	font-size:14px;
	}


.txtbox h5{
	margin:20px auto 10px;	
	font-size:20px;
	}



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

テーブル

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

/*会社概要*/

.about th{
	vertical-align:top;
	padding:10px;
	width:35%;
	}



.about td{
	margin:20px 0 20px 0;
	padding:10px;
	white-space: nowrap;
	}


.about{
	margin:0 auto;
	}

/*マップ*/

.address th{
	vertical-align:top;
	padding:10px;
	width:20%;
	}



.address td{
	margin:20px 0 20px 0;
	padding:10px;
	}
	
/*取引先*/
.partner td{
	padding:10px;
	vertical-align:top;
	}


.partner{
	text-align:center;
	margin:0 auto;
}


/*沿革*/

.history th{
	vertical-align:top;
	padding:10px;
	width:12%;
	white-space: nowrap;
	}



.history td{
	margin:20px 0 20px 0;
	padding:10px;
	}


/*取引先*/






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

ボタン

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


.btn_area {
	text-align:center; 
	margin:0 auto;
	width:200px;

	}

.btn_area a{
	 display:block;
	 text-align:center;
	 border:1px solid #333;
	 color:#fff;
	 background-color:#333;
	 text-decoration:none;
	 font-size:16px;
	 width:200px;
	 height:40px;
	 line-height:40px;
	transition: 0.8s ;
}

.btn_area a:hover{
 color:#333; background-color:#fff;
}


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

トップ用リンク

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


.toplink{
	margin:15px auto 0;
	 display:block;
	 text-align:center;
	 color:#333;
	 text-decoration:none;
	 font-size:20px;
	 font-weight:bold;
	 line-height:60px;
	transition: 0.8s ;
}

.toplink:hover{
	opacity: 0.6 ;
}





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

ニュースリリース

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


#news_container
{padding:20px 30px; background:#e9edf9;}

#news_container_inner{
	text-align:left;
	}


#news_container_inner dl
{color:#3a4767; margin:0 0 20px;}


#news_container_inner dt
{font-size:14px; margin:10px 0 0;}

#news_container_inner dd
{font-size:14px; margin:0 0 10px;}


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

フッター

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


/*グレー背景ー*/
#footer_container{
	background-color:#57ab28;
	padding:20px 0;

	}



#footer_container_inner
{
	max-width:1200px;
	margin:0 auto 0;

	}

#footer_container dl {
	text-align:left;
	}

#footer_container dt {
	font-size:18px;
	margin:0 0 10px 0;
	color:#fff;
	font-weight:bold;
	background-color:#129F02;
	padding:3px 10px;
	}

#footer_container dd a {
	font-size:14px;
	color:#ddd;
	text-decoration:none;
	padding:3px 10px;
	width:90%;
	display:block;
	margin:0 0 5px;
	transition: 0.6s ;
	}
	
#footer_container dd a:hover {
 color:#fff; background-color:#129F02;
	}


#copyright{
	clear:both;
	font-size:14px;
	color:#fff;
	text-align:center;
	}


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

メニューページ

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


/*グレー背景ー*/
#menu_container{
	background-color:#333;
	padding:20px 0;
	margin:0 auto 0;
	text-align:center;
	}



#menu_container_inner
{
	max-width:1200px;
	margin:0 auto 0;

	}

#menu_container dl {
	text-align:center;
	display:block;
	}

#menu_container dt {
	font-size:18px;
	margin:10px 0 10px 0;
	color:#fff;
	font-weight:bold;
	background-color:#696969;
	padding:3px 10px;
	width:90vw;
	text-align:center;
	}

#menu_container dd a {
	width:100%;
	font-size:14px;
	color:#ddd;
	text-decoration:none;
	padding:6px 10px;
	width:90vw;
	display:block;
	margin:0 0 5px;
	border-bottom:1px solid #666;
	}
	
#menu_container dd a:hover {
 color:#fff; background-color:#494949;
	}


#copyright{
	clear:both;
	font-size:14px;
	color:#fff;
	text-align:center;
	}





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

map

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

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





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

form

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





.num{
	width:25%;
	
	}

input, select, textarea {
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-size:18px;
padding: 0.5em;
margin:5px;
}

[name=naiyou] {
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0);
}

.full{
		width:100%;
		ime-mode: active;
	}
.form-mail {
	width:300px;
	ime-mode: disabled;
}

.form-tel {
	ime-mode: disabled;
}

.kome{
	color:#cc0000;
	}


h5{
	text-align:center;

	}


.policy{
	
	width:100%;
	}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;

}

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

ウィンドウサイズ別

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

@media screen and (max-width: 1040px) {

/*トップキャッチコピー*/

h2{
	font-size:24px;
	}

/*メインビジュアル内テキストー*/

#main_txtbox p{
	font-size:16px;
	}


/*トップページメインコピー設定ー*/

#main_txtbox{
	top:-250px;
	width:360px;
	}
	
}


@media screen and (max-width: 768px) {

#top_bg1{
width:100%;
margin:0 auto 0;
padding:70px 0 0;
margin:0 auto 140px;
background-color:#eee;
}

#top_bg{
width:100%;
margin:0 auto 0;
padding:70px 0 0;
margin:0 auto 0;
background-color:#eee;
}

/*メインビジュアル内テキストー*/

#main_txtbox p{
width:90%;
	}


/*トップページメインコピー設定ー*/

#main_txtbox{
	width:90%;
	margin:20px 20px -160px;
	top:-350px;

	}



/*メニューラベル下部テキストー*/

p.read{
color:#666;
margin:5px 20px 20px;
line-height:1.5em;
font-size:16px;
	}


.gray_bg2{
	background-color:#f6f6f6;
	height:200px;
	position:relative;
	top:-150px;
	
	
	}



/*各オブジェクト共通枠設定ー*/
.zone{
clear:both;
margin:40px auto 20px;
overflow:hidden;
height:auto;
text-align:center;
	max-width:1200px;
display:block;
	}

.zone img{
max-width:100%;
height: auto;
width /***/:auto;
	}


/*3カラム版*/

.area3{
	margin:0 5px 30px;
	text-align:center;
	width:100%;
	border-top:solid 1px #ccc;
	padding:10px 0 0 0;
		
	}


/*4カラム版*/

.area4{
	width:45%;
		margin:0 2% 20px;
		text-align:center;
		float:left;
	}

/*2カラム版*/

.area2{
	width:100%;
		margin:0 7px 30px;
		text-align:center;
	}

/*メニューラベルー*/

h3{
	font-size:18px;
	margin:20px 0 10px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	background-color:#333;
	padding:5px 20px;
	
	}
	

h3.top{
	font-size:38px;
	margin:20px 0 10px;
	font-weight:normal;
	text-align:center;
	color:#333;
	background:none;
	
	}
	
#news_container_inner{
	text-align:left;
	padding:0 10px;
	}



h4{
	font-size:20px;
	margin:20px 0 10px;
	}

	
}

@media screen and (max-width: 540px) {

th, td {
    display:block;
　  float:left;
    clear:both;
    width: 100vw;
	text-wrap:none;
	padding:5px;
}


.confth{
	background-color:#eee;
	
	}

.conftd{
	margin:0 0 10px 0;
	
	}



input, select, textarea {
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-size:14px;
padding: 0.3em;
}

table, tbody, tr {
    display: block;
    width: 100%;
}



.msg{
	color:#cc0000;
	font-weight:bold;
	}

}




@media screen and (max-width: 380px) {

th, td {
    display:block;
　  float:left;
    clear:both;
    width: 300px;
	text-wrap:none;
}



input, select, textarea {
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-size:14px;
padding: 0.3em;
}

table, tbody, tr {
    display: block;
    width: 100%;
}



.msg{
	color:#cc0000;
	font-weight:bold;
	}

}





@media screen and (max-width: 320px) {





}