@charset "utf-8";
/*
Theme Name: 採用サイト ABOUT US ｜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: 767px) {
	.pcn {
		display: none;
	}

	.spn {
		display: block;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
		margin: 0;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		display: block;
		width: 60%;
	/*	margin: 35px;
		right: 0;*/
		right: 20px;
        top: 20px;
	}

	section.hero img.sld {
		z-index:3;
		width: 100%;
		display: block;
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	section.about-us_area,
	section.about-us_area2 {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 60px 0;
	}

	section.about-us_area2 {
		background-color: #E5F9F9;
	}

	section.about-us_area2 .box {
		display: flex;
	/*	padding: 60px 0;*/
	    position: relative;
	}

	section.about-us_area2 .desc {
		flex:1;
		flex-grow: 1;
		display: grid;
		position: absolute;
        top: 0;
        left: 0;
	}

	section.about-us_area2 .desc3 {
	/*	flex:1;
		flex-grow: 1;
		justify-items: end;*/
		display: grid;
		top: 0;
        right: 0;
        position: absolute;
	}

	section.about-us_area2 .desc img {
		flex:1;
		flex-grow: 1;
	}

	/*左上*/
	section.about-us_area2 .desc img.img01 {
		width: 100px;
		margin: -40px 0 0px -60px;
	}

	/*左中*/
	section.about-us_area2 .desc img.img02 {
		width: 100px;
		margin: 42px 0 30px -43px;
	}

	/*右上*/
	section.about-us_area2 .desc3 img.img04 {
		width: 100px;
		margin: -10px -35px 0px 0;
	}

	/*右中*/
	section.about-us_area2 .desc3 img.img05 {
        width: 69px;
        margin: 160px -30px 20px 0;
        position: absolute;
        right: 2px;
        top: 100px;
	}

	section.about-us_area2 .desc2 {
		flex:1;
		flex-grow: 11;
		padding: 0 10%;
	}

	section.about-us_area2 .desc2 h2 {
		margin: 0px auto 30px;
		width: 100%;
		text-align: center;
	}

	section.about-us_area2 .desc2 h2 img {
		margin: 0 auto;
		height: 25px;
		text-align: center;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.about-us_area2 .desc2 p {
		text-align: center;
		color: #000;
		font-size: 10pt;
		line-height: 1.8em;
		font-weight: bold;
		margin:0;
		letter-spacing: 2px;
	}

	/*----事業概要---*/
	section.about-us_area .jigyo h2 {
		margin: 0px auto;
		width: 100%;
		text-align: center;
		font-size: 24pt;
		color: #00c3c3;
		letter-spacing: 5pt;
	}

	section.about-us_area .jigyo p {
		text-align: center;
		color: #000;
		font-size: 10pt;
		line-height: 1.8em;
		font-weight: bold;
		margin: 30px 0;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo,
	section.about-us_area div.syougai,
	section.about-us_area div.fc,
	section.about-us_area div.sys {
	/*	display: flex;*/
		width: 90%;
		margin: 30px auto 0;
		flex-wrap: wrap;
		align-items: center;
	/*	padding: 20px 0;*/
		padding: 20px 0 0 0;
	}

	section.about-us_area div.kaigo div.syou,
	section.about-us_area div.syougai div.syou,
	section.about-us_area div.fc div.syou,
	section.about-us_area div.sys div.syou {
		padding: 0px 10px 0;
	}

	section.about-us_area div.kaigo div.syou img,
	section.about-us_area div.syougai div.syou img,
	section.about-us_area div.fc div.syou img,
	section.about-us_area div.sys div.syou img {
		width: 70px;
		margin: 0 20px 0 10px;
		float: left;
	}

	section.about-us_area div.kaigo div.pic,
	section.about-us_area div.syougai div.pic,
	section.about-us_area div.fc div.pic,
	section.about-us_area div.sys div.pic {
		display: block;
		margin: 0px auto;
	}

	section.about-us_area div.kaigo div.pic img,
	section.about-us_area div.syougai div.pic img,
	section.about-us_area div.fc div.pic img,
	section.about-us_area div.sys div.pic img {
	/*	width: 308px;*/
		margin: 0 auto;
	/*	border-radius: 15px;*/
	/*	display: block;
		height: 227px;*/
		width: 100%;
        border-radius: 0px;
	}

	section.about-us_area div.kaigo div.syou h3,
	section.about-us_area div.syougai div.syou h3,
	section.about-us_area div.fc div.syou h3,
	section.about-us_area div.sys div.syou h3 {
		color: #fff;
		font-size: 16pt;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo div.syou span,
	section.about-us_area div.syougai div.syou span,
	section.about-us_area div.fc div.syou span,
	section.about-us_area div.sys div.syou span {
		color: #fff;
		font-size: 10pt;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo div.syou p,
	section.about-us_area div.syougai div.syou p,
	section.about-us_area div.fc div.syou p,
	section.about-us_area div.sys div.syou p {
		color: #000;
		font-size: 10pt;
		background: #fff;
		border-radius: 15px;
		display: inline-block;
		margin: 20px 12px 20px;
		padding: 20px;
		letter-spacing: 2px;
/*		width: 415px;*/
	}

	section.about-us_area div.kaigo {
		background: #87BF5E;
	}

	section.about-us_area div.syougai {
		background: #EEAD2F;
	}

	section.about-us_area div.fc {
		background: #5084C4;
	}

	section.about-us_area div.sys {
		background: #EB6D6C;
	}

/*--------  BUSINESS & CSR  ----------*/
	section.s_e {
		display: block;
		width: 100%;
		margin: 0px auto;
	}

	section.s_e a.desc,
	section.s_e a.desc2 {
		display: block;
		margin: 0;
		width: 100%;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}

	section.s_e a.desc div,
	section.s_e a.desc2 div {
		margin: 25px 0;
	}

	section.s_e a.desc {
		background: #00C3C3;
		padding: 20px 0;
	}
	
	section.s_e a.desc::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #33CFCF;
		-webkit-transition: .5s;
		transition: .5s;
	}

	section.s_e a.desc:hover::before {
		width: 100%;
	}

	section.s_e a.desc2 {
		background: #3E3A39;
		padding: 20px 0;
	}

	section.s_e a.desc2::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #595757;
		-webkit-transition: .5s;
		transition: .5s;
	}

	section.s_e a.desc2:hover::before {
		width: 100%;
	}

	section.s_e a.desc h2,
	section.s_e a.desc2 h2 {
		margin: 0 auto;
		text-align: center;
	}

	section.s_e a.desc h2 img,
	section.s_e a.desc2 h2 img {
		margin: 0 auto;
		height: 35px;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.s_e a.desc p,
	section.s_e a.desc2 p {
		text-align: center;
		font-size: 12pt;
		color: #fff;
		line-height: 1.8em;
		letter-spacing: 2px;
	}

}



/*　タブレット
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.pcn {
		display: block;
	}

	.spn {
		display: none;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		display: block;
		width: 35%;
		margin: 50px;
		right: 0;
	}

	section.hero img.pcn {
		z-index:3;
		width: 100%;
		display: block;
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		z-index:3;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	section.about-us_area,
	section.about-us_area2 {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 100px 0;
	}

	section.about-us_area2 {
		background-color: #E5F9F9;
	}

	section.about-us_area2 .box {
        /* display: flex; */
        /* padding: 60px 0; */
        position: relative;
	}

	section.about-us_area2 .desc {
        /* flex: 1; */
        /* flex-grow: 1; */
        display: grid;
        position: absolute;
        left: 0;
        top: 0;
	}

	section.about-us_area2 .desc3 {
        /* flex: 1; */
        /* flex-grow: 1; */
        display: grid;
        justify-items: end;
        position: absolute;
        right: 0;
        top: 0;
	}

	section.about-us_area2 .desc img {
		flex:1;
		flex-grow: 1;
	}

	/*左上*/
	section.about-us_area2 .desc img.img01 {
		width: 150px;
		margin: -40px 0 0px -35px;
	}

	/*左中*/
	section.about-us_area2 .desc img.img02 {
		width: 150px;
		margin: 20px 0 30px 0px;
	}

	/*右上*/
	section.about-us_area2 .desc3 img.img04 {
		width: 150px;
		margin: -80px  -35px 20px 0;
	}

	/*右中*/
	section.about-us_area2 .desc3 img.img05 {
		width: 150px;
		margin: 20px -35px 20px 0;
	}

	section.about-us_area2 .desc2 {
        /* flex: 1; */
        /* flex-grow: 5; */
        width: 70%;
        margin: 0 auto;
	}

	section.about-us_area2 .desc2 h2 {
		margin: 0px auto 30px;
		width: 100%;
		text-align: center;
	}

	section.about-us_area2 .desc2 h2 img {
		margin: 0 auto;
		height: 40px;
		text-align: center;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.about-us_area2 .desc2 p {
		text-align: center;
		color: #000;
		font-size: 14pt;
		line-height: 1.8em;
		font-weight: bold;
		margin:0;
		letter-spacing: 2px;
	}

	/*----事業概要---*/
	section.about-us_area .jigyo h2 {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		font-size: 28pt;
		color: #00c3c3;
		letter-spacing: 5pt;
	}

	section.about-us_area .jigyo p {
		text-align: center;
		color: #000;
		font-size: 12pt;
		line-height: 1.8em;
		font-weight: bold;
		margin: 30px 0;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo,
	section.about-us_area div.syougai,
	section.about-us_area div.fc,
	section.about-us_area div.sys {
		display: flex;
	/*	width: 800px;*/
		margin: 30px auto 0;
		align-items: center;
		width: 90%;
        max-width: 860px;
		align-items: stretch;
	}

	section.about-us_area div.kaigo div.syou,
	section.about-us_area div.syougai div.syou,
	section.about-us_area div.fc div.syou,
	section.about-us_area div.sys div.syou {
		padding: 15px;
		width: 70%;
	}

	section.about-us_area div.kaigo div.syou img,
	section.about-us_area div.syougai div.syou img,
	section.about-us_area div.fc div.syou img,
	section.about-us_area div.sys div.syou img {
		width: 100px;
		margin: 0 20px 0 10px;
		float: left;
		margin: 0 3% 0 1%;
	}

	section.about-us_area div.kaigo div.pic,
	section.about-us_area div.syougai div.pic,
	section.about-us_area div.fc div.pic,
	section.about-us_area div.sys div.pic {
		display: flex;
		justify-content: end;
		width: 30%;
	}

	section.about-us_area div.kaigo div.pic img,
	section.about-us_area div.syougai div.pic img,
	section.about-us_area div.fc div.pic img,
	section.about-us_area div.sys div.pic img {
		width: 100%;
		margin: 0 auto;
		object-fit: cover;
	}

	section.about-us_area div.kaigo div.syou h3,
	section.about-us_area div.syougai div.syou h3,
	section.about-us_area div.fc div.syou h3,
	section.about-us_area div.sys div.syou h3 {
		color: #fff;
	/*	font-size: 22pt;*/
		font-size: 18pt;
		letter-spacing: 2px;
		margin: 0.35em;
	}

	section.about-us_area div.kaigo div.syou span,
	section.about-us_area div.syougai div.syou span,
	section.about-us_area div.fc div.syou span,
	section.about-us_area div.sys div.syou span {
		color: #fff;
	/*	font-size: 14pt;*/
		letter-spacing: 2.5px;
		font-size: 12pt;
        line-height: 120%;
	}

	section.about-us_area div.kaigo div.syou p,
	section.about-us_area div.syougai div.syou p,
	section.about-us_area div.fc div.syou p,
	section.about-us_area div.sys div.syou p {
		color: #000;
		font-size: 11pt;
		background: #fff;
		border-radius: 15px;
		display: inline-block;
		margin: 20px 0 0;
		padding: 20px;
		letter-spacing: 2.5px;
	/*	width: 440px;*/
	}

	section.about-us_area div.kaigo {
		background: #87BF5E;
	}

	section.about-us_area div.syougai {
		background: #EEAD2F;
	}

	section.about-us_area div.fc {
		background: #5084C4;
	}

	section.about-us_area div.sys {
		background: #EB6D6C;
	}

/*--------  BUSINESS & CSR  ----------*/
	section.s_e {
		display: block;
		width: 100%;
		margin: 0px auto;
	}

	section.s_e a.desc,
	section.s_e a.desc2 {
		display: block;
		margin: 0;
		width: 100%;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}

	section.s_e a.desc div,
	section.s_e a.desc2 div {
		margin: 60px 0;
	}

	section.s_e a.desc {
		background: #00C3C3;
		padding: 20px 0;
	}

	section.s_e a.desc::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #33CFCF;
		-webkit-transition: .5s;
		transition: .5s;
	}
	
	section.s_e a.desc:hover::before {
		width: 100%;
	}

	section.s_e a.desc2 {
		background: #3E3A39;
		padding: 20px 0;
	}
	
	section.s_e a.desc2::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #595757;
		-webkit-transition: .5s;
		transition: .5s;
	}

	section.s_e a.desc2:hover::before {
		width: 100%;
	}

	section.s_e a.desc h2,
	section.s_e a.desc2 h2 {
		margin: 0 auto;
		text-align: center;
	}

	section.s_e a.desc h2 img,
	section.s_e a.desc2 h2 img {
		margin: 0 auto;
		height: 60px;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.s_e a.desc p,
	section.s_e a.desc2 p {
		text-align: center;
		font-size: 15pt;
		color: #fff;
		line-height: 1.8em;
		letter-spacing: 2px;
	}


}



/*　PC
----------------------------------------*/
@media screen and (min-width: 1200px) {
	.pcn {
		display: block;
	}

	.spn {
		display: none;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero img.tit {
		position: absolute;
		z-index:9990;
		display: block;
		width: 35%;
		margin: 50px;
		right: 0;
	}

	section.hero img.pcn {
		z-index:9989;
		width: 100%;
		display: block;
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		z-index:9990;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	section.about-us_area,
	section.about-us_area2 {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 100px 0;
	}

	section.about-us_area2 {
		background-color: #E5F9F9;
	}

	section.about-us_area2 .box {
		display: flex;
	/*	padding: 60px 0;*/
	}

	section.about-us_area2 .desc {
		flex:1;
		flex-grow: 1;
		display: grid;
	}

	section.about-us_area2 .desc3 {
		flex:1;
		flex-grow: 1;
		display: grid;
		justify-items: end;
	}

	section.about-us_area2 .desc img {
		flex:1;
		flex-grow: 1;
	}

	/*左上*/
	section.about-us_area2 .desc img.img01 {
		width: 150px;
		margin: -40px 0 0px -35px;
	}

	/*左中*/
	section.about-us_area2 .desc img.img02 {
		width: 150px;
		margin: 20px 0 30px 0px;
	}

	/*右上*/
	section.about-us_area2 .desc3 img.img04 {
		width: 150px;
		margin: -80px  -35px 20px 0;
	}

	/*右中*/
	section.about-us_area2 .desc3 img.img05 {
		width: 150px;
		margin: 20px -35px 20px 0;
	}

	section.about-us_area2 .desc2 {
		flex:1;
		flex-grow: 5;
	}

	section.about-us_area2 .desc2 h2 {
		margin: 0px auto 30px;
		width: 100%;
		text-align: center;
	}

	section.about-us_area2 .desc2 h2 img {
		margin: 0 auto;
		height: 40px;
		text-align: center;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.about-us_area2 .desc2 p {
		text-align: center;
		color: #000;
		font-size: 14pt;
		line-height: 1.8em;
		font-weight: bold;
		margin:0;
		letter-spacing: 2px;
	}

	/*----事業概要---*/
	section.about-us_area .jigyo h2 {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		font-size: 28pt;
		color: #00c3c3;
		letter-spacing: 5pt;
	}

	section.about-us_area .jigyo p {
		text-align: center;
		color: #000;
		font-size: 12pt;
		line-height: 1.8em;
		font-weight: bold;
		margin: 30px 0;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo,
	section.about-us_area div.syougai,
	section.about-us_area div.fc,
	section.about-us_area div.sys {
		display: flex;
		width: 860px;
		margin: 0 auto 30px;
		align-items: center;
	}

	section.about-us_area div.kaigo div.syou,
	section.about-us_area div.syougai div.syou,
	section.about-us_area div.fc div.syou,
	section.about-us_area div.sys div.syou {
		padding: 30px;
	}

	section.about-us_area div.kaigo div.syou img,
	section.about-us_area div.syougai div.syou img,
	section.about-us_area div.fc div.syou img,
	section.about-us_area div.sys div.syou img {
		width: 100px;
		margin: 0 20px 0 10px;
		float: left;
	}

	section.about-us_area div.kaigo div.pic,
	section.about-us_area div.syougai div.pic,
	section.about-us_area div.fc div.pic,
	section.about-us_area div.sys div.pic {
		display: flex;
		justify-content: end;
	}

	section.about-us_area div.kaigo div.pic img,
	section.about-us_area div.syougai div.pic img,
	section.about-us_area div.fc div.pic img,
	section.about-us_area div.sys div.pic img {
		width: 100%;
		margin: 0 auto;
	}

	section.about-us_area div.kaigo div.syou h3,
	section.about-us_area div.syougai div.syou h3,
	section.about-us_area div.fc div.syou h3,
	section.about-us_area div.sys div.syou h3 {
		color: #fff;
		font-size: 22pt;
		letter-spacing: 2px;
	}

	section.about-us_area div.kaigo div.syou span,
	section.about-us_area div.syougai div.syou span,
	section.about-us_area div.fc div.syou span,
	section.about-us_area div.sys div.syou span {
		color: #fff;
		font-size: 14pt;
		letter-spacing: 2.5px;
	}

	section.about-us_area div.kaigo div.syou p,
	section.about-us_area div.syougai div.syou p,
	section.about-us_area div.fc div.syou p,
	section.about-us_area div.sys div.syou p {
		color: #000;
		font-size: 11pt;
		background: #fff;
		border-radius: 15px;
		display: inline-block;
		margin: 20px 0 0;
		padding: 20px;
		letter-spacing: 2.5px;
		width: 440px;
	}

	section.about-us_area div.kaigo {
		background: #87BF5E;
	}

	section.about-us_area div.syougai {
		background: #EEAD2F;
	}

	section.about-us_area div.fc {
		background: #5084C4;
	}

	section.about-us_area div.sys {
		background: #EB6D6C;
	}

/*--------  BUSINESS & CSR  ----------*/
	section.s_e {
		display: block;
		width: 100%;
		margin: 0px auto;
	}

	section.s_e a.desc,
	section.s_e a.desc2 {
		display: block;
		margin: 0;
		width: 100%;
	}

	section.s_e a.desc div,
	section.s_e a.desc2 div {
		margin: 60px 0;
	}

	section.s_e a.desc {
		position: relative;
		z-index: 0;
		overflow: hidden;
		background-color: #00C3C3;
		padding: 20px 0;
	}

	section.s_e a.desc::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #33CFCF;
		-webkit-transition: .5s;
		transition: .5s;
	}

	section.s_e a.desc:hover::before {
		width: 100%;
	}

	section.s_e a.desc2 {
		position: relative;
		z-index: 0;
		overflow: hidden;
		background: #3E3A39;
		padding: 20px 0;
	}

	section.s_e a.desc2::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 0%;
		height: 100%;
		background-color: #595757;
		-webkit-transition: .5s;
		transition: .5s;
	}

	section.s_e a.desc2:hover::before {
		width: 100%;
	}

	section.s_e a.desc h2,
	section.s_e a.desc2 h2 {
		margin: 0 auto;
		text-align: center;
	}

	section.s_e a.desc h2 img,
	section.s_e a.desc2 h2 img {
		margin: 0 auto;
		height: 60px;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-bottom: 0;
	}

	section.s_e a.desc p,
	section.s_e a.desc2 p {
		text-align: center;
		font-size: 15pt;
		color: #fff;
		line-height: 1.8em;
		letter-spacing: 2px;
	}


}