@charset "utf-8";

.single-recruit .page-flex.flex .box *{
	max-width: 100%;
}

/*初期化・設定等*/
input[type="text"] ,textarea,select {
  -webkit-appearance: none;
  font-size: 14px !important;
}

/**/

.formbox {
	padding: 0;
	margin: 20px auto 0;
	border-radius: 10px;
}
.formbox .wpcf7-list-item {
	margin: 0;
}
.formbox label {
	display: flex;
	justify-content: left;
	gap: 5px 10px;
}


/*radio*/
.formbox .wpcf7-radio {
	display: block;
	text-align: left;
}
.formbox .wpcf7-radio span {
	display:block;
	margin: 0;
}
.formbox .wpcf7-radio input {
	width: auto;
	margin: 0;
}

/*birthday*/
.formbox .birthday {
	display:flex;
	justify-content: left;
	margin: 0;
	max-width: unset !important;
}
.formbox .birthday * {
	max-width:fit-content;
}
.formbox .birthday .e_txt {
	display: flex;
	gap: 10px;
	margin: 0 10px 0 0;
	max-width: fit-content !important;
}
.formbox .birthday .e_txt p {
	max-width: fit-content !important;
	margin: 0;
	align-items: center;
}
.formbox .birthday .e_txt input {
}

.formbox .birthday .e_txt input {
	width: 100px;
}
.formbox .birthday .e_txt span,
.formbox .birthday .e_txt select {
	max-width: fit-content !important;
	margin: 0;
}

/*address*/
.formbox .forminbox {
	margin: 0;
	width: 100%;
}
.formbox .forminbox .e_txt {
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
	flex-wrap: wrap;
}
.formbox .forminbox .e_txt p:first-child {
	width: var(--flex-20);
	margin: 0;
}
.formbox .forminbox .e_txt p {
	/* max-width: max-content; */
	margin: 0;
	width: var(--flex-75);
	box-sizing: border-box;
}
.formbox .forminbox .e_txt input {
	width: 100%;
}
/**/


/**/
.contact-tel {
	background: var(--lightgray);
	padding: 30px 50px;
	margin: 0 0 50px;
	width:100%;
	display:block;
	box-sizing: border-box;
	text-align: center;
}
.contact-tel a{
	font-family: 'Roboto';
	font-size: var(--font-h3);
	cursor: pointer;
}
.contact-tel em{
	font-style: normal;
	font-size: var(--font-em);
	letter-spacing: 1px;
	display:block;
}
.required {
	color: var(--red-3);
}

/**/

article {
	padding: 0;
	margin: 20px 0 0;
}
article dl{
	display: block;
	flex-wrap: wrap;
	align-items: inherit;
	/* border-bottom: 1px solid var(--opa-white02); */
	padding: 0;
	margin: 0;
}
article .column-block {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}
article .column-block p {
	width: 100% !important;
}
article .column-block-title {
	width: 250px;
}
article dt{
	display: flex;
	width: var(--flex-100);
	margin: 0 0 10px;
	justify-content: left;
	font-weight: 600;
	align-items: center;
	padding: 0;
	box-sizing: border-box;
}
article dt p {
	margin: 0 !important;
	font-size: var(--font-h5);
	font-family: var(--mn);
}
article dd{
	padding: 0;
	display: flex;
	align-items: center;
	width: var(--flex-100);
	justify-content: space-between;
}
article dd.block {
	display: block;
}
article dd.block p {
	margin: 0;
	display: block;
	width: auto;
}
article dd.block .flex {
	justify-content: left;
	margin: 0 0 15px;
	gap: 10px;
}

article dd p {
	display: flex;
	width: 100%;
	font-size: var(--font-h6);
	font-family: var(--mn);
}

article dd p span {
	font-size: inherit;
	margin: 0;
	text-align: left;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 15px;
	right: 0;
}
.wpcf7-form-control-wrap {
	margin: 0;
	width: 100%;
}
select {
	padding: 20px 100px 20px 20px;
	border: 1px solid var(--gray);
	box-sizing: border-box;
	background: var(--lightgray);
	font-size: var(--font-h6);
	width: 100%;
	margin: 0 0 20px;
}
input,select{
	width: 100%;
	padding: 17px;
	border: 1px solid var(--opa-white02);
	box-sizing: border-box;
	background: none;
	border-radius: 2px;
	color: var(--white);
	font-size: inherit;
}

select option {
	color:var(--black);
}

/*人数*/
input.ninzu {
	width: 150px;
}
article dd.block p.ninzu-pos {
	
width: 150px;
}
/**/
/*郵便番号*/
input.yubin {
	
width: 200px;
}
/**/
/*チェックボックス*/
.checkbox label {
	display: flex;
	width: 100%;
}
.checkbox .wpcf7-list-item {
	display:block;
	margin: 0 0 5px;
}
.checkbox label input {
	width: 20px;
	margin: 0 10px 0 0;
	padding: 9px;
}
/**/

/*注意事項*/
.careful {
	padding: 20px;
	background: rgba(206, 6, 0, 0.05);
	border: 1px solid rgba(206, 6, 0, 0.5);
	margin: 20px 0 0;
	border-radius: 5px;
}
.careful p {
	font-size: var(--font-em);
	letter-spacing: 0;
	line-height: 1.6;
}
/**/

textarea {
	width:100%;
	padding: 25px;
	border: 1px solid var(--opa-white02);
	box-sizing: border-box;
	color: var(--white);
	background: none;
	line-height: var(--lh-md);
}

/**/
article.pr {
	border: none;
	margin: 0;
	padding: 0;
}
.wpcf7-acceptance {
	margin: 0 0 0 0px !important;
}
article.pr dd {
	width: 100%;
}
article.pr input {
	width: auto;
	padding: 12px;
	margin: 0 !important;
	border: 1px solid var(--gray);
}
/**/
.approval {
	text-align: center !important;
	border-top: 1px solid var(--opa-white02);
	padding: 20px 0 0;
	margin: 0 0 30px !important;
}
.approval dd {
	width: 100%;
	justify-content: center;
}
.approval span {margin: auto;}
.approval input {
	margin:0 10px 0 0;
	width: 15px !important;
	padding: 10px;
}
.approval span label {
	display: flex;
	padding: 0;
	box-sizing: border-box;
	border-radius: 3px;
	gap: 10px;
	max-width: 600px;
	width: 100%;
}
.approval .wpcf7-acceptance {
	margin: 0 !important;
}
.submitArea {
	margin: 50px 0;
}
.submit-button {
	font-size:inherit;
	max-width: 360px !important;
	margin: auto;
	position: relative;
	/* border-bottom: 1px solid var( --opa-white02); */
	line-height: inherit;
	height: 62px !important;
	background: var(--red);
}
.submit-button:before {
    content: "";
    position: absolute;
    right: 3%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    font-size: 10px;
    background: url(../../../assets/images/common/arrow_w.svg) no-repeat;
    width: 13px;
    height: 13px;
    color: #fff;
}
input[type="submit"] {
	width: 100% !important;
	display: flex !important;
	text-align: center;
	margin: auto;
	color: var(--white);
	/* border: none; */
	font-size: var(--font-h4);
	font-family: var(--gs);
	justify-content: center;
	letter-spacing: 1px;
	cursor: pointer;
	background: var(--red);
	border: none;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    color: var(--important);
    border-color: 2px solid var(--important) !important;) !important;) !important;) !important;) !important; !important; !important; !important;
    padding: 12px 12px 15px;
    background: var(--white);
}

.contact-step {
	margin: 0 0 30px;
}
.contact-step ul{
	display: flex;
	justify-content: center;
	counter-reset: number 0;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0 auto 50px;
	padding: 30px 0 !important;
	position: relative;
	background: none !important;
}
.contact-step ul:before {
	content:"";
	background: var(--gray);
	width: 62%;
	position: absolute;
	top: 50px;
	height: 2px;
	margin: auto;
}
.contact-step li{
	list-style-type: none;
	counter-increment: number 1; 
	content: counter(number) " ";
	width: 33%;
	text-align: center;
	position: relative;
}
.contact-step li::marker {
	display:none;
	content: none;
}
.contact-step li p{
	padding: 10px 0 0;
}
.contact-step li:before{
	content: counter(number) " ";
	width: 40px;
	height: 40px;
	background: var(--gray);
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-family: var(--raleway);
	line-height: 0.5;
	font-size: var(--font-h4);
}
.contact-step li.active:before {
	background: var(--aqua);
	color: var(--white);
}
.contact-step li.active p {
	color:var(--aqua);
}

.wpcf7 .wpcf7-submit:disabled {background: none;}

@media screen and (min-width: 600px) {
.contact-tel {
}
.contact-tel a{
	font-family: 'Roboto';
	font-size: var(--font-h3);
	margin: 0 20px 0 0;
	cursor: pointer;
}
.contact-tel em{
	font-style: normal;
	font-size: var(--font-em);
	letter-spacing: 1px;
}

.required {
	color: var(--red-3);
}

/**/


article {
}
article dl{
	display: flex;
	justify-content: space-between;
	padding: 0 0 20px;
}
article .column-block {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}
article .column-block p {
	width: 100% !important;
}
article .column-block-title {
	width: 250px;
}

article dd.block {
}
article dd.block p {
	margin: 0;
	display: block;
	width: auto;
}
article dd.block .flex {
	justify-content: left;
	margin: 0 0 15px;
	gap: 10px;
}

article dd p span {
	font-size: inherit;
	text-align: center;
}

select {
}

/*人数*/
input.ninzu {
	width: 150px;
}
article dd.block p.ninzu-pos {
	
width: 150px;
}
/**/
/*郵便番号*/
input.yubin {
	
width: 200px;
}
/**/
/*チェックボックス*/
.checkbox label {
	display: flex;
	width: 100%;
}
.checkbox .wpcf7-list-item {
	display:block;
	margin: 0 0 5px;
}
.checkbox label input {
	width: 20px;
	margin: 0 10px 0 0;
}
/**/

/*注意事項*/
.careful {
	padding: 20px;
	background: rgba(206, 6, 0, 0.05);
	border: 1px solid rgba(206, 6, 0, 0.5);
	margin: 20px 0 0;
	border-radius: 5px;
}
.careful p {
	font-size: var(--font-em);
	letter-spacing: 0;
	line-height: 1.6;
}
/**/

/**/
article.pr {
}

article.pr input {


}
/**/
.approval {
}
.approval dd {
	width: 100%;
	justify-content: center;
}
.approval input {
}

.submitArea {
	margin: 50px 0 0;
}

}
@media screen and (min-width: 1024px) {
	.formbox {
		padding: 0;
	}	
.contact-tel {
	background: var(--lightgray);
	padding: 30px 50px;
	max-width: fit-content;
}
.contact-tel a{
	font-family: 'Roboto';
	font-size: var(--font-h3);
	margin: 0 20px 0 0;
	cursor: pointer;
}
.contact-tel em{
	font-style: normal;
	font-size: var(--font-em);
	letter-spacing: 1px;
	display: inline;
}

.required {
	color: var(--red-3);
}

.formbox .wpcf7-radio {
	display:flex;
	gap: 12px;
}	

/**/

article {
	margin: 0;
}

article .column-block {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}
article .column-block p {
	width: 100% !important;
}
article .column-block-title {
	width: 250px;
}
article dt{
	width: var(--flex-25);
	/* background: none; */
	align-items: center;
	padding: 0;
}
article dd{
	display: flex;
	align-items: center;
	width: var(--flex-75);
}
article dd.block {
}
article dd.block p {
	margin: 0;
	display: block;
	width: auto;
}
article dd.block .flex {
	justify-content: left;
	margin: 0 0 15px;
	gap: 10px;
}

article dd p span {
	font-size: inherit;
}

.wpcf7-form-control-wrap {
}
select {
}

/*人数*/
input.ninzu {
	width: 150px;
}
article dd.block p.ninzu-pos {
	
width: 150px;
}
/**/
/*郵便番号*/
input.yubin {
	
width: 200px;
}
/**/
/*チェックボックス*/
.checkbox label {
	display: flex;
	width: 100%;
}
.checkbox .wpcf7-list-item {
	display:block;
	margin: 0 0 5px;
}
.checkbox label input {
	width: 20px;
	margin: 0 10px 0 0;
}
/**/

/*注意事項*/
.careful {
	padding: 20px;
	background: rgba(206, 6, 0, 0.05);
	border: 1px solid rgba(206, 6, 0, 0.5);
	margin: 20px 0 0;
	border-radius: 5px;
}
.careful p {
	font-size: var(--font-em);
	letter-spacing: 0;
	line-height: 1.6;
}
/**/

/**/
article.pr {
}
article.pr dd {
}
article.pr input {
}
/**/
.approval {
}
.approval dd {
	width: 100%;
	justify-content: center;
}

.approval input {
}


input[type="submit"] {max-width: 600px;}
}
@media screen and (min-width: 1400px) {
.contact-tel {
	background: var(--beige);
	padding: 30px 50px;
	max-width: fit-content !important;
	margin: 0 !important;
	border-radius: 10px;
}
.contact-tel a{
	font-family: 'Roboto';
	font-size: var(--font-h3);
	margin: 0 20px 0 0;
	cursor: pointer;
}
.contact-tel em{
	font-style: normal;
	font-size: var(--font-em);
	letter-spacing: 1px;
}

.required {
	color: var(--red) !important;
}

/**/

p {
}
article dl{
	display: flex;
	flex-wrap: wrap;
	align-items: inherit;
	justify-content: space-around;
	padding: 15px 0;
}
article .column-block {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}
article .column-block p {
	width: 100% !important;
}
article .column-block-title {
	width: 250px;
}
article dt{
	display: flex;
	width: var(--flex-20);
	margin: -1% 5% 0 0;
	justify-content: space-between;
	font-weight: 600;
	align-items: center;
}

article dd.block {
	display: block;
}
article dd.block p {
	margin: 0;
	display: block;
	width: auto;
}
article dd.block .flex {
	justify-content: left;
	margin: 0 0 15px;
	gap: 10px;
}

article dd p span {
	font-size: inherit;
}
	
span.wpcf7-not-valid-tip {
	text-align: left;
}

select {
}

/*人数*/
input.ninzu {
	width: 150px;
}
article dd.block p.ninzu-pos {
	
width: 150px;
}
/**/
/*郵便番号*/
input.yubin {
	
width: 200px;
}
/**/
/*チェックボックス*/
.checkbox label {
	display: flex;
	width: 100%;
}
.checkbox .wpcf7-list-item {
	display:block;
	margin: 0 0 5px;
}
.checkbox label input {
	width: 20px;
	margin: 0 10px 0 0;
}
/**/

/*注意事項*/
.careful {
	padding: 20px;
	background: rgba(206, 6, 0, 0.05);
	border: 1px solid rgba(206, 6, 0, 0.5);
	margin: 20px 0 0;
	border-radius: 5px;
}
.careful p {
	font-size: var(--font-em);
	letter-spacing: 0;
	line-height: 1.6;
}
/**/

/**/
article.pr {
}

article.pr input {
}
/**/
.approval {
}
.approval dd {
	width: 100%;
	justify-content: left;
	text-align: left;
}


}