@charset "utf-8";
/*	
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
CSS作成ルール
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□

・作成者～最新更新者をファイルを触った場合必ず記載する。

・基本的には「div#要素名 div#子要素名」と記載するようにする。
　「.class」や「#id」などの直接書きは禁止。


*/

/*	
	//作成者：曽我
	//作成日：20160301
	//更新日：20160301
	//最新更新日時：20160301 11:51
	//最新更新者：曽我
*/
/*
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
変更記録
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
2016.03.01　基準CSS作成
*/
/*--------------------------------------------------------------------
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
共通項目
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□
--------------------------------------------------------------------*/	

@media screen and (min-width: 769px){
/*--------------------------------------------------------------------

ここからPC

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

	p {
		color:#6C6E70;
		margin:0px 10px 10px 10px;
		font-size:17px;
	}
	ul#recruit {
		width:100%;
		margin:10px 0 0 0;
	}
	ul#recruit li {
		width:308px;
		float:left;
		margin:0 0 10px 0;
		padding:10px;
		border:1px solid #808183;
	}
	ul#recruit li#right {
		float:right;
	}
	ul#recruit li#right:after{
		clear:both;
	}
	ul#recruit li h3 {
		color:#0077B1;
		font-size:27px;
		margin:0 0 15px 0;
	}
	ul#recruit li div#logo_waku {
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
	 text-align:center;
	}
	ul#recruit li table {
		margin:15px 0 0 0;
	}
	ul#recruit li table tr {
		
	}
	ul#recruit li table tr td {
		margin:0 0 0 10px;
		font-size:12px;
		padding:5px 0;
		border-bottom:1px dotted #808183;
	}
	ul#recruit li table tr td#icon {
		width:25%;
	}
	ul#recruit li table tr td#icon span#arrow {
		background:url(../img/recruit/arrow.png) no-repeat left center;;
		background-size:auto 12px;
		color:#0077B1;
		font-weight:bold;
		margin:0 0 0 5px;
		padding:5px 0 5px 10px;
	}
	ul#recruit li table tr td#pref {
		width:70%;
	}
	ul#recruit li div#bottom {
		margin:80px 0 0 0;
		text-align:center;
	}

}
@media screen and (max-width: 769px){
/*--------------------------------------------------------------------

ここからスマホ

--------------------------------------------------------------------*/
	h2 {
		margin:1em 0 0 0;
	}
	p {
		color:#6C6E70;
		margin:0px 10px 10px 10px;
		font-size:0.85em;
	}
	ul#recruit {
		width:100%;
		margin:10px 0 0 0;
	}
	ul#recruit li {
		width:47%;
		float:left;
		margin:0 0 1% 0;
		padding:1%;
		border:1px solid #808183;
	}
	ul#recruit li#right {
		float:right;
	}
	ul#recruit li#right:after{
		clear:both;
	}
	ul#recruit li h3 {
		color:#0077B1;
		font-size:1em;
		margin:0 0 15px 0;
	}
	ul#recruit li div#logo_waku {
    width: 100%;
    height: 6em;
    overflow: hidden;
    margin: 0 auto;
	 text-align:center;
	}
	ul#recruit li table {
		margin:0.5em 0 0 0;
		width:100%;
	}
	ul#recruit li table tr {
		
	}
	ul#recruit li table tr td {
		margin:0 0 0 10px;
		font-size:0.65em;
		padding:5px 0;
		border-bottom:1px dotted #808183;
	}
	ul#recruit li table tr td#icon {
		width:40%;
	}
	ul#recruit li table tr td#icon span#arrow {
		background:url(../img/recruit/arrow.png) no-repeat left center;;
		background-size:auto 10px;
		color:#0077B1;
		font-weight:bold;
		margin:0 0 0 5px;
		padding:5px 0 5px 8px;
	}
	ul#recruit li table tr td#pref {
		width:70%;
	}
	ul#recruit li div#bottom {
		margin:1em 0 0 0;
		text-align:center;
	}
}