@charset "utf-8";

/*============================================================*/
/* Recruit
/*============================================================*/

	.recruit table ul {
		margin-left:1em;
	}
	.recruit-div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		max-width: 800px;
		margin: auto;
	}
	.recruit-div-reverse {
		flex-direction: row-reverse;
	}
	.recruit-div .recruit-img {
		width: 48%;
	}
	.recruit-div .recruit-img img {
		width: 100%;
		height: auto;
		border-radius: 50%;
	}
	.recruit-div .recruit-message {
		width: 48%;
		text-align: left;
		padding:0 1.5em;
	}
	.recruit-div .recruit-msg-center {
		text-align: center;
	}
	.recruit-go-entry {
		width: 100%;
		max-width: 800px;
		margin: auto;
		text-align: center;
	}
	.recruit-contact-link {
		width: 100%;
		max-width: 320px;
		display: flex;
		justify-content: space-between;
		margin: auto;
	}
	.recruit-contact {
		margin: 2.5em auto;
	}
	.recruit-go-link a {
		cursor: pointer;
		display: block;
		width: 100%;
		color: #333;
		text-decoration: none;
	}
	.recruit-go-link {
		width: 28%;
		margin: 1.5em auto;
	}
	.recruit-go-link img {
		width: 100%;
		height: auto;
	}
	.recruit-go-link > div {
		font-size: 0.75em;
	}
	.recruit-contact-title {
	    color: #2f3c7f;
	    font-weight: bold;
	    text-align: center;
	    font-size: 1.5em;
	}
	.mystyle-sapporo .recruit-contact-title {
		color: #333;
	}
	@media screen and (max-width: 768px) {
		.recruit-div,
		.recruit-div-reverse {
			justify-content: center;
			flex-direction: column;
		}
		.recruit-div .recruit-img {
			width: 75%;
			margin: auto;
		}
		.recruit-div .recruit-message {
			width: 100%;
		}
		.recruit-contact-link {
			max-width: 240px;
		}
	}