@charset "UTF-8";

#main-inner .main-img::after{
  background: url(../images/job/job-main.jpg) no-repeat #000;
	background-size: 1500px;
	background-position: center;
}
#main-inner {
	background: url('../images/job/job_town.jpg') no-repeat #000;
	background-position: right bottom;
}
/*--------------------
　戦略とデザインに強いWeb制作会社
--------------------*/

.col1-1{
	display: table;
	margin-bottom: 60px;
}
.contents1-left{
	display: table-cell;
  /*margin-right: 9.811%;*/
	width: 50%;
	vertical-align: middle;
}
.contents1-left h2{
	margin-bottom:30px;
}
.contents1-left p{
	line-height:36px;
}

.contents1-right{
	display: table-cell;
	padding: 0 50px;
  width: 50%;
  vertical-align: middle;
}
.contents1-img{
	width:100%;
}



/*--------------------
　制作フロー
--------------------*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.flow-contents{
	border-top: 1px solid #626262;
	display: table;
	width: 100%;
}

.number{
	color:#313131;
	font-family: 'Electrolize', sans-serif;
	font-size:60px;
	font-weight: bold;
    vertical-align: middle;
}


@media screen and (min-width: 481px) {
	.number{
	display:table-cell;
	padding-left: 50px;
	width: 135px;
}
}



.flow-detail{
	margin:40px 0;
	width: 820px;
	display:table-cell;

}
.flow-detail h3{
	font-size:1.5rem;
	margin-bottom:18px;
	padding-top: 24px;
}




.flow-detail p{
	font-size:0.875rem;
	line-height:1.75rem;
	padding-bottom: 10px;
}
	.flow:last-child
	{border-bottom: 1px solid #626262;}






@media screen and (min-width: 481px) {

.menu_link a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-family: 'Electrolize', sans-serif;
    border: 1px solid #fff;
    width: 424px;
    height: 60px;
    line-height: 60px;
    /* padding: 20px 0 10px 33px; */
    text-shadow: 0 0 10px #42d4ba;
	padding-right: 30px;
    z-index: 2;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwwdjAuMlY0djFIMC4zdjE3aDIzdi01LjhoNC41VjRWMC4yVjBINHogTTIyLjMsMjFoLTIxVjZINHYxMC4yaDE4LjNWMjF6IE0yNywxNS4ySDVWNGgyMlYxNS4yeiIvPg0KPC9zdmc+DQo=')no-repeat 70% center;
	background-size: 20px 16px;


}
	.menu_link a:hover {
  border: 1px solid #42d4ba;
  color: #42d4ba;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDJENEJBO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwwdjAuMlY0djFIMC4zdjE3aDIzdi01LjhoNC41VjRWMC4yVjBINHogTTIyLjMsMjFoLTIxVjZINHYxMC4yaDE4LjNWMjF6IE0yNywxNS4ySDVWNGgyMlYxNS4yeiIvPg0KPC9zdmc+DQo=')no-repeat 70% center;
	background-size: 20px 16px;
}


}

/*　レスポンシブ対応
================================*/
@media screen and (max-width: 768px) {
/*iPad縦 / iPhone 7/6 Plus横*/
	body::before {
		background: url('../images/job/job_town.jpg') no-repeat;
		background-position: right 100%;
		background-size: 80% auto;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-bottom: 108px;
		content: "";
		z-index: -1;
	}
	#main-inner .main-img::after {
		background-position: center bottom;
	}
	#main-inner {
		background: none;
	}
	.col1-1 {
		display: flex;
	}
	
	.contents1-left{
		text-align: center;
    width: 100%;
		margin: 0 auto;
	}
	.contents1-right{
		text-align: center;
    width: 70%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 667px) {
/*iPhone 7/6横*/
}

@media screen and (max-width: 568px) {
/*iPhone 5/SE横*/
}

@media screen and (max-width: 480px) {
/*iPhone 7/6 Plus縦*/

	.col1-1 {
		display: flex;
	}

	.contents1-left,
	.contents1-right{
    width: 100%;
		padding: 0;
	}


	.flow-contents {
    display: block;
	}


	.number {
    text-align: center;
	margin-top: 20px;
	}

	.flow-detail h3{
	padding-top: 8px;
    text-align: center;
}




	.menu_link a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-family: 'Electrolize', sans-serif;
    border: 2px solid #fff;
    width: 94%;
    height: 60px;
    line-height: 60px;
    /* padding: 20px 0 10px 33px; */
    text-shadow: 0 0 10px #42d4ba;
    z-index: 2;
	padding-right: 30px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwwdjAuMlY0djFIMC4zdjE3aDIzdi01LjhoNC41VjRWMC4yVjBINHogTTIyLjMsMjFoLTIxVjZINHYxMC4yaDE4LjNWMjF6IE0yNywxNS4ySDVWNGgyMlYxNS4yeiIvPg0KPC9zdmc+DQo=')no-repeat 80% center;
	background-size: 20px 16px;

}
	.menu_link a:hover {
  border: 1px solid #42d4ba;
  color: #42d4ba;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDJENEJBO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwwdjAuMlY0djFIMC4zdjE3aDIzdi01LjhoNC41VjRWMC4yVjBINHogTTIyLjMsMjFoLTIxVjZINHYxMC4yaDE4LjNWMjF6IE0yNywxNS4ySDVWNGgyMlYxNS4yeiIvPg0KPC9zdmc+DQo=')no-repeat 80% center;
	background-size: 20px 16px;
}


}

@media screen and (max-width: 375px) {
/*iPhone 7/6縦*/
}

@media screen and (max-width: 320px) {
/*iPhone 5/SE/4以下縦*/
}