@charset "UTF-8";

/* page-entry エントリー
------------------------------*/

.sec_entry ._ttl-note {
	font-size: 18px;
	text-align: center;
}

/* 新卒用 */
.nwe_grad {
	padding-bottom: 60px;
}

.nwe_grad ._ttl {
	padding-bottom: 40px;
	text-align: center;
}

.nwe_grad .mynv {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px 30px;
	flex-wrap: wrap;
}

.nwe_grad .mynv li {
	width: 100%;
	max-width: 250px;
}

@media all and (max-width: 600px) {
	.nwe_grad {
		padding-bottom: 40px;
	}

	.nwe_grad ._ttl {
		padding-bottom: 20px;
	}
}




/* フォーム部分 */
.sec_entry .entry_form {
	width: 100%;
	padding-top: 70px;
}

@media all and (max-width: 600px) {
	.sec_entry .entry_form {
		padding-top: 40px;
	}
}

.sec_entry .entry_form tr {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 35px 0;
	position: relative;
}

.sec_entry .entry_form tr:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-size: 5px 1px;
	background-image: linear-gradient(to right, #707070, #707070 2px, transparent 2px, transparent 5px);
	background-repeat: repeat-x;
	position: absolute;
	top: -1px;
	left: 0;
}

.sec_entry .entry_form tr:last-of-type:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-size: 5px 1px;
	background-image: linear-gradient(to right, #707070, #707070 2px, transparent 2px, transparent 5px);
	background-repeat: repeat-x;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.sec_entry .entry_form tr.tr_parent {
	padding: 35px 0 0;
}

.sec_entry .entry_form tr.tr_child {
	padding: 15px 0 0px;
}

.sec_entry .entry_form tr.tr_child.last {
	padding: 15px 0 35px;
}

.sec_entry .entry_form tr.tr_child:before {
	content: none;
}

.sec_entry .entry_form tr.tr_child .required span {
	opacity: 0;
}

.sec_entry .entry_form th {
	width: 300px;
	padding-top: 5px;
	font-size: 20px;
}

.sec_entry .entry_form .required {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-weight: 700;
	font-size: 20px;
}

.sec_entry .entry_form .ninni {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 62px 1fr;
	font-weight: 700;
	font-size: 20px;
}

.sec_entry .entry_form .hide {
	visibility: hidden;
}

@media all and (max-width: 600px) {
	.sec_entry .entry_form th {
		font-size: 17px;
	}

	.sec_entry .entry_form .required {
		font-size: 17px;
	}

	.sec_entry .entry_form .required.hide {
		display: none;
	}

	.sec_entry .entry_form .ninni {
		font-size: 17px;
	}
}

.sec_entry .entry_form .required span {
	display: block;
	width: 55px;
	padding: 0 10px 3px;
	margin-top: 0;
	margin-right: 7px;
	background-color: #D02D85;
	font-weight: 700;
	text-align: center;
}

.sec_entry .entry_form .required span:before {
	content: "必須";
	color: #fff;
	font-size: 16px;
}

@media all and (max-width: 600px) {
	.sec_entry .entry_form .required span:before {
		font-size: 15px;
	}
}

.sec_entry .entry_form td {
	width: calc(100% - 300px);
	font-size: 20px;
}

@media all and (max-width: 600px) {
	.sec_entry .entry_form td {
		font-size: 17px;
	}
}

.sec_entry .entry_form td.flex_area p {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.sec_entry .entry_form td.flex_area span {
	width: 48%;
}

.sec_entry .entry_form td.flex_area span.error {
	width: 50%;
}

@media all and (max-width: 900px) {
	.sec_entry .entry_form td.flex_area span {
		width: 100%;
	}

	.sec_entry .entry_form td.flex_area span:last-of-type {
		margin-top: 20px;
	}
}

.sec_entry .entry_form .wpcf7-list-item {
	margin: 0;
}

.sec_entry .entry_form span.wpcf7-list-item-label {
	padding-left: 35px;
	font-weight: 700;
	position: relative;
}

.sec_entry .entry_form span.wpcf7-list-item-label:before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #A3D1FF;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-44%);
}

.sec_entry .entry_form span.wpcf7-list-item-label:after {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	display: none;
	border-radius: 50%;
	background-color: #2B71C0;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-40%);
}

.sec_entry .entry_form span.wpcf7-list-item-label.on_check:after {
	display: block;
}

.sec_entry .entry_form input::placeholder,
.sec_entry .entry_form textarea::placeholder {
	color: #C3C3C3;
}

.sec_entry .entry_form input,
.sec_entry .entry_form textarea,
.sec_entry .entry_form select {
	width: 100%;
	padding: 4px;
	padding-left: 7px;
	font-size: 20px;
	border: 1px solid #707070;
	border-radius: 2px;
}

.sec_entry input::placeholder,
.sec_entry textarea::placeholder,
.sec_entry select::placeholder {
	font-weight: 700;
}

.sec_entry input[type=checkbox] {
	margin: auto 10px auto 2px;
	transform: scale(1.2);
	cursor: pointer;
}

.sec_entry input[type=radio] {
	width: 25px;
	margin: 0;
	opacity: 0;
}

.sec_entry .entry_form td label {
	cursor: pointer;
}

.sec_entry textarea {
	vertical-align: bottom;
	width: 100%;
}

.sec_entry fieldset {
	border: none;
}

.sec_entry legend {
	display: none;
}

@media all and (max-width: 900px) {
	.sec_entry .entry_form tr {
		padding-top: 20px;
	}

	.sec_entry .entry_form tr:last-of-type {
		border-bottom: none;
	}

	.sec_entry .entry_form tr:last-of-type td {
		margin: 10px 0 0;
	}

	.sec_entry .entry_form tr.tr_parent {
		padding: 20px 0 0;
	}

	.sec_entry .entry_form tr.tr_parent td.flex_area span:last-of-type {
		margin-top: 0px;
	}

	.sec_entry .entry_form tr.tr_child {
		padding: 15px 0 0px;
	}

	.sec_entry .entry_form tr.tr_child.last {
		padding: 15px 0 35px;
	}

	.sec_entry .entry_form tr.tr_child:before {
		content: none;
	}

	.sec_entry .entry_form tr.tr_child td {
		margin: 0;
	}

	.sec_entry .entry_form tr.tr_child .required span {
		opacity: 0;
	}

	.sec_entry .entry_form tr.tr_child td.flex_area span:last-of-type {
		margin-top: 0px;
	}

	.sec_entry .entry_form th {
		width: 100%;
	}

	.sec_entry .entry_form .required {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.sec_entry .entry_form .required span {
		padding: 4px 0;
		margin-left: 0px;
	}

	.sec_entry .entry_form td {
		width: 100%;
		margin: 20px 0 0;
	}
}

@media all and (max-width: 600px) {

	.sec_entry .entry_form input,
	.sec_entry .entry_form textarea,
	.sec_entry .entry_form select {
		font-size: 14px;
	}
}

.sec_entry .entry_form span.wpcf7-not-valid-tip {
	color: #D02D85;
}



/* ====== 確認画面 ====== */
.wpcf7cp-form-hide {
	display: none;
}

div#wpcf7cpcnf {
	padding-top: 70px;
	position: static !important;
	z-index: inherit;
}

@media screen and (max-width:600px) {
	div#wpcf7cpcnf {
		padding-top: 40px;
	}
}

div#wpcf7cpcnf table {
	width: 100%;
}

div#wpcf7cpcnf tr {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 35px 0;
	position: relative;
}

div#wpcf7cpcnf tr::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-size: 5px 1px;
	background-image: linear-gradient(to right, #707070, #707070 2px, transparent 2px, transparent 5px);
	background-repeat: repeat-x;
	position: absolute;
	top: -1px;
	left: 0;
}

div#wpcf7cpcnf tr:last-of-type::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-size: 5px 1px;
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 5px);
	background-repeat: repeat-x;
	position: absolute;
	bottom: -1px;
	left: 0;
}

div#wpcf7cpcnf th {
	width: 300px;
	padding-top: 5px;
	font-size: 20px;
}

div#wpcf7cpcnf th p {
	text-align: left;
}

div#wpcf7cpcnf td {
	width: calc(100% - 300px);
	font-size: 20px;
}

div#wpcf7cpcnf td p {
	text-align: left;
}

@media all and (max-width: 600px) {
	div#wpcf7cpcnf tr {
		padding: 20px 0;
	}

	div#wpcf7cpcnf tr:last-of-type {
		border-bottom: none;
	}

	div#wpcf7cpcnf tr td {
		margin: 10px 0 0;
	}

	div#wpcf7cpcnf th {
		width: 100%;
		font-size: 17px;
	}

	div#wpcf7cpcnf td {
		width: 100%;
		font-size: 20px;
	}
}



/* ====== 送信完了 ====== */
.sec_entry {
	margin-bottom: 140px;
}

@media screen and (max-width:600px) {
	.sec_entry {
		margin-bottom: 80px;
	}
}



/*====== 送信ボタン ======*/
.sec_entry .btn_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 75px;
}

@media screen and (max-width:900px) {
	.sec_entry .btn_wrap {
		padding-top: 0px;
	}
}

.sec_entry .btn_wrap .use_btn {
	width: 300px;
	padding: 11px 6px 14px;
	margin: 0 20px;
	font-weight: 700;
	transition: 0.2s ease-in-out;
	position: relative;
	pointer-events: none;
}

@media screen and (max-width:415px) {
	.sec_entry .btn_wrap .use_btn {
		width: 200px;
	}
}

.sec_entry .btn_wrap .use_btn:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/common/icon_arrow_h2.svg) no-repeat center/contain;
	position: absolute;
	top: 20%;
	right: 10%;
	left: auto;
	margin: auto;
	transform: rotate(90deg);
	transition: 0.2s ease-in-out;
	opacity: 1;
	z-index: 10;
}

.sec_entry .btn_wrap .use_btn:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/common/icon_arrow_h.svg) no-repeat center/contain;
	position: absolute;
	top: 20%;
	right: 10%;
	left: auto;
	margin: auto;
	transform: rotate(90deg);
	transition: 0.2s ease-in-out;
	opacity: 0;
}

.sec_entry .btn_wrap .use_btn input {
	display: block;
	max-width: 270px;
	width: 100%;
	padding: 6px;
	background-color: #FFDE26;
	border: none;
	border-radius: 50px;
	text-align: center;
	position: relative;
	color: #2B71C0;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	cursor: pointer;
	pointer-events: auto;
	transition: 0.2s ease-in-out;
}

@media all and (min-width: 1024px) {
	.sec_entry .btn_wrap .use_btn input:hover {
		background-color: #2B71C0;
		color: #FFDE26;
	}

	.sec_entry .btn_wrap .use_btn:hover:before {
		opacity: 0;
	}

	.sec_entry .btn_wrap .use_btn:hover:after {
		opacity: 1;
	}
}

@media screen and (max-width:600px) {
	.sec_entry .btn_wrap .use_btn input {
		margin-top: 30px;
		font-size: 14px;
	}

	.sec_entry .btn_wrap .use_btn:before {
		top: 38%;
		right: 10%;
	}

	.sec_entry .btn_wrap .use_btn:after {
		top: 38%;
		right: 10%;
	}
}

/*====== 修正or送信ボタン ======*/
.sec_entry #wpcf7cpcnf .wpcf7cp-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 75px;
	margin: 0;
}

.sec_entry #wpcf7cpcnf .wpcf7cp-btns button {
	display: block;
	max-width: 270px;
	width: 100%;
	padding: 6px;
	margin: 30px 20px 0;
	background-color: #FFDE26;
	border: none;
	border-radius: 50px;
	text-align: center;
	position: relative;
	color: #2B71C0;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}

.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/common/icon_arrow_h2.svg) no-repeat center/contain;
	position: absolute;
	top: 20%;
	right: 4%;
	left: auto;
	margin: auto;
	transform: rotate(90deg);
	transition: 0.2s ease-in-out;
	opacity: 1;
	z-index: 10;
}

.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/common/icon_arrow_h.svg) no-repeat center/contain;
	position: absolute;
	top: 20%;
	right: 4%;
	left: auto;
	margin: auto;
	transform: rotate(90deg);
	transition: 0.2s ease-in-out;
	opacity: 0;
	z-index: 10;
}

@media all and (min-width: 1024px) {
	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:hover {
		background-color: #2B71C0;
		color: #FFDE26;
	}

	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:hover:before {
		opacity: 0;
	}

	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:hover:after {
		opacity: 1;
	}
}

@media screen and (max-width:900px) {
	.sec_entry .wpcf7cp-btns {
		padding: 0;
		margin: 0;
		flex-direction: column;
	}

	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button {
		margin: 30px 20px 0;
	}
}

@media screen and (max-width:600px) {
	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button {
		font-size: 14px;
	}

	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:before {
		top: 14%;
		right: 5px;
	}

	.sec_entry #wpcf7cpcnf .wpcf7cp-btns button:after {
		top: 14%;
		right: 5px;
	}
}