@charset "UTF-8";


/*--------------------------------------------------------------
#recruit-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#recruit-area {
		margin: 0 5% 50px 5%;
		padding: 0;
	}
	
	.message-top {
		margin: 0 0 6.66vw 0;
		padding: 20px 20px 0 0;
		position: relative;
	}
	
	.message-top img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.message-top h3 {
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 2px;
		line-height: 1.5;
		position: absolute;
		top: 0;
		right: 3%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		z-index: 1;
		display: inline;
		background-color: #FFF;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
	
	.human-area {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.human-area div:first-child {
		margin: 0;
		padding: 0 5%;
		width: auto;
		box-sizing: border-box;
	}
	
	.human-area div:first-child h4 {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		line-height: 1.6;
		color: #6FA88E;
		text-align: center;
	}
	
	.human-area div:last-child {
		margin: 30px 0;
		padding: 0 10%;
		width: auto;
	}
	
	.human-area div:last-child img {
		border-radius: 1.66vw;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#recruit-area {
		margin: 0 5% 6.66vw 5%;
		padding: 0;
	}
	
	.message-top {
		margin: 0 0 6.66vw 3%;
		padding: 0 30% 0 0;
		position: relative;
	}
	
	.message-top img {
		border-radius: 1.66vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.message-top h3 {
		margin: 0;
		padding: 0;
		font-size: 2.33vw;
		font-weight: 600;
		letter-spacing: 0.33vw;
		line-height: 1.8;
		position: absolute;
		top: 0;
		right: 8%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.human-area {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	.human-area div:first-child {
		margin: 0;
		padding: 0 10%;
		width: 70%;
		box-sizing: border-box;
	}
	
	.human-area div:first-child h4 {
		margin: 0 0 1.66vw 0;
		padding: 0;
		font-size: 2.33vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		line-height: 1.8;
		color: #6FA88E;
		text-align: left;
	}
	
	.human-area div:last-child {
		margin: 0;
		padding: 0;
		width: 30%;
	}
	
	.human-area div:last-child img {
		border-radius: 1.66vw;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
#summary-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#summary-area {
		margin: 0 0 8.33vw 0;
		padding: 30px 5% 30px 5%;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 10px;
	}
	
	#summary-area h3 {
		margin: 0;
		padding: 0 0 20px 0;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 2px;
		text-align: center;
	}
	
	#summary-area .inner {
		margin: 0 0 30px 0;
		padding: 20px 15px ;
		background: #FFF;
		border-radius: 10px;
		box-shadow: 0px 0 1.66vw rgba(0,0,0,0.05);
	}
	
	#summary-area .inner dl {
		margin: 0 auto;
		padding: 20px 0;
		width: auto;
		border-bottom: 1px solid #DDDDDD;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	#summary-area .inner dt {
		margin: 0;
		padding: 0;
		width: 35%;
		text-align: center;
		color: #6FA88E;
	}
	
	#summary-area .inner dd {
		margin: 0;
		padding: 0;
		width: 65%;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#summary-area {
		margin: 0 2% 8.33vw 2%;
		padding: 4.16vw 10% 6.66vw 10%;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 1.66vw;
	}
	
	#summary-area h3 {
		margin: 0;
		padding: 0 0 2.5vw 0;
		font-size: 2.33vw;
		font-weight: 600;
		letter-spacing: 0.16;
		text-align: center;
	}
	
	#summary-area .inner {
		margin: 0 0 5.83vw 0;
		padding: 6.25vw 0;
		background: #FFF;
		border-radius: 1.66vw;
		box-shadow: 0px 0 1.66vw rgba(0,0,0,0.05);
	}
	
	#summary-area .inner dl {
		margin: 0 auto;
		padding: 1.66vw 0;
		width: 64.1vw;
		border-bottom: 1px solid #DDDDDD;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		font-size: 1.41vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	#summary-area .inner dt {
		margin: 0;
		padding: 0;
		width: 30%;
		text-align: center;
	}
	
	#summary-area .inner dd {
		margin: 0;
		padding: 0;
		width: 70%;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
.welfare-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.welfare-area {
		margin: 0;
		padding: 0;
	}
	
	.welfare-area h3 {
		font-size: 17px;
		font-weight: 600;
		line-height: 2;
		letter-spacing: 0.33vw;
		text-align: center;
	}
	
	.welfare-area h3 span {
		margin: 0.41vw 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 11px;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: center;
	}
	
	.welfare-area ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	
	.welfare-area ul li {
		margin: 0 0.83vw 1.66vw 0.83vw;
		padding: 1.66vw 2.5vw;
		color: #FFF;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		background: #89BFA7;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.welfare-area {
		margin: 0;
		padding: 0 0 0 20%;
		position: relative;
	}
	
	.welfare-area h3 {
		font-size: 2.33vw;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 2;
		letter-spacing: 0.33vw;
		position: absolute;
		top: 0;
		left: 5%;
		text-align: left;
	}
	
	.welfare-area h3 span {
		margin: 0.41vw 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 1.08vw;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: left;
	}
	
	.welfare-area ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	
	.welfare-area ul li {
		margin: 0 0.83vw 1.66vw 0.83vw;
		padding: 1.66vw 2.5vw;
		color: #FFF;
		font-size: 1.5vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		background: #89BFA7;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}


/*--------------------------------------------------------------
#entry-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.middle-image {
		margin: 0 0 6.66vw 0;
		padding: 0;
	}
	
	.middle-image img {
		border-radius: 0;
	}
	
	#entry-area {
		margin: 0 8% 40px 8%;
		padding: 0;
	}
	
	#entry-area h3 {
		font-size: 18px;
		font-weight: 600;
		line-height: 2;
		letter-spacing: 0.33vw;
		text-align: center;
		margin:  0 0 35px 0;
	}
	
	#entry-area h3 span {
		margin: 0.41vw 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 11px;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: center;
	}
	
	#entry-area dl {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#entry-area dt {
		margin: 0;
		padding: 0;
		width: 30%;
		position: relative;
	}
	
	#entry-area dt span {
		margin: 0;
		padding: 5px 10px;
		color: #6FA88E;
		font-size: 13px;
		font-weight: 500;
		border: 1px solid #6FA88E;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#entry-area dd {
		margin: 0;
		padding: 0 0 30px 30px;
		border-left: 1px solid #6FA88E;
		width: 70%;
	}
	
	#entry-area dd.end {
		padding: 0 0 0 30px;
	}
	
	#entry-area dd span {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		display: block;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.middle-image {
		margin: 0 15% 6.66vw 15%;
		padding: 0;
	}
	
	.middle-image img {
		border-radius: 1.66vw;
	}
	
	#entry-area {
		margin: 0 15% 5.83vw 15%;
		padding: 0 15% 0 0;
		position: relative;
	}
	
	#entry-area h3 {
		font-size: 2.33vw;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 2;
		letter-spacing: 0.33vw;
		position: absolute;
		top: 0;
		right: 5%;
		text-align: left;
		margin: 0;
	}
	
	#entry-area h3 span {
		margin: 0.41vw 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 1.08vw;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: left;
	}
	
	#entry-area dl {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#entry-area dt {
		margin: 0;
		padding: 0;
		width: 20%;
		position: relative;
	}
	
	#entry-area dt span {
		margin: 0;
		padding: 0.25vw 0.41vw;
		color: #6FA88E;
		font-size: 1.66vw;
		font-weight: 500;
		border: 1px solid #6FA88E;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#entry-area dd {
		margin: 0;
		padding: 0 0 2.5vw 3.33vw;
		border-left: 1px solid #6FA88E;
		width: 80%;
	}
	
	#entry-area dd.end {
		padding: 0 0 0 3.33vw;
	}
	
	#entry-area dd span {
		margin: 0 0 0.83vw 0;
		padding: 0;
		font-size: 2.08vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		display: block;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
#form_bt
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#form_bt {
		margin: 0 5%;
		padding: 40px 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 10px;
		text-align: center;
	}
	
	#form_bt .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		padding: 20px 0;
		width: 80%;
		text-align: center;
		outline: none;  
		transition: ease .2s;
		background: #6FA88E;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 2px;
		border-radius: 10px;
	}
	
	.btn div {
		position: relative;
		z-index: 3;
		color:#fff;
	}
	
	.btn:hover div{
		color:#fff;
	}
	
	.bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}

	.bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
	#form_bt .material-symbols-outlined {
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24;
		font-size: 15px;;
		color: #FFF;
		position: absolute;
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		z-index: 3;
	}

	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#form_bt {
		margin: 0 10%;
		padding: 4.16vw 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		border-radius: 1.66vw;
		text-align: center;
	}
	
	#form_bt .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		padding: 1.66vw 0;
		width: 41.66vw;
		text-align: center;
		outline: none;  
		transition: ease .2s;
		background: #6FA88E;
		font-size: 1.83vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		border-radius: 0.83vw;
	}
	
	.btn div {
		position: relative;
		z-index: 3;
		color:#fff;
	}
	
	.btn:hover div{
		color:#fff;
	}
	
	.bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}

	.bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
	#form_bt .material-symbols-outlined {
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24;
		font-size: 2.5vw;
		color: #FFF;
		position: absolute;
		top: 50%;
		right: 0.83vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		z-index: 3;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}