




/* メインコンテンツ **************/
section.main_cont {
	background-color: #F8F8F8;
	padding-top: 60px;
	padding-bottom: 150px;
}

/*見出し*/
section.main_cont h4 {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
section.main_cont h4 span {
	width: 100%;
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #9B9B9B;
	text-align: center;
	margin-bottom: 20px;
}

div.mds {
	width: 100%;
	margin-bottom: 70px;
	text-align: center;
	position: relative;
	font-size: 36px;
	font-weight: bold;
	color: #27B8DA;
}
div.mds:before {
	content: "";
	display: block;
	border-top: solid 2px #27B8DA;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
div.mds p {
	display: inline-block;
	background: #F8F8F8;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}
section.main_cont div.cont {
	width: 1000px;
	margin: 0 auto;
}
section.main_cont div.cont > div {
	width: 490px;
	position: relative;
}
section.main_cont div.cont > div > img {
	width: 100%;
	height: auto;
}
section.main_cont div.cont > div > p {
	position: absolute;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	color: #001317;
}
section.main_cont div.cont.long > div {
	width: 100%;
}





/* 企業情報 **************/
div.company div.cont {
	display: flex;
	justify-content: space-between;
}
div.company div.cont > div > p {
	font-size: 120px;
}
div.company div.cont > div:nth-of-type(1) > p {
	top: 64px;
	left: 196px;
}
div.company div.cont > div:nth-of-type(2) > p {
	top: 64px;
	left: 180px;
}
/*台数実績*/
div.company div.cont.long > div {
	margin-top: 20px;
}
div.company div.cont.long > div > p {
	font-size: 100px;
	font-weight: 600;
}
div.company div.cont.long > div > p {
	left: unset;
	right: 130px;
}
div.company div.cont.long > div > p:nth-of-type(1) {
	top: 15px;
}
div.company div.cont.long > div > p:nth-of-type(2) {
	top: 148px;
}
div.company div.cont.long > div > p:nth-of-type(3) {
	top: 280px;
}





/* 働きやすさ **************/
div.working {
	margin-top: 90px;
}
div.working div.mds {
	color: #FE8E8B;
}
div.working div.mds:before {
	border-top: solid 2px #FE8E8B;
}
div.working div:nth-of-type(1) > div > p {
	font-size: 68px;
}
div.working div:nth-of-type(1) > div > p:nth-of-type(1) {
	top: 95px;
	right: 310px;
}
div.working div:nth-of-type(1) > div > p:nth-of-type(2) {
	top: 174px;
	right: 248px;
	color: #707070;
}
div.working > div:nth-of-type(2) {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
div.working > div:nth-of-type(2) > div:nth-of-type(1) {
	width: 490px;
}
div.working > div:nth-of-type(2) > div > p {
	font-size: 120px;
}
div.working > div:nth-of-type(2) > div:nth-of-type(1) > p {
	top: 100px;
	right: 110px;
}
div.working > div:nth-of-type(2) > div:nth-of-type(2) > p {
	top: 104px;
	right: 130px;
}
div.working div:nth-of-type(3) {
	margin-top: 20px;
}
div.working div:nth-of-type(3) > div > p {
	font-size: 120px;
}
div.working div:nth-of-type(3) > div > p:nth-of-type(1) {
	top: 114px;
	left: 81px;
}
div.working div:nth-of-type(3) > div > p:nth-of-type(2) {
	top: 114px;
	right: 123px;
}





/* 働く人たち **************/
div.employee {
	margin-top: 90px;
}
div.employee div.mds {
	color: #24B99C;
}
div.employee div.mds:before {
	border-top: solid 2px #24B99C;
}
div.employee > div:nth-of-type(1) {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
div.employee > div:nth-of-type(1) > div {
	width: 490px;
}
div.employee > div:nth-of-type(1) > div > p {
	font-size: 120px;
}
div.employee > div:nth-of-type(1) > div:nth-of-type(1) > p {
	top: 74px;
	right: 100px;
}
div.employee > div:nth-of-type(1) > div:nth-of-type(2) > p {
	top: 74px;
	right: 90px;
}

div.employee > div:nth-of-type(2) {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
div.employee > div:nth-of-type(2) > div {
	width: 490px;
}
div.employee > div:nth-of-type(2) > div > p {
	font-size: 80px;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(1) {
	bottom: 33px;
	left: 25px;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(2) {
	bottom: 33px;
	right: 70px;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1) {
	bottom: 33px;
	left: 25px;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(2) {
	bottom: 33px;
	right: 70px;
}






/*アニメーション見出し*/
#animation1,
#animation2,
#animation3,
#animation4,
#animation5,
#animation6,
#animation7,
#animation8 {
	visibility: hidden;
}
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-80px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}





/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■*/
@media screen and (max-width: 1080px) {





/* メインコンテンツ **************/
section.main_cont {
	padding-top: 40px;
	padding-bottom: 100px;
}

/*見出し*/
section.main_cont h4 span {
	font-size: 16px;
	margin-bottom: 10px;
}

div.mds {
	font-size: 32px;
	margin-bottom: 35px;
}
section.main_cont div.cont {
	width: 90%;
	max-width: 400px;
}
section.main_cont div.cont > div {
	width: 100%;
}
section.main_cont div.cont > div:nth-of-type(1) {
	margin-bottom: 20px;
}







/* 企業情報 **************/
div.company div.cont {
	flex-wrap: wrap;
}
div.company div:nth-of-type(1) > div > p {
	font-size: min(25vw,90px);
}
div.company div:nth-of-type(1) > div:nth-of-type(1) > p {
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
div.company div:nth-of-type(1) > div:nth-of-type(2) > p {
	top: 54%;
	left: 48%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
/*台数実績*/
div.company div.cont.long > div > p {
	font-size: min(16vw,56px);
}
div.company div.cont.long > div > p {
	right: 19%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
div.company div.cont.long > div > p:nth-of-type(1) {
	top: 43%;
}
div.company div.cont.long > div > p:nth-of-type(2) {
	top: 66%;
}
div.company div.cont.long > div > p:nth-of-type(3) {
	top: 90%;
}





/* 働きやすさ **************/
div.working {
	margin-top: 40px;
}
div.working div:nth-of-type(1) > div > p {
	font-size: 48px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
div.working div:nth-of-type(1) > div > p:nth-of-type(1) {
	top: 51%;
	right:19%;
}
div.working div:nth-of-type(1) > div > p:nth-of-type(2) {
	font-size: 38px;
	top: 76%;
	right: 33%;
}
div.working > div:nth-of-type(2) {
	flex-wrap: wrap;
}
div.working > div:nth-of-type(2) > div:nth-of-type(1) {
	width: 100%;
}
div.working > div:nth-of-type(2) > div > p {
	font-size: min(22vw,80px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
div.working > div:nth-of-type(2) > div:nth-of-type(1) > p {
	top: 60%;
	right: 25%;
}
div.working > div:nth-of-type(2) > div:nth-of-type(2) > p {
	top: 60%;
	right: 25%;
}
div.working div:nth-of-type(3) > div > p {
	font-size: 80px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
div.working div:nth-of-type(3) > div > p:nth-of-type(1) {
	top: 53%;
	left: 40%;
}
div.working div:nth-of-type(3) > div > p:nth-of-type(2) {
	top: 84%;
	left: 40%;
	right: unset;
}





/* 働く人たち **************/
div.employee {
	margin-top: 60px;
}
div.employee > div:nth-of-type(1) {
	flex-wrap: wrap;
}
div.employee > div:nth-of-type(1) > div {
	width: 100%;
}
div.employee > div:nth-of-type(1) > div > p {
	font-size: min(22vw,80px);
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
div.employee > div:nth-of-type(1) > div:nth-of-type(1) > p {
	top: 60%;
	left: 54%;
	right: unset;
}
div.employee > div:nth-of-type(1) > div:nth-of-type(2) > p {
	top: 60%;
	left: 52%;
	right: unset;
}

div.employee > div:nth-of-type(2) {
	flex-wrap: wrap;
}
div.employee > div:nth-of-type(2) > div {
	width: 100%;
}
div.employee > div:nth-of-type(2) > div > p {
	font-size: 64px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
div.employee > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(1) {
    font-size: min(14vw, 64px);
	bottom: 3%;
	left: 20%;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(2) {
    font-size: min(14vw, 64px);
	bottom: 3%;
	left: 66%;
	right: unset;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1) {
    font-size: min(14vw, 64px);
	bottom: 3%;
	left: 20%;
}
div.employee > div:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(2) {
    font-size: min(14vw, 64px);
	bottom: 3%;
	left: 65%;
	right: unset;
}







}
/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■*/
