@charset "utf-8";
/*
Theme Name: 採用サイト MESSAGE ｜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: #f15a24;
		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%;
	}

	.message_area {
		width: 700px;
		margin: 0 auto;
	}

	.message_area .inner {
		display: flex;
		margin: 50px 0;
	}

	.message_area p {
		font-size: 14px;
		line-height: 1.8em;
	}

	.message_area p .red {
		font-size: 18pt;
		font-weight: bold;
		color: #f15a24;
		line-height: 1.8em;
	}

	.message_area p .red-wrap {
		background-color: #f15a24;
		color: #fff;
		font-size: 18pt;
		padding: 0.5em;
		line-height: 2em;
		font-weight: bold;
	}

	.message_area p .black {
		font-size: 16pt;
		font-weight: bold;
		line-height: 1.8em;
	}

	.message_area .txt01 {
		width: 420px;
		margin: 0 20px 0 0;
	}

	.message_area div.img01 img,
	.message_area div.img02 img {
		box-shadow: 15px 15px 0px 0 rgba(241, 90, 36, 0.4);
		width: 260px;
	}

	.message_area .txt02 {
		width: 700px;
		margin: 40px 0 0 0;
	}

	.message_area .box {
		width: 620px;
		height: 330px;
		background-color: #f15a24;
	}
}




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

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

	.main-copy h2{
		color: #f15a24;
		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%;
	}

	.message_area {
		width: 960px;
		margin: 0 auto;
	}

	.message_area .inner {
		display: flex;
		margin: 50px 0;
	}

	.message_area p {
		font-size: 14px;
		line-height: 1.8em;
	}

	.message_area p .red {
		font-size: 18pt;
		font-weight: bold;
		color: #f15a24;
		line-height: 1.8em;
	}

	.message_area p .red-wrap {
		background-color: #f15a24;
		color: #fff;
		font-size: 18pt;
		padding: 0.5em;
		line-height: 2em;
		font-weight: bold;
	}

	.message_area p .black {
		font-size: 16pt;
		font-weight: bold;
		line-height: 1.8em;
	}

	.message_area .txt01 {
		width: 530px;
		margin: 0;
	/*	position: absolute;
		right: 0px;
		top: 200px;*/
	}

	.message_area div.img01 img,
	.message_area div.img02 img {
		box-shadow: 15px 15px 0px 0 rgba(241, 90, 36, 0.4);
		width: 430px;
	/*	height: 410px;
		position: absolute;
		left: -110px;
		top: 150px;*/
	}

	.message_area .txt02 {
		width: 960px;
		margin: 40px 0 0 0;
	}

	.message_area .box {
		width: 680px;
		height: 330px;
	/*	position: absolute;
		right: -100px;
		top: 1650px;*/
		background-color: #f15a24;
	}
}