@media all and (min-width: 641px) {

	/* INDEX */
	body#recruit-index {
		background: url(../images/recruit/index/bg.png) center top 1000px/auto no-repeat;
	}

	body#recruit-index #title {
		height: 900px;
		padding-top: 160px;
		background: url(../images/recruit/index/title.jpg) center bottom/cover no-repeat;
	}

	/* message */
	body#recruit-index #index-message .container-inner {
		width: 100%;
		max-width: none;
		padding: 0;
	}

	body#recruit-index #index-message .imgr-box {
		flex-direction: row;
		justify-content: flex-start;
	}

	body#recruit-index #index-message .imgr-box .image-box {
		width: 40%;
		border-radius: 0 100px 100px 0;
		overflow: hidden;
	}

	body#recruit-index #index-message .imgr-box .image-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	body#recruit-index #index-message .imgr-box .text-box {
		width: 700px;
		margin-right: calc((100% - 1200px) / 2);
		margin-left: auto;
	}

	body#recruit-index #index-message .imgr-box .text-box .text {
		margin-bottom: 50px;
	}

	body#recruit-index #index-message .imgr-box .text-box .name {
		font-size: 2.4rem;
		font-weight: bold;
		text-align: right;
	}

	/* environment */
	body#recruit-index #index-environment .inner {
		width: 100%;
		padding: 60px 0;
		background: #e2f4fd;
		border-top: 1px solid #9fa0a0;
		border-bottom: 1px solid #9fa0a0;
	}

	body#recruit-index #index-environment .environment-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-items: stretch;
		justify-content: space-between;
	}

	body#recruit-index #index-environment .environment-list>li {
		width: 370px;
		padding: 20px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		text-align: center;
		border-radius: 30px;
	}

	body#recruit-index #index-environment .environment-list>li img {
		display: inline-block;
		margin-bottom: 10px;
	}

	body#recruit-index #index-environment .environment-list>li .title {
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 2.4rem;
		font-weight: bold;
		border-bottom: 1px solid #231815;
	}

	body#recruit-index #index-environment .environment-list>li .listmark-disc {
		text-align: left;
	}

	/* faq */
	body#recruit-index #index-faq .tab-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		margin-bottom: 0;
	}

	body#recruit-index #index-faq .tab-list li {
		width: 300px;
		padding: 5px;
		text-align: center;
		font-size: 2.4rem;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease;
		color: #9fa0a0;
		border-bottom: 8px solid #9fa0a0;
	}

	body#recruit-index #index-faq .tab-list li.on,
	body#recruit-index #index-faq .tab-list li:hover {
		color: #595757;
		border-bottom: 8px solid #036eb8;
	}

	body#recruit-index #index-faq .inner {
		padding-top: 70px;
		background: #ffffff;
		border-top: 1px solid #9fa0a0;
		border-bottom: 1px solid #9fa0a0;
	}

	body#recruit-index #index-faq .tab-content .list-box {
		margin-bottom: 50px;
	}

	body#recruit-index #index-faq .tab-content .faq-list {
		position: relative;
		margin-bottom: 100px;
	}

	body#recruit-index #index-faq .tab-content .faq-item {
		position: absolute;
		margin-bottom: 50px;
		background: #fff;
		border-radius: 20px;
		padding: 20px 30px;
		/* box-shadowの代わりにdrop-shadowを使うとしっぽを含めた全体の形に影がつきます */
		-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
		filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
		/* Safariの表示バグ対策 */
		opacity: 0;
		transform: translateZ(0) translateY(16px);
		transition: opacity 0.35s ease, transform 0.35s ease;
	}

	body#recruit-index #index-faq .tab-content .faq-item.is-visible {
		opacity: 1;
		transform: translateZ(0) translateY(0);
	}

	/* 吹き出しのしっぽ（少し左に傾けた三角形） */
	body#recruit-index #index-faq .tab-content .faq-item::before {
		content: "";
		position: absolute;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
	}

	body#recruit-index #index-faq .tab-content .faq-item:nth-child(odd)::before {
		bottom: -20px;
		left: 25%;
		transform: translateX(-50%);
		border-width: 20px 10px 0 20px;
	}

	body#recruit-index #index-faq .tab-content .faq-item:nth-child(even)::before {
		bottom: -20px;
		left: 75%;
		transform: translateX(-50%);
		border-width: 20px 20px 0 10px;
	}

	body#recruit-index #index-faq .tab-content .faq-list dt {
		padding: 20px 0 20px 50px;
		font-weight: bold;
		background: url(../images/recruit/index/icon-q.png) left top 20px no-repeat;
		background-size: 34px auto;
		border-bottom: 1px dashed #898989;
	}

	body#recruit-index #index-faq .tab-content .faq-list dd {
		padding: 20px 0 20px 50px;
		background: url(../images/recruit/index/icon-a.png) left top 20px no-repeat;
		background-size: 34px auto;
	}

	body#recruit-index #index-faq .tab-content .btn-type02 {
		margin-bottom: 70px;
	}

	body#recruit-index #index-faq .tab-content .btn-type02 span {
		display: inline-block;
		font-size: 2.4rem;
		font-weight: bold;
		color: #fff !important;
		background: #036eb8;
		padding: 15px 60px;
		border-radius: 50px;
		text-decoration: none !important;
	}

	body#recruit-index #index-faq .tab-content .btn-type02 span:hover {
		opacity: 0.8;
	}

	/* movie */
	body#recruit-index #index-movie .movie-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	body#recruit-index #index-movie .movie-list .movie-box {
		width: 31%;
		margin-bottom: 50px;
	}

	body#recruit-index #index-movie .movie-list .movie-box p {
		font-weight: bold;
	}

	/* entry */
	body#recruit-index #index-entry .inner {
		background: url(../images/recruit/index/btn-bg.png) center top/auto no-repeat;
		padding: 100px 0;
	}

	body#recruit-index #index-entry {
		margin-bottom: 0;
	}

	body#recruit-index #index-entry .container-inner {
		width: 820px;
		margin: 0 auto;
	}

	body#recruit-index #index-entry .text {
		margin-bottom: 50px;
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
	}

	body#recruit-index #index-entry .btn-entry {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
}

@media only screen and (max-width: 640px) {
	body#recruit-index h2.title-level01 img {
		width: auto;
		height: 40px;
	}

	/* INDEX */
	body#recruit-index {
		background: url(../images/recruit/index/bg.png) center top 400px/100% auto no-repeat;
	}

	body#recruit-index #title {
		height: 400px;
		padding-top: 120px;
		background: url(../images/recruit/index/title_sp.jpg) center bottom/cover no-repeat;
		text-align: center;
	}

	body#recruit-index #title h2.title img {
		width: 90%;
		max-width: 400px;
		height: auto;
	}

	/* message */
	body#recruit-index #index-message .container-inner {
		width: 100%;
		max-width: none;
		padding: 0;
	}

	body#recruit-index #index-message .imgr-box .image-box {
		margin-bottom: 30px;
		margin-right: 20px;
		border-radius: 0 80px 80px 0;
		overflow: hidden;
	}

	body#recruit-index #index-message .imgr-box .image-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	body#recruit-index #index-message .imgr-box .text-box {
		padding: 0 15px;
	}

	body#recruit-index #index-message .imgr-box .text-box .text {
		margin-bottom: 20px;
	}

	body#recruit-index #index-message .imgr-box .text-box .name {
		font-size: 1.6rem;
		font-weight: bold;
		text-align: right;
	}

	/* environment */
	body#recruit-index #index-environment .inner {
		width: 100%;
		padding: 40px 0;
		background: #e2f4fd;
		border-top: 1px solid #9fa0a0;
		border-bottom: 1px solid #9fa0a0;
	}

	body#recruit-index #index-environment .container-inner {
		padding: 0 20px;
	}

	body#recruit-index #index-environment .environment-list>li {
		margin-bottom: 20px;
		padding: 20px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		text-align: center;
		border-radius: 30px;
	}

	body#recruit-index #index-environment .environment-list>li img {
		width: 60%;
		max-width: 200px;
		display: inline-block;
		margin-bottom: 10px;
	}

	body#recruit-index #index-environment .environment-list>li .title {
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 1.8rem;
		font-weight: bold;
		border-bottom: 1px solid #231815;
	}

	body#recruit-index #index-environment .environment-list>li .listmark-disc {
		text-align: left;
	}

	/* faq */
	body#recruit-index #index-faq .tab-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		margin-bottom: 0;
	}

	body#recruit-index #index-faq .tab-list li {
		width: 50%;
		padding: 5px;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.5;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease;
		color: #9fa0a0;
		border-bottom: 8px solid #9fa0a0;
	}

	body#recruit-index #index-faq .tab-list li.on,
	body#recruit-index #index-faq .tab-list li:hover {
		color: #595757;
		border-bottom: 8px solid #036eb8;
	}

	body#recruit-index #index-faq .inner {
		padding: 50px 0;
		background: #ffffff;
		border-top: 1px solid #9fa0a0;
		border-bottom: 1px solid #9fa0a0;
	}

	body#recruit-index #index-faq .tab-content .list-box {
		margin-bottom: 50px;
	}

	body#recruit-index #index-faq .tab-content .faq-list {
		position: relative;
		margin-bottom: 60px;
	}

	body#recruit-index #index-faq .tab-content .faq-item {
		position: absolute;
		margin-bottom: 50px;
		background: #fff;
		border-radius: 20px;
		padding: 15px 20px;
		/* box-shadowの代わりにdrop-shadowを使うとしっぽを含めた全体の形に影がつきます */
		-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
		/* Safariの表示バグ対策 */
		opacity: 0;
		transform: translateZ(0) translateY(16px);
		transition: opacity 0.35s ease, transform 0.35s ease;
	}

	body#recruit-index #index-faq .tab-content .faq-item.is-visible {
		opacity: 1;
		transform: translateZ(0) translateY(0);
	}

	/* 吹き出しのしっぽ（少し左に傾けた三角形） */
	body#recruit-index #index-faq .tab-content .faq-item::before {
		content: "";
		position: absolute;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
	}

	body#recruit-index #index-faq .tab-content .faq-item:nth-child(odd)::before {
		bottom: -20px;
		left: 25%;
		transform: translateX(-50%);
		border-width: 20px 10px 0 20px;
	}

	body#recruit-index #index-faq .tab-content .faq-item:nth-child(even)::before {
		bottom: -20px;
		left: 75%;
		transform: translateX(-50%);
		border-width: 20px 20px 0 10px;
	}

	body#recruit-index #index-faq .tab-content .faq-list dt {
		margin-bottom: 10px;
		padding: 30px 0 10px 0;
		font-weight: bold;
		background: url(../images/recruit/index/icon-q.png) left top no-repeat;
		background-size: 30px auto;
		border-bottom: 1px dashed #898989;
	}

	body#recruit-index #index-faq .tab-content .faq-list dd {
		padding: 30px 0 20px 0;
		background: url(../images/recruit/index/icon-a.png) left top no-repeat;
		background-size: 30px auto;
	}

	body#recruit-index #index-faq .tab-content .btn-type02 span {
		display: inline-block;
		font-size: 1.8rem;
		font-weight: bold;
		color: #fff !important;
		background: #036eb8;
		padding: 15px 40px;
		border-radius: 50px;
		text-decoration: none !important;
	}

	body#recruit-index #index-faq .tab-content .btn-type02 span:hover {
		opacity: 0.8;
	}

	/* movie */
	body#recruit-index #index-movie .movie-list .movie-box {
		margin-bottom: 30px;
	}

	body#recruit-index #index-movie .movie-list .movie {
		margin-bottom: 5px;
	}

	body#recruit-index #index-movie .movie-list .movie-box p {
		font-weight: bold;
	}

	/* entry */
	body#recruit-index #index-entry .inner {
		background: url(../images/recruit/index/btn-bg.png) center top/auto no-repeat;
		padding: 60px 0;
	}

	body#recruit-index #index-entry {
		margin-bottom: 0;
	}

	body#recruit-index #index-entry .text {
		margin-bottom: 50px;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}

	body#recruit-index #index-entry .btn-entry a {
		display: inline-block;
		margin-bottom: 30px;
	}
}