@charset "utf-8";

/* 大画面 1200px以上 ----------- */
@media only screen and (max-width:1200px){
	

	table{
		max-width: 940px;
	}
	
	#header_in{
		width: 1000px;
		background-image: none;
		}
	.gmenu ul{
		width: 1000px;
		
		}
	iframe{
		width: 740px !important;
	}
	.toppage iframe{
		width: 240px !important;
	}
	.rowunit_1{
		width: 1000px;
	}
 	#unit_a{
		width: 740px !important;
		}
	#unit_a img{
		max-width: 740px;
		height: auto;
		}
	#unit_a table{
	
	}
	#contents_0 img{
		max-width: 740px;
		height: auto !important;
	}
	.gopagetop p{
		width: 840px;
	}
	
	#footer_in{
		width: 1000px;
		float: none;
		}
	.top_main img{
		width: 740px !important;
		height: auto !important;
		}
	.toppage #unit_a_3{
		width: 740px !important;
	}
	.toppage #unit_a_3 table{
		width: 740px !important;
	}
	
	#unit_a_1{
		width: 310px;
	}
	#soshiki_area h2{
		width:288px;
	}
	#soshiki_area li a{
		width:75px;
		height:98px;
	}
	#unit_a_2{
		width: 410px;
	}
	#pickup_area h2{
		margin-left:5px;
	}
	#pickup_area ul{
		width:410px;
		margin-left:0px;
	}
	#pickup_area ul li{
		margin-left:5px;
	}
	#pickup_area ul li a{
		display: block;
		width:184px;
		background-image: url('../img/all_img/org/top_bnr_pickup01_tab.png');
	}
	#pickup_area ul li a:hover{
		background-image: url('../img/all_img/org/top_bnr_pickup01_tab_on.png');
	}




	#top_other_area h2{
		width:212px !important;
	}
	#top_other_area td{
	width:228px !important;

}
	#news_topics .news_topics_1 dl,
	#news_topics .news_topics_2 dl{
	
		width: 710px;
	}
	#news_topics dl dd,
	#sub_news_topics dl dd{
			/* margin: 0px 0 0 0; */
			/* margin: 8px 0 0 0; */
			width: 560px !important;
			/* padding-top: 0px; */
			} 
			
	#sub_news_topics dl dd{
			width: 560px !important;
	}
	/* 採用情報 */
#contents_0 p video{
	width:740px;
	height:auto;
}
.pro_tbl{
	
	width: 80%;

}


		

}


/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){
	
	/*タブレット以下では表示しない*/
	.pc{
		display: none;
	}
	
	/*タブレットのみ表示する*/
	.tab{
		display: block;
	}
	
	body{
		}
	address{
		font-size: 90%;
	}

	table{
		max-width: 700px;
	}
	th img,
	td img{
		/*width: 100%;
		height: auto;*/
	}
	iframe{
		width: 440px !important;
	}
	.toppage iframe{
		width: 240px !important;
	}
	
	#header{
		background-image: none;
		}
	#header_in{
		width: 700px;

		}
	
	#header #hcontents{
		width: 700px;
		padding: 0;
		clear: both;
		/* background-color: #ffffcc; */
	}
	
	#header #hcontents .header_tool{
		width:460px;
		/* background-color: #ffff00; */
		
	}
		
		
	.search{
		width: 440px;
		padding-left: 0px;
		}

	.search input[type="submit"]{
		width: 70px;
		}
		
	.gmenu{
		margin:70px 0 0;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		/* background-color:#996600; */
	}
	.gmenu ul{
		width: 700px;
		/* font-size:90%; */
		
		}
	.gmenu ul li a{
		margin-bottom: 2px;
		}
	.gmenu ul li a span{
		padding: 10px 11px 0;
		}
		
	#wrap{
		
		}
#pankuzu{
	/* margin-bottom: 20px; */
	width:460px;
/* 	background-color: #99ff66; */
	clear:both;
	
}
	.rowunit_1{
		width: 700px;
		padding-top: 15px;
	}
	#unit_a{
		width: 700px !important;
		/* float: left; */
		margin-bottom: 20px;
		}
	#unit_a img{
		max-width: 440px;
		height: auto !important;
		}
	#unit_a table{
		width: 440px;
		}
	#unit_b{
		/* width: 240px;
		float: right; */
		}





	.gopagetop p{
		width: 640px;
	}
	
	#footer_in{
		width: 700px;
		float: none;
		}

.fmenu ul{
	margin: 0px 0 10px 0;
}
	/*トップページ*/
	.top_main{
		margin-bottom: 20px !important;
	}
	
	.top_main img{
		width: 440px;
		height: auto;
		}

	.toppage #unit_b{
		/* width: 240px;
		float: right; */
		}
	.toppage #unit_a_3{
		width: 440px;
	}
	.toppage #unit_a_3 table td{
		display:block;
		width: 440px;
	}


#unit_a_1,
#unit_a_2,
#unit_a_3{
	width: 440px !important;
}
#soshiki_area li a{
	width:108px !important;
	height:94px;
}
#pickup_area ul{
	width:440px !important;
	margin-left:0px !important;
}
#pickup_area ul li{
	margin-left:10px !important;
}

	#pickup_area h2{
		/* margin-left:0px !important; */
	}
	



#top_other_area h2{
	width:417px;
}

#news_topics .news_topics_1 dl,
#news_topics .news_topics_2 dl{

	width: 410px;
}
#news_topics dl dd,
#sub_news_topics dl dd{
		margin: 0px 0 0 0;
		width: 400px !important;
		padding-top: 0px;
		} 
		
#sub_news_topics dl dd{
		width: 400px !important;
}


	
	/*メールフォーム*/
	.mail_form .form_label{
		width: 137px;
		}
	.mail_form .form_input{
		width: 300px;
		}
	.mail_form .form_input textarea{
		width: 290px;
		}
	.mail_form .form_button input{
		margin: 0 0 10px 150px;
		}

/* 採用情報 */
#contents_0 p video{
	width:440px;
	height:auto;
}
.rec_menu{
	width: 440px;
	margin-left:35px;
}
.rec_menu li a{
	/* width:108px !important; */
}

.banner_1{
	clear: both;	
}

}

/* スマホ-----------w300 */
@media only screen and (max-width:700px){

	/*スマホでは表示しない*/
	.rss,
	.pc,
	.tab,
	.pc_tab,
	.fmenu{
		display: none;
	}
	
	/*スマホのみ表示する*/
	.sp{
		display: block;
	}
	

	/*画像リンクにアルファ*/
	a:hover img{
		filter: Alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
	body{
		font-size: 82%;
		}
	h1,h2,h3,h4,h5,h6{
		font-size: 105%;
		width: 280px;
		}
	h1{
		width:285px;
	}
	#unit_a table{
		width: 300px;
		}

	table{
		max-width: 300px;
	}
	th,td{
		display: block;
		width: 290px !important;
		}
	iframe{
		/* width: 300px !important; */
		/* height: 400px !important; */
		}
	.toppage iframe{
		/* width: 300px !important;
		height: 200px !important; */
		}
	#bg{
	/* 	padding-top: 0;
		margin-bottom: 50px; */
		}
	#unit_a img{
		display: block;
		}
		
	#unit_a td img{
		max-width: 290px !important;
		height:auto;
	}
	
	#unit_a p{
		clear: both;
		}
	#header{
		width: 300px;
		margin: 0 auto;
		background-image: none;
		padding: 5px 0 0 0;
		}
	#header_in{
		width: 300px;
		}

	#header #siteid{
		width: 300px;
		}
	#header #siteid h1,
	#header #siteid p a{
		width: 300px;
		height: 70px;
		background-size: 300px auto;
		background-position: center center;
		margin: 0;
		}
	#header #emer_area{
		/* float: none;
		clear: both;
		width: 300px;
		padding: 0;
		min-height: 0;
		height: auto;
		margin: 0;
		text-align: center; */
		}
	#header #hcontents{
		width: 300px;
		padding: 0;
		}
	#header #hcontents .header_tool{
		width: 300px;
	}
	
	.useset{
		display: none;
		}
	.search{
		width: 300px;
		padding: 0;
		text-align: center;
		font-size: 120%;
		margin-bottom: 10px;
		}
	.search span{
		display: none;
		}
	.search input[type="text"]{
			width: 180px;
			}
	.search input[type="submit"]{
		width: 80px;
		}
	
	#sp_menu{
		/* background-color: #ff6699; */
	}
	#sp_menu h2{
		margin-top: 0px;
		margin-bottom:0;
		border-radius:4px 4px 0 0;/* CSS3草案 */
		-webkit-border-radius:4px 4px 0 0;/* Safari,Google Chrome用 */
		-moz-border-radius:4px 4px 0 0;/* Firefox用 */
		background-color:#6198C2;
		color: #fff;
		text-align:center;
	}
	
	
	.manu_2,
	.gmenu{
		
		margin:0;
		padding:0;
		clear: both;
		border:none;
	}


	.gmenu ul,
	.menu_2{
		width: 298px;
		height: auto;
		border: 1px solid #cccccc;
		/* padding: 3px; */
		border-radius:0px 0px 5px 5px;/* CSS3草案 */
		-webkit-border-radius:0px 0px 5px 5px;/* Safari,Google Chrome用 */
		-moz-border-radius:0px 0px 5px 5px;/* Firefox用 */
		margin-bottom:10px;
		background-image: none;
		float: none;
	/* 	background-color: #ccff99; */
		/* padding-bottom:15px; */
		}
	/* .menu_2 h2{
		background-color: #eeeeee !important;
		width:279px;
		
	}
	.gmenu h2{
		background-color:#25384d !important;
		color:#ffffff ;
	} */
	
	
	.gmenu ul li,
	.menu_2 ul il{
		clear: both;
		display: block;
		float: none;
		background-image: none;
		border-top: 1px solid #bbbbbb;
		/* padding: 10px 0 0 20px; */
		}
	


	.gmenu ul li:first-child{
		border: none;
		}
	.gmenu ul li a,
	.gmenu ul .sel a,
	.gmenu ul li:first-child a,
	.menu_2 p a,
	.menu_2 ul li a{
		clear: both;
		float: none;
		width: 262px;
		margin: 0;
		padding: 8px 20px 8px 10px;
		background: none;
		
		background-repeat: no-repeat;
		background-position: 10px center;
		border: none;
		text-align: left;
		font-size: 100%;
		color: #444444;
		font-weight:normal;
		}
	.menu_2 p a{
		width: 268px;
		border-radius:0px;/* CSS3草案 */
		-webkit-border-radius:0px;/* Safari,Google Chrome用 */
		-moz-border-radius:0px;/* Firefox用 */
		font-weight: bold;

	}
	.menu_2 p{
		background-color: #cae0e0;
		width: 298px;
		border-bottom: 1px dotted #486E95;
	}
		.menu_2 ul li a{
			width: 252px;
			padding-left: 20px;
			background-image: url("../img/all_img/org/s_menu_list.gif");
			border-top: 1px solid #bbbbbb;
			border-radius:0px;/* CSS3草案 */
			-webkit-border-radius:0px;/* Safari,Google Chrome用 */
			-moz-border-radius:0px;/* Firefox用 */
			margin:0px 0 0 3px;
			
		}
		.menu_2 ul li:first-child a{
			border: none !important;
		}
	.gmenu ul li a{
		display: block;
		width: 268px;
		height:25px;
		/* padding:5px 0 10px 0; */
		/* margin:0; */
	
	}
	
	
	.gmenu ul li a:hover{
		color: #ff0000;
		background-color: #ffffcc;
		}
	.gmenu ul li a span{
		/* display: inline; */
		background: none;
		}
	.gmenu ul li a .m_0,
	.gmenu ul li a .m_1,
	.gmenu ul li a .m_2,
	.gmenu ul li a .m_3,
	.gmenu ul li a .m_4,
	.gmenu ul li a .m_5,
	.gmenu ul li a .m_6{
		background: none;
		color: #003399;
		font-weight: bold;
		padding: 5px 0 5px;
		/* height: 30px; */
		}
	.gmenu ul li a:hover .m_0,.gmenu ul li.sel a .m_0,
	.gmenu ul li a:hover .m_1,.gmenu ul li.sel a .m_1,
	.gmenu ul li a:hover .m_2,.gmenu ul li.sel a .m_2,
	.gmenu ul li a:hover .m_3,.gmenu ul li.sel a .m_3,
	.gmenu ul li a:hover .m_4,.gmenu ul li.sel a .m_4,
	.gmenu ul li a:hover .m_5,.gmenu ul li.sel a .m_5,
	.gmenu ul li a:hover .m_6,.gmenu ul li.sel a .m_6{
		background: none;
		color: #ff0000;
		padding-bottom:0px;
		
		}
	.gmenu ul li.sel a span{
		background: none;
		}
	
	
	.menu_2 ul li a:hover,
	.menu_2 ul .sel a{

		color: #ff0000;
		background-color: #ffffcc;
		background-image: url('../img/all_img/org/s_menu_list_on.gif');
	}
	.menu_2 p a:hover{
		background-image:none;
		background-color: #ffffcc;
		color: #ff0000;
	}
.gmenu ul li a span{
	border-bottom: none;

}
.gmenu ul li a:hover span,
.gmenu ul .sel a span{
	background-image: none;
	
}

	
	
	#wrap{
		/* width: 300px;
		padding: 0; */
		}
	
	.rowunit_1{
		width: 300px !important;
		padding-top: 20px;
	/* 	background-color: #ffeeff; */
	}
#pankuzu{
	/* margin-bottom: 20px; */
	width:300px;
/* 	background-color: #99ff66; */
	clear:both;
	
}



#contents_0{
	clear:both;
}
	
	
	#unit_a,
	.toppage #unit_a,
	#unit_b,
	.toppage #unit_b{
		float: none;
		width: 300px !important;
		padding: 0;
		margin: 0 auto;
		}
		
	.toppage #unit_a img,
	#unit_a img{
		max-width: 300px !important;
		height: auto !important;
	}

	
	#unit_b .banner_2,
	#unit_b .banner_3{
		width:240px;
		margin:0 auto;
	}
	
	
	
	
	.menu_3{
		display: none;
	}
	
	.gopagetop p{
		width: 160px;
		margin-bottom: 40px;
	}
	
	#footer{
		/* background: none;
		width: 280px;
		border-top: 1px solid #333333; */
		display:none;
	}
	#footer_in{
		width: 280px;
		font-size: 100%;
	}
	#copy{
		font-size: 60%;
	}
	
	.top_main{
		
	}
	.top_main img{
		max-width: 300px !important;
		height: auto !important;
		
	}
	
	.toppage #unit_a{
		width: 300px;
	}
	
	.toppage #unit_a .contents_1,
	.toppage #unit_a .banner_2{
		width: 300px;
		text-align: center;
	}
	.toppage #unit_a .banner_2 p{
		width:220px;
		margin:0 auto 15px;
	}
	.toppage #unit_a .contents_1,
	.toppage #unit_a .banner_1,
	.toppage #unit_a .banner_2 {
		float:none;
	}

/* ニュース_トピックス */

	#news_topics{
		width: 300px;
	}
	#news_topics .news_topics_1,
	#news_topics .news_topics_2{
		width: 268px !important;
	}
#news_topics .news_topics_1 dl,
#news_topics .news_topics_2 dl{

	width: 268px !important;
}

#news_topics dl dd,
#sub_news_topics dl dd,
#sub_news_topics dl dd{
		width: 240px !important;
		padding-left: 20px;
		} 


	
	#news_topics dl,
	#news_topics div{
		height: auto;
		
	}


.rss{
	display: none;
}

#news_topics .ichiran img{
	display:none;
}

/* 組織別一覧 */
#soshiki_area{
	
}
#soshiki_area h2{
	/* margin:0; */
	/* padding:0; */
	width: 280px;
	/* text-align: left; */
}

#soshiki_area li a{
	width:98px !important;
	padding-bottom: 10px;
}
#soshiki_area li a img{
	margin-left: 24px;
}
.toppage #unit_a_1,
.toppage #unit_a_2,
.toppage #unit_a_3{
	width: 300px !important;
}

#unit_a_2{
	width: 300px;
	float:none;
	margin-bottom:20px;

	/* background-color: #ff99ff; */
}

.toppage #unit_a_3 table{
	width: 300px !important;
}

#pickup_area h2{
	text-align: center;
}
#pickup_area ul{
	width:300px !important;
}
#pickup_area ul li{
	margin-left:50px !important;
}
#pickup_area ul li a{
	width:204px;
	padding: 14px 0 0 14px;
	background-image: url('../img/all_img/org/top_bnr_pickup01.png');
	
}
#pickup_area ul li a:hover{
	background-image: url('../img/all_img/org/top_bnr_pickup01_on.png');
}

#top_other_area h2{
	width:280px !important;
	text-align: center;
}

#top_other_area td{
	width:280px !important;

}


	.toppage #unit_b_2{
		width: 300px;
		float: none;
	}
	
	.mail_form{
		border: 1px solid #cccccc;
		padding: 4px;
	}
	.mail_form .form_label,
	.mail_form .form_input{
		float: none;
		margin: 0;
		padding: 3px;
		width: 284px;
		border: none;
		}
	.mail_form .form_label{
		border-top: 1px solid #cccccc;
		background-color: #eeeeee;
	}
	.mail_form .form_input input[type=text]{
		width: 274px;
	}
	.mail_form .form_input textarea{
		width: 274px;
	}
	.mail_form .form_button input{
		margin: 0 0 10px 67px;
	}
	
	#spm{
		width: 100%;
		background-color: #6198c2;
		position: fixed;
		bottom: 0;
		z-index: 20;
	}
	#spm ul{
		width: 300px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	#spm ul li{
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
	}
	#spm ul li a{
		display: block;
		width: 100px;
		height: 50px;
		margin: 0;
		padding: 0;
		float: left;
		text-indent: -55555em;
		background-repeat: no-repeat; 
	}
	#spm ul li.spm_home a{
		background-image: url("../img/all_img/org/spm_home.png");
	}
	#spm ul li.spm_menu a{
		background-image: url("../img/all_img/org/spm_menu.png");
	}
	#spm ul li.spm_sitemap a{
		background-image: url("../img/all_img/org/spm_sitemap.png");
	}

#top_bousai_area{
	width: 300px;
}
#top_bousai_area h3{
	padding:0 0 5px 22px;
}

/* 採用情報 */
#contents_0 p video{
	width:300px;
	height:auto;
}
.rec_menu{
	width: 300px;
}
.rec_menu li a img{
	margin-top: 12px;
	margin-bottom:0px;
	text-align: center;
}


.pro_tbl{
margin-left:85px;

}

.banner_1{
	width: 294px !important;	
}

#shinsei{
	width:160px; 
}
a,a img {
	transition: .3s ease-in-out;
	opacity: 1;
}


}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}