/*============================
　ファーストビュー 
============================*/
#firstview{
	background: #99c2e2 url(../images/common/bg-dotted.png) repeat center top;
	background-size: 16px auto;
	overflow: hidden;
}
.fv-txt{
	max-width: 670px;
	width: 72%;
	margin: 2em auto 0;
	line-height: 0;
	animation-name: top-fade-scale;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-delay: 1s;
	opacity: 0;
}
.fv-img{
	max-width: 970px;
	width: 78%;
	margin: 0 auto;
	line-height: 0;
	animation-name: top-fade;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	opacity: 0;
}
.fv-img img{
	position: relative;
	top: 1px;
}
	@media screen and (max-width: 979px) {
		.fv-txt{
			width: 80%;
			margin-top: 4em;
		}
		.fv-img{
			width: 95%;
			margin-top: 2.5em;
		}
	}
@keyframes top-fade-scale {
	0% {opacity: 0; transform: scale(0,0);}
	100% {opacity: 1; transform: scale(1,1);}
}
@keyframes top-fade {
	0% {opacity: 0;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}


.fadein-up{
	opacity : 0;
	transform: translateY(30px);
	transition : all 1.7s;
	-webkit-transition: all 1.7s;
}
.fadein-up.scrollin{
	transform: translateY(0);
	opacity : 1;
}

.fade-scale{
	opacity : 0;
	transform: scale(0,0);
	transition : all .75s;
	-webkit-transition: all .75s;
}
.fade-scale.scrollin{
	transform: scale(1,1);
	opacity : 1;
}
/*============================
 fixed エントリー
============================*/
#entry {
	transition: .5s all;
}
.remove{
	opacity: 0;
}

#entry a{
	position: fixed;
	bottom: .375em;
	right: 1.75em;
	z-index: 5;
	width: 130px;
}
#entry a img{
	border-radius: 50%;
	box-shadow: 0 5px 10px 5px rgba(90, 90, 90, .2);
	transition: .5s all;
}
#entry a:hover img{
	transform: rotate(12deg) scale(1.1);
}

	@media screen and (max-width: 979px) {
		#entry a{
			bottom: 0;
			right: .5em;
			width: 100px;
		}
	}
	@media screen and (max-width: 500px) {
		#entry a{
			width: 78px;
		}
	}

/*============================*/

#page-description{
	position: relative;
	background: #0068b7;
	color: #fff;
	line-height: 2.0;
	padding: 4em 5% 3.25em;
	text-align: center;
	z-index: 1;
}
#page-description:after{
	position: absolute;
	top: 0;
	right:0;
	width: 180px;
	height: 404px;
	background: url(../images/index/bg-triangle.png) no-repeat top left;
	background-size: 100% auto;
	content: "";
}
#page-description:before{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 180px;
	height: 404px;
	background: url(../images/index/bg-triangle.png) no-repeat top left;
	background-size: 100% auto;
	content: "";
	transform: rotate(-180deg);
}

	@media screen and (max-width: 979px) {
		#page-description{
			font-size: 14px;
		}
		#page-description:after,
		#page-description:before{
			width: 100px;
			height: 224px;
		}
	}

.pagename{
	font-family: "M PLUS 1p", sans-serif;
	font-size: 2em;
	font-weight: 500;
	margin-bottom: .5em;
	position: relative;
	z-index: 1;
}
.pagename img{
	max-width: 397px;
	width: 82%;
	display: block;
	margin: 0 auto;
}
.round-job{
	max-width: 618px;
	width: 100%;
	margin: 2.5em auto 0;
	position: relative;
	z-index: 1;
}
.round-job img{
	width: calc(100% / 4);
	padding: 0 .25em;
}

	@media screen and (max-width: 979px) {
		.pagename{
			font-size: 1.75em;
		}
	}


/*============================*/

#job-description{
	padding: 3.5em 5% 2em;
}
.job-item{
	border-top: 1px solid #d1d7df;
}
.job-item:last-child{
	border-bottom: 1px solid #d1d7df;
}
	@media screen and (max-width: 979px) {
		#job-description{
			padding-top: 2.5em;
			padding-bottom: 1.75em;
		}
	}

#job-description .checkbox{
	display: none;
}
#job-description .label{
	display: block;
	padding: 1.25em 1.25em;
	font-size: 1.75em;
	line-height: 1.4;
	position: relative;
}
#job-description .label:before{
	position: absolute;
	top: 1.25em;
	right: 0;
	width: 1em;
	height: 1em;
	content: "＋";
	font-family: "M PLUS 1p", sans-serif;
	color: #b6c0cd;
	font-weight: 900;
}

#job-description .checkbox:checked + .label:before{
	content: "ー";
}
.job-body{
	height: 0;
	opacity: 0;
	padding: 0 2em;
	transition: .2s;
	visibility: hidden;
}
#job-description .checkbox:checked + .label + .job-body{
	height: auto;
	opacity: 1;
	padding-top:.5em;
	padding-bottom: 2em;
	visibility: visible;
}
	@media screen and (max-width: 979px) {
		#job-description .label{
			font-size: 1.375em;
		}
		.job-body{
			padding: 0em;
		}
	}

.label span{
	padding-left: 1em;
}
.label span:before{
	position: absolute;
	top: calc(50% - .125em);
	left: .5em;
	width: .375em;
	height: .375em;
	content: "";
	border-radius: 50%;
}
.icon-vet:before{
	background: #1d538f;
}
.icon-vt:before{
	background: #942530;
}
.icon-trimmer:before{
	background: #c8676b;
}
.icon-trainer:before{
	background: #d09d2d;
}

.dl-job{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #dde1e7;
	border-top: none;
}
.dl-job dt{
	width: 200px;
	padding: 1.5em;
	background: #f1f3f5;
	color: #516884;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 600;
	border-top: 1px solid #dde1e7;
}
.dl-job dd{
	width: calc(100% - 200px);
	padding: 1.5em 2em;
	border-top: 1px solid #dde1e7;
}
	@media screen and (max-width: 736px) {
		.dl-job{
			border: none;
		}
		.dl-job dt{
			width: 100%;
			padding: .25em .5em;
			border-top: none;
		}
		.dl-job dd{
			width: 100%;
			padding: 1.5em;
		}
	}

.msg-thumb{
	margin-top: 1.5em;
	text-align: right;
}
.msg-thumb .name{
	font-size: .875em;
	font-family: "M PLUS 1p", sans-serif;
}
.msg-thumb img{
	max-width: 333px;
	width: 70%;
}

/*============================*/

#job-qanda{
	padding: 3.5em 5% 4.5em;
	background: #e9ecf0 url(../images/common/bg-grid.png) repeat center top;
	background-size: 16px auto;
}
.list-qanda {
	margin-top: 2.5em;
}
.list-qanda li{
	position: relative;
	padding: 2.25em 2.75em;
	max-width: 800px;
	width: 92%;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-top: 2.5em;
}
.list-qanda li:nth-child(odd){
	background: #fff;
}
.list-qanda li:nth-child(even){
	background: #d2e4f2;
	margin-left: auto;
}
.q-tit{
	color: #0068b7;
	font-size: 1.375em;
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: .75em;
}
.q-no{
	color: #91bee0;
	font-size: 4em;
	font-family: "M PLUS 1p", sans-serif;
	line-height: 0;
	font-weight: 300;
	position: absolute;
	top: -2px;
}
	@media screen and (max-width: 979px) {
		.list-qanda li{
			padding: 1.75em 2em;
		}
		.q-no{
			font-size: 3.25em;
		}
	}
	@media screen and (max-width: 736px) {
		.list-qanda li{
			padding: 1.75em 1.5em;
		}
		.q-no{
			font-size: 3em;
		}
	}

.list-qanda li:nth-child(odd) .q-no{
	left: 0;
}
.list-qanda li:nth-child(even) .q-no{
	right: 0;
}

/*============================*/

#job-timetable{
	padding: 3.5em 5% .5em;
	background: #d6e1ec;
}
.list-timetable {
	margin-top: 2.5em;
}
.list-timetable li{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.list-timetable li .time{
	position: relative;
	width: 10em;
	font-size: 1.125em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	color: #1d538f;
	border-right: 4px solid;
	padding: 0 3em 3em 0;
	text-align: right;
}
	.list-timetable li .time:after{
		position: absolute;
		right: -16px;
		top: 0;
		width: 28px;
		height: 28px;
		background: #1d538f;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		content: "";
		z-index: 5;
	}
	.list-timetable li:last-child .time{
		border-right: none;
	}
	.list-timetable li:last-child .time:after{
		right: calc(-16px + 3px);
	}

.list-timetable li .time-body{
	width: calc(90% - 10em);
	position: relative;
}
	.list-timetable li .time-body:before{
		position: absolute;
		left: -10%;
		top: 14px;
		width: 10%;
		height: 2px;
		background: #fff;
		content: "";
	}

.list-timetable li .time-body div.kakumaru{
	position: relative;
	background: #fff;
	padding: 1em 2em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-bottom: 3em;
	top: -.75em;
}
	@media screen and (max-width: 979px) {
		.list-timetable li .time{
			width: 6em;
			border-right: 2px solid;
			padding: 0 2em 3em 0;
			font-size: 14px;
		}

		.list-timetable li .time-body{
			width: calc(92% - 6em);
		}
	}
	@media screen and (max-width: 736px) {
		.list-timetable li .time-body div.kakumaru{
			padding: 1em;
			margin-bottom: 2em;
		}
	}
/*============================*/

#job-education{
	padding: 3.5em 5% 3em;
	background: #b6c9dd;
}
.item-education{
	position: relative;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.75em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.item-education:before{
	position: absolute;
	bottom: -1.25em;
	left: calc(7.5em - 1em);
	width: 2em;
	height: 1.25em;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
}
	.item-education:nth-child(4):before{
		position: static;
		bottom: auto;
		left: auto;
		width: auto;
		height: auto;
		clip-path:none;
	}
.item-education .kikan{
	width: 15em;
	font-family: "M PLUS 1p", sans-serif;
	text-align: center;
}
.item-education .education-body{
	width: calc(100% - 15em);
	background: #fff;
	padding: 1.375em 1em 1.375em 2.5em;
	border-radius: 0 .5em .5em 0;
	-moz-border-radius: 0 .5em .5em 0;
	-webkit-border-radius: 0 .5em .5em 0;
}
	@media screen and (max-width: 979px) {
		.item-education:before{
			left: calc(5.5em - 15px);
		}
		.item-education .kikan{
			width: 10em;
		}
		.item-education .education-body{
			width: calc(100% - 10em);
		}
	}
	@media screen and (max-width: 736px) {
		.item-education{
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.item-education:before{
			left: calc(50% - 15px);
		}
		.item-education .kikan{
			width: 100%;
			padding: .25em 0;
		}
		.item-education .education-body{
			width: 100%;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			padding: 1.5em;
		}
	}


.item-education:nth-child(1),
.item-education:nth-child(1):before{
	background: #d2e4f2;
}
.item-education:nth-child(2),
.item-education:nth-child(2):before{
	background: #90bedf;
}
.item-education:nth-child(3),
.item-education:nth-child(3):before{
	background: #61aada;
}
.item-education:nth-child(4),
.item-education:nth-child(4):before{
	background: #1d538f;
}
.item-education:nth-child(1) .kikan,
.item-education:nth-child(2) .kikan{
	color: #1d538f;
}
.item-education:nth-child(3) .kikan,
.item-education:nth-child(4) .kikan{
	color: #fff;
}
.item-education .list-aomaru li{
	margin-right: 1.75em;
}
	@media screen and (max-width: 736px) {
		.item-education:nth-child(1):before,
		.item-education:nth-child(2):before,
		.item-education:nth-child(3):before,
		.item-education:nth-child(14):before{
			background: #fff;
		}
		.item-education .list-aomaru li{
			margin-right: 1.75em;
		}
	}
/*============================*/

#job-entry{
	padding: 3.5em 5%;
}

.fukidashi{
	font-size: 1.25em;
}
.fukidashi span{
	padding: 0 2em;
	color: #244e8b;
	font-weight: 500;
	position: relative;
}
.fukidashi span:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 1.5em;
	background: #244e8b;
	transform: rotate(-25deg);
	content: "";
}
.fukidashi span:after{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 1.5em;
	background: #244e8b;
	transform: rotate(25deg);
	content: "";
}
a.btn-entry{
	font-size: 1.625em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 600;
	background: #0068b7;
	color: #fff;
	max-width: 620px;
	width: 100%;
	display: inline-block;
	padding: 1em 0;
	margin-top: .5em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	transition: 1s;
}
a.btn-entry:hover{
	background: #61aada;
}
.msg{
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 2.0;
	text-align: center;
	margin-top: 2em;
}
	@media screen and (max-width: 736px) {
		a.btn-entry{
			font-size: 1.5em;
		}
		.msg{
			font-size: 1em;
		}
	}
/*============================*/
#footer-info{
	position: relative;
	padding: 0 5%;
}
.footer-adress{
	width: 50%;
}
.dl-shinryo-info{
	border-top: 1px solid;
	padding-top: .75em;
	margin-top: .5em;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.dl-shinryo-info dt{
	width: 5em;
}
.dl-shinryo-info dd{
	width: calc(100% - 5em);
}

#footer-img{
	margin-top: -8.5em;
	line-height: 0;
}
#footer-img img{
	width: 100%;
	height: auto;
}
	@media screen and (max-width: 979px) {
		#footer-img{
			margin-top: -5em;
		}
	}
	@media screen and (max-width: 736px) {
		#footer-info{
			padding: 2em 10% 0;
			border-top: 1px solid #efefef;
		}
		.footer-adress{
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		.dl-shinryo-info{
			text-align: left;
		}
		#footer-img{
			margin-top:1em;
		}
		#footer-img img{
			width: 100%;
			height: 185px;
			object-fit: cover;
			object-position:100% 0;
		}
	}
/*============================*/
.copy-index{
	background: #6b6f6b;
	border-top: 1px solid #fff;
	color: #fff;
	line-height: 1.0;
}