@charset "UTF-8";




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;//横スクロールのバーを表示しない
}

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

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;
	font-weight:bold;
	color:#333;
	}


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

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;
	padding:0 80px;
	}

.text_01{
	text-align:left;
}



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

メインビジュアル

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



#top_bg1{
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;
background:url(../images/main_bg.jpg) repeat-x bottom;
padding:70px 0 0;
}

#top_bg2{
width:100%;
margin:0 auto 0;
text-align:center;
background-color:#000;
padding:70px 0 0;
}

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

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

コンテンツコンテナ

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

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

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

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

#main_txtbox2{
	width: 640px;
	height: 0;
	margin: 0 0 0 100px;
position: relative;
	top: -350px;
	
}

#main_txtbox2 h4{
	font-size: 16px;
	font-weight: bold;
	
}

/*各オブジェクト共通枠設定ー*/
.zone{
clear:both;
margin:40px auto;
padding: 0 20px;
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;
	text-align:left;
	color:#333333;
	font-size:14px;
	margin:0 0 20px;
	line-height:1.6em;
	}


.zone2{
clear:both;
margin:40px auto;
overflow:hidden;
height:auto;
text-align:left;
max-width:1200px;
	}

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


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

/*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;
	}



.txtboxNews{
clear:both;
margin:40px auto;
overflow:hidden;
height:auto;
text-align:left;
	max-width:900px;
	padding:0 20px;
	}







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

テーブル

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

/*会社概要*/

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



.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_wrap{
	max-width:940px;
	margin:20px auto;
	}

#news_container{
	text-align:left;
	}


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


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

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

.news-header{
	font-size: 12px ;
	color: #ED5D60 ;
	margin-top: 10px ;

}

.news-text{
	margin-bottom: 40px;
}


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

フッター

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


/*グレー背景ー*/
#footer_container{
	background-color:#333;
	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:#393939;
	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:#393939;
	}


#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;
	}


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

Ｐマーク

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

#pricvacyMark{
clear:both;
margin:0 auto;
overflow:hidden;
height:auto;
text-align:right;
max-width:1150px;
display:flex;
justify-content:right;
padding:0 30px;
	}




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

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%;
}





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

ウィンドウサイズ別

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


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

#top_bg3{
background:none;
}


}


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

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

h2{
	font-size:24px;
	}

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

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


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

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


#main_txtbox2{
	top:-265px;
	width:640px;
	}
	
#main_txtbox2 p{
	max-width:520px;
	}
	
}




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

.last{
	margin:0 0 30px;
	padding:0;
	}

#profile{
	padding:0 20px;
	
}

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


#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:#fff;
}

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

#main_txtbox p{
width:90%;
	}


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

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

	}

#main_txtbox2{
	display:none;

	}

#sm_main_txtbox2{
	margin: 20px auto;
	}
	
	
#main_txtbox2 h4{
	font-size:14px;

	}

#main_txtbox2 h2{
	font-size:26px;

	}
#sm_main_txtbox2 h4{
	font-size:14px;
	text-align: left;
	padding: 0 20px;
	font-weight:bold;
	}

#sm_main_txtbox2 h2{
	font-size:20px;
	text-align: left;
	padding: 0 20px;
	}

#sm_main_txtbox2{
	display: block;
}


#sm_main_txtbox2 p{
	margin: 0;
	padding: 0 20px;
}
	
	
/*メニューラベル下部テキストー*/

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;	
	}

.gray_bg3{
	background-color:#333;
	position:relative;
	top:-150px;	
	height:500px;
	}



/*各オブジェクト共通枠設定ー*/
.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;
	}

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




	
#news_container_inner{
	text-align:left;
	padding:0 10px;
	}



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

h6{
	font-size: 20px;
		
	}
	
}

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



}




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




}





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





}