@charset "utf-8";
/*
Theme Name: 採用サイト エントリー（確認画面） ｜3eee Group
Theme URI: http://work.3eee.co.jp/
Description: 3eeeグループで働こう！｜高齢者の介護や、福祉の仕事は3eeeで！
Author: 3eee
Version: 1.0
License: 3eee
License URI: license.txt
Tags: 
*/

* {
	font-family: 'Hind', sans-serif !important;
}


/*　スマホ
----------------------------------------*/
@media screen and (max-width: 767px) {
	dl.pri,
	.pcn {
		display: none !important;
	}

	.spn {
		display: block !important;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	/*	margin: 50px 0 0 0;*/
		margin: 0;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 70%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.sld {
		z-index:3;
		width: 100%;
	/*	display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}
	/*-----------  entry  -------------*/
	dl {
	/*	max-width: 100vw;
		float: left;*/
		width: 98%;
		margin: 0 auto;
		padding: 20px 0 15px;
	}

	dt {
		font-size: 10pt;
		box-sizing: border-box;
	/*	width: 190px;*/
		padding: 5px 16px 5px 1em;
		background-color: #00C3C3;
		color: #fff;
		display: flex;
		align-items: center;
		margin: 0 15px;

	}

	dt:after {
		display: table;
		clear: both;
		content: '';
	}

	dl > dt span {
		box-sizing: border-box;
		display: block;
		width: calc(38% - (2.5em + 10px));
		float: left;
		letter-spacing: 2px;
		font-size: 10pt;
	}

	dl > dt span + span {
		box-sizing: border-box;
		width: calc(2.5em);
		padding-left: 8px;
		line-height: 1.4;
		overflow-wrap: break-word !important;
	}

	span.req {
		background-color: #66dad9;
		text-align: center;
		width: 3.5em;
		margin: 0 0 10px;
		font-size: 10pt;
	}

	dl > dd {
		font-size: 10pt;
		box-sizing: border-box;
		width: 97%;
		margin-left: 0;
		padding: 5px 0 0 26px;
		display: block;
	}

	dl > dd label {
		font-size: 10pt;
	}

	textarea {
			resize: none;
	}

/*	input[type="submit"],
	input[type="button"],
	button {
		background-color: #0071BD;
		color: #fff;
		font-size: 14px;
		letter-spacing: 1em;
		text-indent: 1em;
		text-align: center;
		width: 150px;
		display: block;
		margin: 0 auto;
		padding: 10px 0;
		font-weight: bold;
		transition: opacity 0.5s ease-out;
		border: none;
		cursor: pointer;
		outline: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all	0.3s ease;
	}

	input[type="submit"]:hover,
	input[type="button"]:hover,
	button:hover {
		background:#1f95e4;
	}
*/
	select {
		width: 100%;
		cursor: pointer;
		border: none;
		padding: 0;
/*		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;*/
		line-height: normal;
		border-radius: 0;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	.entry_area {
		padding: 60px 0 0;
		width: 100%;
		margin: 0 auto;
	}

	.entry_area .desc {
		text-align: center;
		margin-bottom: 50px;
	}

	.entry_area .tip {
		font-size: 10pt;
		text-align: center;
		line-height: 1.8em;
		margin-bottom: 30px;
		letter-spacing: 2px;
	}

	.entry_area .tip a {
		color: #E73828;
		text-decoration: underline;
	}


	.entry_area .tip2 {
		display: none;
	}

	.entry_area form {
		color: #4D4D4D;
	}

	.entry_area form .block {
		position: relative;
		padding: 15px 0 10px;
		zoom: 1;
	}

/*	.entry_area form .block span {
		font-size: 10pt;
		position: relative;
		padding: 20px 0;
		zoom: 1;
	}
*/

	.entry_area form .block:not(:last-child) {
/*		border-top: 1px solid #ccc;*/
	}

	.entry_area form .block:after {
		content: "";
		display: block;
		clear: both;
	}

	.entry_area form .block label.txt {
		background-color: #00C3C3;
		color: #fff;
		font-size: 12pt;
		letter-spacing: 2px;
		text-indent: 1.2em;
		width: calc(100% - (2.5em + 10px));
		display: block;
		padding: 10px 0;
		font-weight: bold;
		transition: opacity 0.5s ease-out;
		margin: 0 10px 0 0;
		height: 2.25rem;
	}

	.entry_area form .block label.txt span {
		display: inline-block !important;
		padding: 2px 5px;
		background-color: #fff;
		color: #00C3C3;
		font-size: 12pt;
		font-weight: normal;
		line-height: normal;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 2px;
		margin: 0 auto 0 5px;
		transition: opacity 0.5s ease-out;
	}


	.entry_area form .block label.radio {
		display: inline-block;
		padding-top: 10px;
		margin-right: 30px;
	}

	.entry_area form .block label.radio input {
		margin-right: 10px;
	}

	.entry_area form .block div {
		width: 540px;
		float: right;
		font-size: 12pt;
		display: flex;
		align-items: center;
	}

	.entry_area form .block div p {
		padding-top: 0px;
		margin-bottom: 20px;
		font-weight: bold;
	}

	.entry_area form .block input[type=text] {
		background-color: #F2F2F2;
		border: none;
		font-size: 10pt;
		width: 100%;
		padding: 12px 0px;
	}

	.entry_area form .block select {
		background-color: #F2F2F2;
		border: none;
		font-size: 10pt;
		width: 100%;
		padding: 12px 10px;
	}

	.entry_area form .block textarea {
		background-color: #F2F2F2;
		border: none;
		font-size: 10pt;
		width: 100%;
		height: 300px;
		padding: 5px 0px;
	}

	.entry_area form p#submit {
		width: 90%;
		display: flex;
		margin: 0 auto;
		padding: 0;
		gap: 10px;
	}

	.entry_area form .block .example {
		position: absolute;
		background-color: #0071BD;
		color: #fff;
		line-height: 1.4em;
		padding: 5px;
		top: 10px;
		right: 5px;
	}

	.entry_area form .block .example::before {
		content: "";
		position: absolute;
		left: -20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 50px 20px 0;
		border-color: transparent #0071BD transparent transparent;
		z-index: -1;
	}

	.btn-submit {
	/*送信ボタン用*/
		display: block;
		background:url(../img/confirm_btn.png) no-repeat center #000;
		margin: 40px auto 0px;
		background-size: 50%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-back{
	/*戻るボタン用*/
		display: block;
		background:url(../img/form_back_btn.png) no-repeat center #666;
		margin: 40px auto 0px;
		background-size: 50%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.thanks_area {
		text-align:center;
		padding:8em 0;
		font-size: 12pt;
		letter-spacing: 2px;
		line-height: 1.6em;
	}

	.form-none {
		display: none;
	}

}


/*　タブレット2
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.pcn,
	p.tip br.spn {
		display: block !important;
	}

	.spn,
	dl.pri {
		display: none !important;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 35%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.pcn {
		z-index:9998;
		width: 100%;
/*		display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	/*-----------  entry  -------------*/
	dl {
		max-width: 100vw;
		width: 100%;
		margin: 0;
	}

	dt {
		font-size: 14pt;
		width: 310px;
		padding: 5px 1.5em;
		background-color: #00C3C3;
		color: #fff;
		display: flex;
		align-items: center;
		letter-spacing: 2px;
	}

	dt:after {
		display: table;
		clear: both;
		content: '';
	}

	dl > dt span {
		box-sizing: border-box;
		display: block;
		width: calc(38% - (2.5em + 10px));
		float: left;
		letter-spacing: 2px;
		font-size: 10pt;
	}

	dl > dt span + span {
		box-sizing: border-box;
		width: calc(2.5em);
		padding-left: 8px;
		line-height: 1.4;
		overflow-wrap: break-word !important;
	}

	span.req {
		background-color: #66dad9;
		text-align: center;
		width: calc(26% - 2em);
		margin: 0 0 0 10px;
		font-size: 10pt;
	}

	dl > dd {
		font-size: 14pt;
		width: calc(100% - 310px);
		margin: 0 0 0 10px;
		display: flex;
		align-items: center;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	.entry_area {
		padding: 100px 0 0;
		width: 94%;
		margin: 0 auto;
	}

	.entry_area .desc {
		text-align: center;
		margin-bottom: 50px;
	}

	.entry_area .tip {
		font-size: 12pt;
		text-align: center;
		line-height: 1.8em;
		margin-bottom: 30px;
		letter-spacing: 2px;
	}

	.entry_area .tip a {
		color: #E73828;
		text-decoration: underline;
	}


	.entry_area .tip2 {
		display: none;
	}

	.entry_area form {
		color: #4D4D4D;
	}

	.entry_area form .block {
		position: relative;
		padding: 5px 0;
		zoom: 1;
		display: flex;
	}


	.entry_area form .block:after {
		content: "";
		display: block;
		clear: both;
	}

	.entry_area form .block div {
		width: 700px;
		float: right;
		font-size: 12pt;
		display: flex;
		align-items: center;
	}

	.entry_area form .block div p {
		padding-top: 0px;
		margin-bottom: 20px;
		font-weight: bold;
	}

	.entry_area form p#submit {
		width: 600px;
		display: flex;
		margin: 0 auto;
		padding: 40px 0 0;
	}

	.entry_area form .block button[type=submit]:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		/* IE lt 8 */
		-ms-filter: "alpha(opacity=50)";
		/* IE 8 */
	}

	.btn-back {
	/*戻るボタン用*/
	/*	display: block;*/
		background:url(../img/form_back_btn.png) no-repeat center #666;
		margin: 0 auto;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-submit {
	/*送信ボタン用*/
	/*	display: block;*/
		background:url(../img/confirm_btn.png) no-repeat center #000;
		margin: 0 auto;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-back:hover,
	.btn-submit:hover {
		opacity: 0.5;
	}

	.thanks_area {
		text-align:center;
		padding:8em 0;
		font-size: 12pt;
		letter-spacing: 2px;
		line-height: 1.6em;
	}

	.form-none {
		display: none;
	}
}


/*　PC
----------------------------------------*/
@media screen and (min-width: 1200px) {
	.pcn {
		display: block;
	}

	.spn,
	dl.pri {
		display: none !important;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 35%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.pcn {
		z-index:9998;
		width: 100%;
/*		display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		z-index:9990;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	/*-----------  entry  -------------*/
	dl {
		max-width: 100vw;
		width: 100%;
		margin: 0;
		padding: 20px 0 15px;
	}

	dt {
		font-size: 14pt;
		width: 310px;
		padding: 5px 1.5em;
		background-color: #00C3C3;
		color: #fff;
		display: flex;
		align-items: center;
		letter-spacing: 2px;
	}

	dt:after {
		display: table;
		clear: both;
		content: '';
	}

	dl > dt span {
		box-sizing: border-box;
		display: block;
		width: calc(38% - (2.5em + 10px));
		float: left;
		letter-spacing: 2px;
		font-size: 12pt;
	}

	dl > dt span + span {
		box-sizing: border-box;
		width: calc(2.5em);
		padding-left: 8px;
		line-height: 1.4;
		overflow-wrap: break-word !important;
	}

	span.req {
		background-color: #66dad9;
		text-align: center;
		width: calc(26% - 2em);
		margin: 0 0 0 10px;
		font-size: 10pt;
	}

	dl > dd {
		font-size: 14pt;
		width: calc(100% - 310px);
		margin: 0 0 0 10px;
		display: flex;
		align-items: center;
	}

	dl > dd label {
		font-size: 14pt;
		display: inline-block;
		padding: 10px 0 5px;
	}

	dl > dd.rad label {
		width: 48.8%;
	}

	textarea {
		resize: none;
	}

	select {
		width: 100%;
		cursor: pointer;
		border: none;
		padding: 0;
		line-height: normal;
		border-radius: 0;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	.entry_area {
		padding: 100px 0 0;
		width: 960px;
		margin: 0 auto;
	}

	.entry_area .desc {
		text-align: center;
		margin-bottom: 50px;
	}

	.entry_area .tip {
		font-size: 12pt;
		text-align: center;
		line-height: 1.8em;
		margin-bottom: 30px;
		letter-spacing: 2px;
	}

	.entry_area .tip a {
		color: #E73828;
		text-decoration: underline;
	}


	.entry_area .tip2 {
		display: none;
	}

	.entry_area form {
		color: #4D4D4D;
	}

	.entry_area form .block {
		position: relative;
		padding: 5px 0;
		zoom: 1;
		display: flex;
	}


	.entry_area form .block:after {
		content: "";
		display: block;
		clear: both;
	}

	.entry_area form .block label.txt {
		background-color: #00C3C3;
		color: #fff;
		font-size: 12pt;
		letter-spacing: 2px;
		text-indent: 1.2em;
		width: calc(100% - (2.5em + 10px));
		display: block;
		padding: 10px 0;
		font-weight: bold;
		transition: opacity 0.5s ease-out;
		margin: 0 10px 0 0;
		height: 2.25rem;
	}

	.entry_area form .block label.txt span {
		display: inline-block !important;
		padding: 2px 5px;
		background-color: #fff;
		color: #00C3C3;
		font-size: 12pt;
		font-weight: normal;
		line-height: normal;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 2px;
		margin: 0 auto 0 5px;
		transition: opacity 0.5s ease-out;
	}


	.entry_area form .block label.radio {
		display: inline-block;
		padding-top: 10px;
		margin-right: 30px;
	}

	.entry_area form .block label.radio input {
		margin-right: 10px;
	}

	.entry_area form .block div {
		width: 700px;
		float: right;
		font-size: 12pt;
		display: flex;
		align-items: center;
	}

	.entry_area form .block div p {
		padding-top: 0px;
		margin-bottom: 20px;
		font-weight: bold;
	}


	.entry_area form p#submit {
		width: 600px;
		display: flex;
		margin: 0 auto;
		padding: 40px 0;
	}


	.entry_area form .block button[type=submit]:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		/* IE lt 8 */
		-ms-filter: "alpha(opacity=50)";
		/* IE 8 */
	}


	.btn-back {
	/*戻るボタン用*/
	/*	display: block;*/
		background:url(../img/form_back_btn.png) no-repeat center #666;
		margin: 0 auto;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-submit {
	/*送信ボタン用*/
	/*	display: block;*/
		background:url(../img/confirm_btn.png) no-repeat center #000;
		margin: 0 auto 30px;
		background-size: 46%;
		width: 260px;
		height:60px;
		text-indent:-9999px;
		overflow:hidden;
		border:none;
		cursor:pointer;
	}

	.btn-back:hover,
	.btn-submit:hover {
		opacity: 0.5;
	}


	.thanks_area {
		text-align:center;
		padding:8em 0;
		font-size: 12pt;
		letter-spacing: 2px;
		line-height: 1.6em;
	}

	.form-none {
		display: none;
	}

}