/*　スマホ用CSS　*/
/*　[body]の設定
-------------------------------------------------　*/
body{	
	font-family:"メイリオ","Hiragino kaku Gothic pro",sans-serif;
	box-shadow: 0px 0px 15px #333333;
	color:#333333;
	width:100%;
	margin:0 auto;
	padding: 0px;
	box-shadow:none;
}

/*　[h1]の設定（フレーズ）
-------------------------------------------------　*/
h1{
	font-size:0%;
	background-color:#2d50a1;
}

/*　[h2]の設定（見出し）
-------------------------------------------------　*/
h2{
	font-size:100%;
	border-bottom:2px dashed #2d50a1;
	border-left:15px solid #2d50a1;
	padding-left:7px;
}

/* [h3]の設定（各トピックスのタイトル）
-------------------------------------------------　*/
h3{
	font-size:80%;
	background-color:#2d50a1;
	color:#ffffff;
	margin-left:10px;
	margin-right:10px;
	border-radius:10px;
	padding-left:20px;
	padding-right:20px;	
	box-shadow: 5px 5px 10px 0px #333333;
}

/* [h4]の設定（各トピックスのタイトル）
-------------------------------------------------　*/
h4{
	font-size:80%;
	margin:0px 20px;
	padding-left:10px;
	background: linear-gradient(90deg,#dddddd, #ffffff);
}

/* [h5]のバーチャル板金タイトル
-------------------------------------------------　*/
h5{
	font-size:80%;
	margin:0px 20px;
	padding-left:10px;
}
/* [h6]のバーチャル板金見出し
-------------------------------------------------　*/
h6{
	font-size:80%;
	margin:0px 20px;
	padding-left:10px;
}

/*　header部分（上部の画像部分）
-------------------------------------------------　*/
header{
	position:relative;
	text-align:center;
}
.bk-img{			/* 通常背景画像の表示設定　*/
	display:none;
}

.bk-img2{			/* レスポンシブ用背景画像非表示　*/
	display:inline;
	width:100%;
	height:auto;
}

/*　header nav部分（上部のメニュー）
-------------------------------------------------　*/
header nav ul{			
	font-size:80%;
	line-height:1.2;
	color:#ffffff;	
	text-align:center; 
	border-bottom:10px solid #2d50a1;
	margin:0 auto;
}

header nav li{
	display:inline-block;
	width: 120px;
	height: 40px;
	text-align:center;
	color:#2d50a1;
	background:#ffffff;
	padding:5px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
	border:2px solid #2d50a1;
	margin:5px 2px;	
}

header nav li a{
	text-decoration:none; 				/*　下線削除　*/
	font-size:150%;
	color:#2d50a1;
	font-weight:bold;	
	padding:0px 0px 0px 0px;	
}

header nav li a:hover{
	color:#FF75C2;
}

/*　新着情報リスト
-------------------------------------------------　*/
.topics li{
	list-style-type:none;
	padding-left:0px;
	font-size:90%;
	margin-right:0px;
	border-bottom:1px dashed #888888;
}

.topics li a{
	text-decoration:none;
	color:#3B170B;
}

.topics li  a:hover{
	color:#FF75C2;
}

.br::before {
	content: "\A";
	white-space: pre;	
}
/*　トピックス記事
-------------------------------------------------　*/
section p{
	font-size:90%;
	padding-left:20px;
	padding-right:20px;
}

/*　写真を左寄せする
-------------------------------------------------　*/
img-hidariyose{
	float:none;
}

img-hidariyosef{
	float:none;
}

/*　写真を右寄せする
-------------------------------------------------　*/
.img-migiyose{
	float:none;
}

.img-migiyosef{
	float:none;
}

/*　写真の下のコメント
-------------------------------------------------　*/
.img-txt{
	font-size:60%;
	text-align:justify;
}

/*　トピックス更新日
-------------------------------------------------　*/
.koushin-point{
	clear:both;	
	text-align:right;	
	border-top:1px solid #888888;
	padding-right:40px;
}

/*　トピックスのリンク
-------------------------------------------------　*/
.link-point{
	font-size:80%
}
.link-point a{
	text-decoration:none;
	color:#3B170B;
}
.link-point a:hover{
	color:#FF75C2;
}
/*　先頭に戻る
-------------------------------------------------　*/
.modoru-point{
	text-align:right;
	font-size:80%
}
.modoru-point a{
	text-decoration:none;
	color:#3B170B;
}
.modoru-point a:hover{
	color:#FF75C2;
}

/*　アドレス部分
-------------------------------------------------　*/
address{			/*　アドレスの標準的な設定　*/
	font-size:80%;
	font-style:normal;
	line-height:1.3;
	background-color:#2d50a1;
	color:#ffffff;
	padding:10px 10px;
	position:relative;
}

.span1{				/*　「株式会社」の部分　*/
	font-size:100%;
	font-weight:bold;
}

.span2{				/*　「神村製作所」の部分　*/
	font-size:140%;
	font-weight:bold;
}
.img-migiyose2{		/*　認証取得ロゴの部分　*/
	position:static;
	bottom:10px;
	right:20px;
}

/*　フッター
-------------------------------------------------　*/
footer{	
	font-size:70%;
	color:#2d50a1;
	text-align:center;
	padding:1px;
}

/*　ページ全体のパッディング
-----------------------------　*/
.main-page{
	padding-left:10px;
	padding-right:40px;
}
/*　センター寄せする（共通）
-------------------------------------------------　*/
.text_center{
	text-align:center;
}

/*　右寄せする（共通）
-------------------------------------------------　*/
.text_right{
	display: block;
	text-align: right;
}

/*　テーブルデザイン1(概要・沿革)
-------------------------------------------------　*/
.tabel_1{
	margin:5px auto; 
	width:100%;
	border-collapse: collapse;
	font-size:70%;
}

.tabel_1 th{
	color:white;
	width:25%;
	text-align:center;
	background-color:#2d50a1;
	padding: 5px;
	border: 1px solid #b9b9b9;
}

.tabel_1 td{
	padding: 5px;
	border: 1px solid #b9b9b9;
}

/*　テーブルデザイン2(資格関連)
-------------------------------------------------　*/
.tabel_2{
	margin:5px auto; 
	width:100%;
	border-collapse: collapse;
	font-size:70%;
}

.tabel_2 th{
	width:auto;
	text-align:left;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #b9b9b9;
}

.tabel_2 td{
	width:auto;
	text-align:center;
	padding: 5px;
	border: 1px solid #b9b9b9;
}

/*　テーブルデザイン3(経営理念)
-------------------------------------------------　*/
.tabel_3{
	margin:5px auto; 
	width:100%;
	border-collapse: collapse;
}

/*　テーブルデザイン4(設備)
-------------------------------------------------　*/
.tabel_4{
	margin:2px auto; 
	width:100%;
	border-collapse: collapse;
	font-size:65%;
}

.tabel_4 th{
	width:auto;
	text-align:center;
	background-color:#dddddd;
	padding: 2px;
	border: 1px solid #b9b9b9;
}

.tabel_4 td{
	padding: 3px;
	border: 1px solid #b9b9b9;
}

/*　テーブルデザイン5(ワークフロー)
-------------------------------------------------　*/
.tabel_5{
	margin:5px auto; 
	width:550px;
	border-collapse: collapse;
	font-size:80%;	
}

.tabel_5 th{
	width:80px;
	border: 1px solid #b9b9b9;
}
.tabel_5 td{
	padding:5px;
	border: 1px solid #b9b9b9;
}

.img_margin{
	margin: 10px 80px;
}

/*　テーブルデザイン6(求人)
-------------------------------------------------　*/
.tabel_6{
	margin:5px auto; 
	width:100%;
	border-collapse: collapse;
	font-size:70%;
}

.tabel_6 th{
	color:white;
	width:25%;
	text-align:center;
	background-color:#2d50a1;
	padding: 5px;
	border: 1px solid #b9b9b9;
}

.tabel_6 td{
	padding: 5px;
	border: 0px solid #b9b9b9;
	vertical-align:center
}

/*　テーブルデザイン(ＧｏｏｇｌｅMAP)
-------------------------------------------------　*/
iframe{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}

/*　経営理念デザイン
-------------------------------------------------　*/
.title-point{
	font-size:100%;
	font-weight:bolder;
	text-align:center;
	background-color:#2d50a1;
	width:100%;
	height: 20px;
	color:#ffffff;
	margin:auto;
	padding:10px 5px;
	border-radius:50px;
	box-shadow: 5px 5px 10px 0px #333333;
}
.ldea-point{
	font-size:70%;
	font-weight:bolder;
	margin-left:30px;
	color:#B4045F;
}
.contents-point{
	font-size:70%;
	margin-left:20px;
}
.note-point{
	font-size:60%;
	text-align:right;
}
/*　環境宣言デザイン
-------------------------------------------------　*/
.sengen{
	margin:auto;
}

.sengen0-point{			/*　環境宣言　*/
	font-size:70%;
	font-weight:bolder;
	text-align:center;
	text-decoration:underline;
}
.sengen1-point{			/*　基本理念　方針　*/
	font-size:70%;
	font-weight:bolder;
	text-align:center;
}
.sengen2-point{			/*　本文　*/
	font-size:70%;
	margin-left:20px;
}
.sengen3-point{			/*　制定日　改定日　*/
	font-size:70%;
	text-align:right;

}
.sengen4-point{			/*　会社名　代表名　*/
	font-size:70%;
	font-weight:bolder;
	text-align:right;
}	

/*　製品紹介デザイン
-------------------------------------------------　*/
.product-text1{
	font-size:80%;
	padding-left:20px;	
}
.product-text2{
	font-size:80%;
	font-weight: bold;
	list-style-type:none;
	padding-left:0px;	
	margin-right:0px;
	border-bottom:1px dashed #888888;
	line-height:1.6;
	color:#444444;
}
.product-text3{
	font-weight:bolder;	
}
.product-img{
	float:none;
	margin:0px 20px 0px 40px;
}
.product-txt{
	clear:both;
	text-align:left;
}

/*　設備写真
-------------------------------------------------　*/
.photo_img{
	width:100%;
	margin:30px auto;
	text-align:center;
}	
	
.photo_siz{
	width:30%;
	height:auto;
	margin:0px auto;
}

.photo_siz2{
	width:360px;
	height:auto;
	margin:0px auto;
}

/*　技術情報
-------------------------------------------------　*/

.text_center2{
	text-align:center;
	font-size:90%;
	line-height:18px;
	font-weight: normal;
	color:#2d50a1;
}

/*　技術情報(アイコンボタン)
-------------------------------------------------　*/
a.seikei_img1{
	background-image:url(https://www.kamimurass.com/images/technology_img/seikei_bt1.gif);
	display:inline-block;
	width:100px;
	height:100px;

	text-align:center;
	text-decoration:none;
	color:#3B170B;
	line-height:230px;
	font-size:80%;
}

.seikei_img1:hover{
	background-position:left bottom;
	color:#FF75C2;
}

a.seikei_img2{
	background-image:url(https://www.kamimurass.com/images/technology_img/ribu_bt1.gif);
	display:inline-block;
	width:100px;
	height:100px;

	text-align:center;
	text-decoration:none;
	color:#3B170B;
	line-height:230px;
	font-size:80%;
}

.seikei_img2:hover{
	background-position:left bottom;
	color:#FF75C2;
}

a.seikei_img3{
	background-image:url(https://www.kamimurass.com/images/technology_img/sibori_bt1.gif);
	display:inline-block;
	width:100px;
	height:100px;

	text-align:center;
	text-decoration:none;
	color:#3B170B;
	line-height:230px;
	font-size:80%;
}

.seikei_img3:hover{
	background-position:left bottom;
	color:#FF75C2;
}

a.seikei_img4{
	background-image:url(https://www.kamimurass.com/images/technology_img/kyokumen_bt1.gif);
	display:inline-block;
	width:100px;
	height:100px;

	text-align:center;
	text-decoration:none;
	color:#3B170B;
	line-height:230px;
	font-size:80%;
}

.seikei_img4:hover{
	background-position:left bottom;
	color:#FF75C2;
}

a.seikei_img5{
	background-image:url(https://www.kamimurass.com/images/technology_img/vr_bt1.gif);
	display:inline-block;
	width:100px;
	height:100px;

	text-align:center;
	text-decoration:none;
	color:#3B170B;
	line-height:230px;
	font-size:80%;
}

.seikei_img5:hover{
	background-position:left bottom;
	color:#FF75C2;
}


/*　技術情報(成形板金コンテンツ)
-------------------------------------------------　*/
.contents-img{					/*　挿絵を左寄せ　*/
	float:none;		
	margin:0px 10px 20px 40px;
}
.contents-line{					/*　テキストの位置と下線の設定　*/
	clear:both;
	text-align:left;
	margin-left:20px;	
	border-bottom:none;
}

.contents-txt{
	width:auto;
	height:auto;
	margin-left:auto;
	padding:10px 10px;	
	border:none;
	color:white;
	background-color:#2d50a1;
}

.ookiku-txt{					/*　テキストの強調　*/
	font-size:140%;
	color:#FF75C2;
	font-weight:bold;
}

.kasen-txt{						/*　テキストの下線　*/
	background: linear-gradient(transparent 70%, #ff99ab 70%);
}

/*　技術情報(バーチャル板金加工コンテンツ)
-------------------------------------------------　*/
.midasi-tex{
	font-size:100%;
	font-weight: bold;
	color:#ffffff;
	background-color:#2d50a1;
	border-radius:5px;
	padding:5px 20px;
	margin-left:20px;
	width:auto;
	height:20px;
}

.vb-line{					/*　テキストの位置と下線の設定　*/
	text-align:left;		
	border-bottom:1px dashed #2d50a1;
	margin-left:20px;
}

.vb-txt{					/*　テキスト枠のの設定　*/
	width:auto;
	height:auto;
	margin-left:20px;	
	padding:10px 20px 10px 20px;	
	border:2px dotted #2d50a1;
	background-color:#ffffe0;
}
.vb-img{
	margin-left:20px;
	width:96%;
	height:auto;
}

/*　お問い合わせ
-------------------------------------------------　*/
.contact_ch1{
	margin:20px 5px; 
}

.contact_ch2{
	margin:20px 40px 0px; 
}

.contact_ch3{
	margin:0px 5px 10px; 
	color:#FF66CC
}


.contact_nb1{
	font-size:150%;
	color:navy;	
}
.contact_nb2{
	font-size:75%;
	margin:0px 5px 10px;
	padding:15px;
	background-color:#dddddd;	
}

/*　フォーム
-------------------------------------------------　*/
form{
	margin:30px 15px 10px;
}
input{	
	display:block;
	width:100%;
		
}
textarea{
	display:block;
	width:100%;
	height:120px;			
}

button{	
	width:100%;
	padding:10px;
}

/*　サイトマップ
-------------------------------------------------　*/
.smap-li{
	list-style-type:none;
	padding-left:5px;
	font-size:80%;
	margin:15px 10px;
	border-bottom:1px dashed #888888;
}

/*　必須と任意表記
-------------------------------------------------　*/
.req{
	font-size:85%;
	color:#ffffff;
	background-color:#ff88ff;
	border-radius:1px;
	margin:0px 5px;
	padding: 0px 8px;
}
.any{
	font-size:85%;
	color:#ffffff;
	background-color:#88ccff;
	border-radius:1px;
	margin:0px 5px;
	padding: 0px 8px;
}

/*ここまで
-------------------------------------------------　*/

/*　共通
-------------------------------------------------　*/

.moji1{
	font-size:120%;
	font-weight: bold;
	color:#333333;
}

/*ここまで
-------------------------------------------------　*/