@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
contents
====================================================*/

section.contents{
	margin-top: 15px;
}

.contents h1.pc{
	display: none;
}

.contents h1.mb{
	background: url(../img/h2_bg2.png) left top no-repeat;
	padding-left: 30px;
	line-height: 2.8;
	border-top: solid 2px #052f79;
	border-bottom: solid 1px #052f79;
	margin-bottom: 15px;
}

.contents article h2{
	background-color: #f3f7ff;
	padding: 5px;
	margin-bottom: 15px;
}

.contents article{
	margin: 0 15px 60px 15px;
	line-height: 1.5;
}

/*==================================================
company
====================================================*/

#company article #greeting p.name{
	margin-top: 15px;
	text-align: right;
}

#company #outline dt{
	background-color: #efefef;
	padding: 5px;
	border: dotted 1px #cccccc;
}

#company #outline dd{
	padding: 5px 5px 15px 5px;
	border-bottom: double 3px #cccccc;
	margin-bottom: 15px;
}

#company #map p{
	margin-bottom: 15px;
}

#company #map #mapbx{
	margin: 20px;
}

#company #map #mapbx iframe{
	width: 100%;
}


/*==================================================
career
====================================================*/

#career #history dt{
	background-color: #efefef;
	padding: 5px;
	border: dotted 1px #cccccc;
}

#career #history dd{
	padding: 5px 5px 15px 5px;
	border-bottom: double 3px #cccccc;
	margin-bottom: 15px;
}

/*==================================================
recruit
====================================================*/

#recruit #recruitbx p{
	margin-bottom: 15px;
}

#recruit #recruitbx dt{
	background-color: #efefef;
	padding: 5px;
	border: dotted 1px #cccccc;
}

#recruit #recruitbx dd{
	padding: 5px 5px 15px 5px;
	border-bottom: double 3px #cccccc;
	margin-bottom: 15px;
}

/*==================================================
news
====================================================*/
#news article div{
	margin-left: 15px;
	margin-right: 15px;
}

/*==================================================
contact
====================================================*/
#contact .forpc{
	display: none;
}

#contact .formb{
	margin: 15px;
	line-height: 1.5;
}

#contact .formb p{
	margin-top: 15px;
}

#contact .formb p.tel{
	font-weight: bold;
	font-size: 18px;
}

#contact .formb p.telimg{
	text-align: center;
}

#contact .formb p.telimg img{
	width: 100%;
	max-width: 574px;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～1240px */
@media only screen and (min-width: 769px){
	
	/* contents */
	.contents h1.mb{
		display: none;
	}
	
	.contents h1.pc{
		display: block;
		margin-bottom: 15px;
	}
	
	.contents h1.pc img{
		width: 100%;
	}
	
	/* company */
	#company #outline dl{
		background-color: #efefef;
		border-top: dotted 1px #cccccc;
		border-left: dotted 1px #cccccc;
		border-right: dotted 1px #cccccc;
	}
	
	#company #outline dl.last{
		border-bottom: dotted 1px #cccccc;
	}
	
	#company #outline dl dt{
		width: 30%;
		float: left;
		border: none;
	}
	
	#company #outline dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 5px;
	}

	/* career */
	
	#career #history dl{
		background-color: #efefef;
		border-top: dotted 1px #cccccc;
		border-left: dotted 1px #cccccc;
		border-right: dotted 1px #cccccc;
	}
	
	#career #history dl.last{
		border-bottom: dotted 1px #cccccc;
	}
	
	#career #history dl dt{
		width: 30%;
		float: left;
		border: none;
	}
	
	#career #history dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 5px;
	}
	
	/* recruit */
	
	#recruit #recruitbx dl{
		background-color: #efefef;
		border-top: dotted 1px #cccccc;
		border-left: dotted 1px #cccccc;
		border-right: dotted 1px #cccccc;
	}
	
	#recruit #recruitbx dl.last{
		border-bottom: dotted 1px #cccccc;
	}
	
	#recruit #recruitbx dl dt{
		width: 30%;
		float: left;
		border: none;
	}
	
	#recruit #recruitbx dl dd{
		width: 65%;
		float: right;
		background-color: #ffffff;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 5px;
	}
	
	/* contact */
	
	#contact .formb{
		display: none;
	}
	
	#contact .forpc{
		display: block;
		background: url(../img/contact/contact_mb.png) right top no-repeat;
		height: 600px;
	}
	
	#contact .forpc p{
		padding: 20px 0 0 20px;
	}
	
	
	

	
}

/*仕上がり1200px
/* PC向けレイアウトの指定：1241px以上では固定レイアウト */
@media only screen and (min-width: 1241px){
	
	/* contents */
	section.contents{
		width: 1200px;
		margin: 15px auto 15px auto;
		border: double 3px #052f79;
	}
	
	/* company */
	
	#company article #greeting{
		padding: 20px 460px 20px 20px;
		background: url(../img/co/greeting_bg.png) right top no-repeat;
	}
	
	#company #outline #outlinebx{
		padding-left: 400px;
		background: url(../img/co/outline_bg.png) left top no-repeat;
	}
	
	/* career */
	
	#career #history{
		padding-right: 320px;
		background: url(../img/career/history_bg.png) right bottom no-repeat;
	}
	
	/* recruit */
	
	#recruit #recruitbx{
		padding-left: 415px;
		background: url(../img/recruit/recruit_bg.png) left bottom no-repeat;
	}

	/* news */
	#news #newsbx{
		padding-right: 500px;
		background: url(../img/news/news_bg.png) right top no-repeat;
	}
	
	/* contact */
	#contact .forpc p{
		padding: 60px 0 0 60px;
	}
	
}