@charset "utf-8";
/*
Theme Name: 採用サイト 数字で見る3eee ｜3eee Group
Theme URI: http://work.3eee.co.jp/
Description: 3eeeグループで働こう！｜高齢者の介護や、福祉の仕事は3eeeで！
Author: 3eee
Version: 1.0
License: 3eee
License URI: license.txt
Tags: 
*/

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

}



/*　タブレット
----------------------------------------*/
@media screen and (min-width: 479px) and (max-width: 1200px) {
/*-----------  hero  -------------*/

	/* -------- main-copy -------- */
	.main-copy {
		height: 140px;
	}

	.main-copy h2{
		color: #9B940A;
		font-size: 38pt;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		letter-spacing: .2em;
		margin: 50px 0 0;
	}

	/* -------- canvas -------- */
	canvas{
		position: relative/*absolute*/;
		bottom: 100px;
		left:0;
		width: 100%;
	}

	.spn {
		display: none;
	}

	.company_area {
		width: 700px;
		margin: 0 auto;
		padding-top: 50px;
	}

	.company_area img {
		width: 700px;
		text-align: center;
	}

	.company_area dl {
		width: 700px;
		margin: 0 auto 80px;
		display: flex;
		flex-wrap: wrap;
	}

	.company_area dl dt{
		width: 120px;
		text-align: right;
		border-bottom: solid #9B940A 2px;
		padding: 10px 0;
	}

	.company_area dl dd{
		width: 580px;
		border-bottom: solid #9B940A 2px;
		padding: 10px 0 10px 30px;
		margin: 0;
	}

	.company_area dl dd ul {
		list-style: none;
		margin: 0 0 0 -40px;
	}

	.company_area dl dd p {
		margin-top: 0;
	}

	.company_area dl dd a::after {
		margin: 0 0 0 0.5em;
		font-family: FontAwesome !important;
		vertical-align: middle;
		content: '\f08e';
	}

}




/*　PC
----------------------------------------*/
@media screen and (min-width: 1200px) {
/*-----------  hero  -------------*/

	/* -------- main-copy -------- */
	.main-copy {
		height: 140px;
	}

	.main-copy h2{
		color: #9B940A;
		font-size: 38pt;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		letter-spacing: .2em;
		margin: 50px 0 0;
	}

	/* -------- canvas -------- */
	canvas{
		position: relative/*absolute*/;
		bottom: 100px;
		left:0;
		width: 100%;
	}

	.spn {
		display: none;
	}

	.company_area {
		width: 960px;
		margin: 0 auto;
		padding-top: 50px;
	}

	.company_area img {
		width: 960px;
		text-align: center;
	}

	.company_area dl {
		width: 960px;
		margin: 0 auto 80px;
		display: flex;
		flex-wrap: wrap;
	}

	.company_area dl dt{
		width: 120px;
		text-align: right;
		border-bottom: solid #9B940A 2px;
		padding: 10px 0;
	}

	.company_area dl dd{
		width: 840px;
		border-bottom: solid #9B940A 2px;
		padding: 10px 0 10px 30px;
		margin: 0;
	}

	.company_area dl dd ul {
		list-style: none;
		margin: 0 0 0 -40px;
	}

	.company_area dl dd p {
		margin-top: 0;
	}

	.company_area dl dd a::after {
		margin: 0 0 0 0.5em;
		font-family: FontAwesome !important;
		vertical-align: middle;
		content: '\f08e';
	}
}