@charset "utf-8";

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

/*==================================================
stage
====================================================*/
#stage{
	margin-top: 30px;
}

section h1{
	background: url(../img/h2_title_bg.png) left top no-repeat;
	border-top: solid 1px #202590;
	border-bottom: solid 1px #202590;
	padding: 18px 15px 10px 15px;
}

section article h2{
	border-left: solid 5px #202590;
	padding-left: 10px;
}

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

section#company article{
	margin: 15px 15px 45px 15px;
	line-height: 1.5;
}

section#company #greeting p{
	margin-top: 15px;
}

section#company #greeting p.name{
	text-align: right;
}

section#company #outline dl{
	margin-top: 15px;
}

section#company #outline dl dt.koumoku{
	background-color: #d5e2f8;
	padding: 5px;
	border-bottom: dotted 1px #202590;
}

section#company #outline dl dd{
	padding: 5px 5px 5px 15px;
}

section#company #outline dl dd dl dt{
	background-color: #efefef;
	padding: 5px;
}

section#company #outline dl dd ul{
	margin-left: 15px;
}

section#company #outline dl dd .hosoku{
	text-align: right;
}

section#company #outline p.office{
	margin-top: 15px;
	text-align: center;
}

section#company #outline p.office img{
	width: 100%;
	max-width: 675px;	
}

section#company #history dl{
	margin-top: 15px;
}

section#company #history dl dt{
	background-color: #d5e2f8;
	padding: 5px;
	border-bottom: dotted 1px #202590;	
}

section#company #history dl dd{
	padding: 5px 5px 5px 15px;
}

section#company #map p{
	margin: 15px 0;
}

section#company #map div{
	width: 90%;
	margin: 0 auto;
}

section#company #map div iframe{
	width: 100%;
}

/*==================================================
news
====================================================*/

section#news article{
	margin: 15px 15px 45px 15px;
	line-height: 1.5;
}

section#news article h2{
	margin-bottom: 15px;
}

section#news article div{
	margin-left: 15px;
	padding: 15px;
	background-color: #efefef;
}


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

section#recruit .info{
	margin: 15px 15px 30px 15px;
	line-height: 1.5;
}

section#recruit .info dt{
	font-weight: bold;
	background-color: #d5e2f8;
	padding: 5px;
}

section#recruit .info dd{
	margin-top: 15px;
	padding: 0 15px 15px 15px;
}

section#recruit .youkou{
	background-color: #d5e2f8;
	padding-bottom: 15px;
}

section#recruit .youkou p{
	line-height: 1.5;
	padding: 15px;
}

section#recruit .youkou .job_link{
	line-height: 1.5;
	margin-left: 35px;
}

section#recruit article{
	margin: 15px 15px 45px 15px;
	line-height: 1.5;
	background-color: #ffffff;
	padding: 15px;
}

section#recruit article dl{
	margin-top: 15px;
}

section#recruit article dl dt{
	background-color: #efefef;
	padding: 5px;
}

section#recruit article dl dd{
	margin-top: 15px;
	margin-left: 15px;
}

section#recruit article dl dd ul li{
	margin-left: 25px;
}

section#recruit p.office{
	margin: 0 15px;
	text-align: center;
}

section#recruit p.office img{
	width: 100%;
	max-width: 675px;	
}


/*==================================================
contact
====================================================*/
section#contact article{
	margin: 15px 15px 45px 15px;
	line-height: 1.5;
}

section#contact #toitelfax .toiinfo{
	margin-top: 15px;
}

section#contact #toitelfax .toitel{
	margin: 15px 0;
	background-color: #d5e2f8;
	padding: 15px;
	border: double 3px #202590;
}

section#contact #toitelfax .toitel .telnum span{
	font-size: 20px;
	font-weight: bold;
}

section#contact #toitelfax .toitel .telnum span a{
	color: #202590;
}

section#contact #toitelfax .toifax{
	background-color: #d5e2f8;
	padding: 15px;
	border: double 3px #202590;
}

section#contact #mform .toiinfo2{
	margin-top: 15px;
}

section#contact #mform dl{
	margin-top: 15px;
}

section#contact #mform dl dt{
	background-color: #d5e2f8;
	padding: 5px;
	border-bottom: dotted 1px #202590;
}

section#contact #mform dl dd{
	padding: 5px 5px 5px 15px;
}

section#contact #mform dl dd .txbx{
	width: 96%;
}

section#contact #mform dl dd textarea{
	width: 96%;
}

section#contact #mform .sumtbut{
	background-color: #202590;
	padding: 5px;
	text-align: center;
}

/*==================================================
policy
====================================================*/
section#policy article{
	margin: 15px 15px 45px 15px;
	line-height: 1.5;
}

section#policy article{
	line-height: 1.5;
}

section#policy article p{
	margin-top: 15px;
}

section#policy article ol{
	margin: 30px 0;
}

section#policy article ol li{
	margin: 0 0 15px 25px;
}

section#policy article ul li{
	margin: 15px 0 0 25px;
}

section#policy article p.name{
	text-align: right;
}


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

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/* company */
	
	section#company #outline dl{
		background-color: #d5e2f8;
		margin-top: 0;
		border-right: solid 1px #202590;
		border-left: solid 1px #202590;
		border-bottom: solid 1px #202590;
	}
	
	section#company #outline dl dd dl{
		border-right: none;
		border-left: none;
		border-bottom: none;
	}
	
	section#company #outline dl.fast{
		margin-top: 15px;
		border-top: solid 1px #202590;
	}
	
	section#company #outline dl dt.koumoku{
		width: 30%;
		float: left;
		border-bottom: none;
	}
	
	section#company #outline dl dd.naiyou{
		width: 63%;
		float: right;
		background-color: #ffffff;
	}
	
	section#company #outline dl dd.naiyou dl dd{
		background-color: #ffffff;
	}
	
	section#company #history dl{
		background-color: #d5e2f8;
		margin-top: 0;
		border-right: solid 1px #202590;
		border-left: solid 1px #202590;
		border-bottom: solid 1px #202590;
	}
	
	section#company #history dl.fast{
		margin-top: 15px;
		border-top: solid 1px #202590;		
	}
	
	section#company #history dl dt{
		width: 30%;
		float: left;
		border-bottom: none;		
	}
	
	section#company #history dl dd{
		width: 63%;
		float: right;
		background-color: #ffffff;
	}
	
	/* recruit */
	section#recruit article dl{
		background-color: #efefef;
		border: solid 1px #cccccc;
	}
	
	section#recruit article dl dt{
		width: 30%;
		float: left;
	}
	
	section#recruit article dl dd{
		width: 63%;
		float: right;
		margin: 0;
		padding: 5px;
		background-color: #ffffff;
	}
	
	/* contact */
	section#contact #mform dl{
		background-color: #d5e2f8;
		margin-top: 0;
		border-right: solid 1px #202590;
		border-left: solid 1px #202590;
		border-bottom: solid 1px #202590;
	}

	section#contact #mform dl.fast{
		border-top: solid 1px #202590;
	}	
	
	section#contact #mform dl dt{
		width: 30%;
		float: left;
		border-bottom: none;
	}
	
	section#contact #mform dl dd{
		width: 63%;
		float: right;
		background-color: #ffffff;
	}
	
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px){
	
	/* company */
	section#company #map div{
		width: 100%;
	}
}