@charset "utf-8";


/* ----------------------------------------------------
	top
---------------------------------------------------- */
.top {
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_pc.png) no-repeat 50% 75px;
	padding: 350px 0 180px 0;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-out 1.7s;
	transition: opacity 1.5s ease-out 1.7s;
}
@media screen and (max-width: 767px) {
	.top {
		background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_sp.png) no-repeat 50% 65px;
		background-size: 375px auto;
		padding: 495px 0 100px 0;
	}
}

/* top-main */
.top-main {
	margin: 210px auto -350px auto;
	text-align: center;
	position: relative;
	z-index: 2;
}
.top-main-bg {
	background: url(https://recruit.isapo-group.com/wp-content/uploads/2025/03/トップ画像②.png) no-repeat center top;
	background-size: contain;
	z-index:-1;
	position: absolute;
	left: 50%;
	width: 1168px;
	height: 507px;
	margin: 0 0 0 -582px;
	top: -177px;
	-webkit-transition: opacity 1.5s ease-out 1.7s;
	transition: opacity 1.5s ease-out 1.7s;
}
.top-main-warp{
	background-color:rgba(255,255,255,0.7)
	padding:top;
}

.top-main-title {
	padding: 0 0 40px 0;
	position: relative;
	top:-139px;
	-webkit-transition: opacity 1s ease-out .3s;
	transition: opacity 1s ease-out .3s;
}
.top-main-title img {
	width: 403px;
	height: auto;
}
.top-main-copy {
	padding: 0 0 30px 0;
	position: relative;
	-webkit-transition: opacity 1s ease-out .8s;
	transition: opacity 1s ease-out .8s;
}
.top-main-copy img {
	width: 256px;
	height: auto;
}
.top-main-txt {
  position: relative;
	-webkit-transition: opacity 1s ease-out .8s;
	transition: opacity 1s ease-out .8s;
}
.top-main-txt img {
	width: 423px;
	height: auto;
}
.top-main-fadein {
	opacity: 0;
}
.top-main-fadein-show {
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.top-main {
		padding: 0;
		margin: 90px 0 -495px 0;
	}
	.top-main-title {
		top:0px;
	}
	.top-main-bg {
		position: relative;
		background: url(https://recruit.isapo-group.com/wp-content/uploads/2025/03/トップ画像②.png) no-repeat center bottom;
		background-size: 359px auto;
		top: inherit;
		left: 50%;
		margin: 40px 0 52px -180px;
		width: 359px;
		height: 201px;
	}
	.top-main-title img {
		width: 297px;
	}
	.top-main-copy {
		padding: 0 0 20px 0;
	}
	.top-main-copy img {
		width: 200px;
	}
	.top-main-txt img {
		width: 300px;
	}
}


/* top-about */
.top-about {
	padding: 50px 0 0 0;
	position: relative;
	height: 690px;
}
.top-about-col {
	width: 430px;
	height: 350px;
	text-align: center;
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_about.png) no-repeat 0 0;
	background-size: 430px auto;
	padding: 90px 0 0 0;
	position: absolute;
	left: 50%;
	top: 120px;
	margin: 0 0 0 -40px;
}
.top-about-ill01 {
	position: absolute;
	left: 50%;
	top: 185px;
	margin: 0 0 0 -420px;
}
.top-about-ill02 {
	position: absolute;
	left: 50%;
	top: 520px;
	margin: 0 0 0 350px;
}
.top-about-title img {
	width: 238px;
	height: auto;
}
.top-about-txt {
	width: 260px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 30px 0;
	font-size: 105%;
	line-height: 1.8;
}
.top-about-btn img {
	width: 190px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-about {
		padding: 0;
		height: 570px;
	}
	.top-about-col {
		width: 344px;
		height: 290px;
		background-size: 344px auto;
		padding: 60px 0 0 0;
		top: 0;
		margin: 0 0 0 -172px;
	}
	.top-about-ill01 {
		top: inherit;
		margin: 0 0 0 -115px;
		top: 285px;
	}
	.top-about-ill01 img {
		width: 230px;
		height: auto;
	}
	.top-about-ill02 {
		display: none;
	}
	.top-about-title img {
		width: 199px;
	}
	.top-about-txt {
		width: 240px;
		padding: 10px 0;
		font-size: 13px;
		line-height: 1.6;
	}
	.top-about-btn img {
		width: 145px;
	}
}


/* top-works */
.top-works {
	position: relative;
	height: 670px;
}
.top-works-col {
	width: 430px;
	height: 350px;
	text-align: center;
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_works.png) no-repeat 0 0;
	background-size: 430px auto;
	padding: 90px 0 0 0;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -420px;
}
.top-about-ill03 {
	position: absolute;
	left: 50%;
	top: 230px;
	margin: 0 0 0 -120px;
}
.top-about-ill04 {
	position: absolute;
	left: 41%;
	top: 374px;
	margin: 0 0 0 -470px;
}
.top-works-title img {
	width: 212px;
	height: auto;
}
.top-works-txt {
	width: 300px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 30px 0;
	font-size: 105%;
	line-height: 1.8;
}
.top-works-btn img {
	width: 190px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-works {
		height: 520px;
	}
	.top-works-col {
		width: 345px;
		height: 290px;
		background-size: 345px auto;
		padding: 60px 0 0 0;
		margin: 0 0 0 -173px;
	}
	.top-about-ill03 {
		top: 330px;
		margin: 0 0 0 -160px;
	}
	.top-about-ill03 img {
		width: 280px;
		height: auto;
	}
	.top-about-ill04 {
		display: none;
	}
	.top-works-title img {
		width: 174px;
		height: auto;
	}
	.top-works-txt {
		width: 240px;
		padding: 10px 0;
		font-size: 13px;
		line-height: 1.6;
	}
	.top-works-btn img {
		width: 145px;
	}
}


/* top-staff */
.top-staff {
	position: relative;
	height: 880px;
}
.top-staff-col {
	width: 390px;
	height: 290px;
	text-align: center;
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_staff.png) no-repeat 0 0;
	background-size: 390px auto;
	padding: 100px 0 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 40px;
}
.top-staff-sw {
	position: absolute;
	left: 50%;
	top: 280px;
	margin: 0 0 0 -10px;
}
.top-staff-jn {
	position: absolute;
	left: 50%;
	top: 284px;
	margin: 0 0 0 -230px;
}
.top-staff-an {
	position: absolute;
	left: 50%;
	top: 500px;
	margin: 0 0 0 -450px;
}
.top-about-ill05 {
	position: absolute;
	left: 50%;
	top: 350px;
	margin: 0 0 0 -378px;
}
.top-about-ill06 {
	position: absolute;
	left: 50%;
	top: 625px;
	margin: 0 0 0 -198px;
}
.top-about-ill07 {
	position: absolute;
	left: 50%;
	top: 505px;
	margin: 0 0 0 220px;
}
.top-staff-title img {
	width: 244px;
	height: auto;
}
.top-staff-txt {
	width: 250px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 30px 0;
	font-size: 105%;
	line-height: 1.8;
}
.top-staff-img {
	margin: 0 0 20px 0;
}
.top-staff-img img {
	width: 190px;
	height: auto;
}
.top-staff-btn img {
	width: 190px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-staff {
		height: 780px;
		top: 15px;
	}
	.top-staff-col {
		width: 345px;
		height: 252px;
		background-size: 345px auto;
		padding: 90px 0 0 0;
		margin: 0 0 0 -172px;
	}
	.top-staff-sw {
		top: 305px;
		margin: 0 0 0 10px;
	}
	.top-staff-jn {
		top: 235px;
		margin: 0 0 0 -140px;
	}
	.top-staff-an {
		top: 480px;
		margin: 0 0 0 -140px;
	}
	.top-about-ill05 {
		display: none;
	}
	.top-about-ill06 {
		display: none;
	}
	.top-about-ill07 {
		top: 555px;
		margin: 0 0 0 0;
	}
	.top-about-ill07 img {
		width: 150px;
		height: auto;
	}
	.top-staff-title img {
		width: 221px;
	}
	.top-staff-txt {
		width: 240px;
		padding: 15px 0;
		font-size: 13px;
		line-height: 1.6;
	}
	.top-staff-img {
		margin: 0 0 15px 0;
	}
	.top-staff-img img {
		width: 130px;
	}
	.top-staff-btn img {
		width: 130px;
	}
}


/* top-information */
.top-information {
	position: relative;
	height: 800px;
}
.top-information-col {
	width: 430px;
	height: 350px;
	text-align: center;
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_information.png) no-repeat 0 0;
	background-size: 430px auto;
	padding: 90px 0 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -440px;
}
.top-about-ill08 {
	position: absolute;
	left: 51%;
	top: 10px;
	margin: 0 0 0 -18px;
}
.top-about-ill09 {
	position: absolute;
	left: 50%;
	top: 430px;
	margin: 0 0 0 -91px;
}
.top-about-ill10 {
	position: absolute;
	left: 50%;
	top: 560px;
	margin: 0 0 0 389px;
}
.top-information-title img {
	width: 184px;
	height: auto;
}
.top-information-txt {
	width: 270px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 30px 0;
	font-size: 105%;
	line-height: 1.8;
}
.top-information-btn img {
	width: 190px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-information {
		position: relative;
		height: 720px;
	}
	.top-information-col {
		width: 347px;
		height: 278px;
		background-size: 347px auto;
		padding: 60px 0 0 0;
		margin: 0 0 0 -174px;
	}
	.top-about-ill08 {
		top: 340px;
		margin: 0 0 0 -145px;
	}
	.top-about-ill08 img {
		width: 290px;
		height: auto;
	}
	.top-about-ill09 {
		display: none;
		position: absolute;
		left: 50%;
		top: 520px;
		width: 32px;
		height: 59px;
		margin: 0px 0 0 -211px;
	}
	.top-about-ill09 img {
		width: 32px;
		height: auto;
	}
	.top-about-ill10 {
		position: absolute;
		left: 50%;
		top: 590px;
		width: 33px;
		height: 66px;
		margin: 0px 0 0 119px;
	}
	.top-about-ill10 img {
		width: 33px;
		height: auto;
	}
	.top-information-title img {
		width: 148px;
	}
	.top-information-txt {
		width: 240px;
		padding: 20px 0 20px 0;
		font-size: 13px;
		line-height: 1.6;
	}
	.top-information-btn img {
		width: 145px;
	}
}


/* top-day */
.top-day {
	width: 870px;
	margin: -25px auto 0;
}
.top-day-title {
	text-align: center;
	padding: 0 0 30px 0;
}
.top-day-title img {
	width: 200px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-day {
		width: auto;
		margin: 0 20px;
	}
	.top-day-title {
		padding: 0 0 20px 0;
	}
	.top-day-title img {
		width: 173px;
	}
}

/* top-insta */
.top-insta-title {
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/h_insta_pc.png) no-repeat 0 0;
	width: 870px;
	height: 37px;
	line-height: 37px;
	text-indent: 190px;
	font-weight: normal;
	margin: 0 0 25px 0;
}
.top-insta-title span {
	display: none;
}
.top-insta-list {
	width: 910px;
	zoom: 1;
	margin: 0 -42px 50px 0;
	overflow: hidden;
	min-height: 140px;
}
.top-insta-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.top-insta-list li {
	float: left;
	width: 140px;
	height: 140px;
	background: #CCC;
	margin: 0 42px 0 0;
	position: relative;
	overflow: hidden;
}
.top-insta-list li a:hover span {
	opacity: 1;
}
.top-insta-list li span {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	color: #FFF;
	vertical-align: middle;
	display: table;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.top-insta-list li span em {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding: 0 15px;
}
@media screen and (max-width: 767px) {
	.top-insta-title {
		background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/h_insta_sp.png) no-repeat center top;
		background-size: 695px auto;
		width: auto;
		height: auto;
		line-height: inherit;
		text-indent: 0;
		margin: 0 0 15px 0;
		padding: 55px 0 0 0;
		text-align: center;
	}
	.top-insta-title span {
		display: none;
	}
	.top-insta-list {
		width: auto;
		margin: 0 0 10px 0;
	}
	.top-insta-list li {
		float: left;
		width: 47%;
		height: auto;
		margin: 0 0 20px 0;
	}
	.top-insta-list li:nth-child(even) {
		float: right;
	}
	.top-insta-list li:nth-child(5) {
		display: none;
	}
	.top-insta-list li img {
		width: 100%;
		height: auto;
	}
	.top-insta-list li span {
		display: none;
	}
}

/* top-blog */
.top-blog-title {
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/h_blog_pc.png) no-repeat 0 0;
	width: 870px;
	height: 37px;
	line-height: 37px;
	text-indent: 140px;
	font-weight: normal;
	margin: 0 0 25px 0;
}
.top-blog-title span {
	display: none;
}
.top-blog-row {
	zoom: 1;
}
.top-blog-row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.top-blog-col {
	zoom: 1;
	background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_blog.png) no-repeat 0 0;
	width: 368px;
	height: 112px;
	padding: 25px;
	font-size: 105%;
	display: block;
}
.top-blog-col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.top-blog-col-l {
	float: left;
}
.top-blog-col-r {
	float: right;
}
.top-blog-col-img {
	width: 165px;
	height: 110px;
	float: left;
	margin: 0 20px 0 0;
}
.top-blog-col-img img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.top-blog-col-title {
	padding: 0 0 10px 0;
}
.top-blog-col-title img {
	height: 25px;
	width: auto;
}
.top-blog-col-date {
	font-weight: bold;
	position: relative;
	left: 6px;
}
.top-blog-col-txt {
	position: relative;
	left: 6px;
}
@media screen and (max-width: 767px) {
	.top-blog {
	}
	.top-blog-title {
		background: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/h_blog_sp.png) no-repeat center top;
		background-size: 695px auto;
		width: 100%;
		height: auto;
		line-height: inherit;
		text-indent: 0;
		margin: 0 0 15px 0;
		padding: 55px 0 0 0;
		text-align: center;
	}
	.top-blog-col {
		zoom: 1;
		background-image: url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_blog_r_sp.png), url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_blog_l_sp.png), url(http://recruit.isapo-group.com/wp-content/uploads/2025/02/bg_blog_c_sp.png);
		background-size: 15px auto, 15px auto, 60px auto;
		background-position: right top, left top, left top;
		background-repeat: no-repeat, no-repeat, repeat-x;
		width: auto;
		margin: 0 0 10px 0;
		height: 93px;
		padding: 20px;
		font-size: 12px;
	}
	.top-blog-col-l {
		float: none;
	}
	.top-blog-col-r {
		float: none;
	}
	.top-blog-col-img {
		width: 120px;
		height: 90px;
		float: left;
		margin: 0 10px 0 0;
	}
	.top-blog-col-title {
		padding: 0 0 10px 0;
	}
	.top-blog-col-title img {
		height: 21px;
		width: auto;
	}
}


/* fade表示 */
.is-fadein {
  opacity: 0;
	-webkit-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.is-fadein-show {
	-webkit-transition: opacity .7s ease-out .3s, -webkit-transform .7s ease-out .3s;
	transition: opacity .7s ease-out .3s, transform .7s ease-out .3s;
  opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}