@charset "UTF-8";
/* CSS Document */
body.entry,
body.client.thanks{
	min-height: 100vh;
	padding-bottom: 75px;
	background-color: #f5f5f5;
	position: relative;
}

.entry main {
	padding-top: 56px;
}
.entry header {
	height: 56px;
	padding: 16px 40px;
	position: absolute;
}
.entry .logo__header {
	height: 21px;
	margin: 0;
}
.entry footer {
	width: 100%;
	padding: 32px 0;
	background-color: #f5f5f5;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.entry .copyright {
	margin: 0;
}

/*---------------------------/
//form-top
/---------------------------*/
.entry__form__head {
	width: 448px;
	margin-bottom: 32px;
	text-align: center;
	position: relative;
}
.entry__form__head__text {
	display: inline-block;
	margin: 0 0 16px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.step__wrap {
	display: flex;
	width: 204px;
	height: 14px;
	margin: 0 auto;
	padding: 0 12px;
	background-color: #E6E6E6;
	border-radius: 17px;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
[class*="step__text-"] {
	font-family: 'Gotham', sans-serif;
	color: #B3B3B3;
	position: relative;
	z-index: 1;
}
.active-step1 .step__text-1, .active-step2 .step__text-2, .active-step3 .step__text-3, .active-step4 .step__text-4 {
	color: #fff;
}
.step__wrap::after {
	content: '';
	width: 51px;
	height: 14px;
	border-radius: 14px;
	background-color: #D85041;
	position: absolute;
	top:0;
	transition: left 0.2s ease-out;
}
.step__wrap.active-step1::after {
	left: 0;
}
.step__wrap.active-step2::after {
	left: 51px;
}
.step__wrap.active-step3::after {
	left: 102px;
}
.step__wrap.active-step4::after {
	left: 153px;
}
.form__img {
	height: 58px;
	position: absolute;
	top: 4px;
	right: 0
}
.entry__form__content {
	display: flex;
	width: 448px;
	height: 372px;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.form__wrap {
	display: flex;
	height: 292px;
	margin: 0;
	position: absolute;
	transition: 0.2s;
}
.form__wrap.active-step1 {
	top: 0;
	left: 0;
}
.form__wrap.active-step2 {
	top: 0;
	left: calc(-488px - 48px);
}
.form__wrap.active-step3 {
	top: 0;
	left: calc((-488px - 48px)*2);
}
.form__wrap.active-step4 {
	top: 0;
	left: calc((-488px - 48px)*3);
}
[class*="form__wrap-step"] {
	width: 448px;
	min-width: 448px;
	margin-right: 88px;
}
[class*="form__wrap-step"] .form__contents,
[class*="form__wrap-step"] .agree__text{
		display: none;
}
.active-step1 .form__wrap-step1 .form__contents,
.active-step2 .form__wrap-step2 .form__contents,
.active-step3 .form__wrap-step3 .form__contents,
.active-step4 .form__wrap-step4 .form__contents,
.active-step4 .form__wrap-step4 .agree__text{
	display: block;
}
.form__contents:not(:last-of-type){
	margin-bottom: 20px;
}
.form__wrap-step4 .form__contents:last-of-type {
	margin-bottom: 12px;
}
.form__head {
	display: flex;
	margin-bottom: 8px;
	align-items: center;
}
.form__head::before {
	width: 32px;
	margin-right: 8px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	border-radius: 3px;
}
.form__head.required::before {
	content: '必須';
	background-color: #D85041;
}
.form__head.optional::before {
	content: '任意';
	background-color: #B3B3B3;
}
.form__caption {
	margin-right: 8px;
	font-size: 1.4em;
	font-weight: bold;
}
.form__check {
	font-family: 'Gotham', sans-serif;
	font-weight: bold;
	color: #E6E6E6;
	transition: 0.2s;
}
.form__check__icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background-color: #E6E6E6;
	color: #ccc;
	font-size: 1.2em;
	text-align: center;
	line-height: 16px;
	border-radius: 8px;
	transition: 0.2s;
}
.form__contents.active .form__check, .form__contents.active-nocount .form__check {
	color: #A7D129;
}
.form__contents.active .form__check__icon, .form__contents.active-nocount .form__check__icon {
	color: #fff;
	background-color: #A7D129;
}
.form__wrap input:not([type="radio"]), .form__wrap input:not([type="checkbox"]), .form__wrap input + .wpcf7-list-item-label, .form__wrap select{
	display: flex;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #E6E6E6;
	background-color: #fff;
	border-radius: 4px;
	font-size: 1.3em;
	font-weight: 500;
	align-items: center;
	cursor: pointer;
}
.wpcf7-list-item input[type="checkbox"]{
	display: none;
}
.form__wrap select option:first-of-type{
color: #596266;
}
.form__wrap input:not([type="radio"]), .form__wrap input:not([type="checkbox"]), .form__wrap select {
	width: 100%;
	cursor: pointer;
}
.form__wrap input[type="text"], .form__wrap input[type="tel"], .form__wrap input[type="email"] {
	cursor: text;
}
.form__wrap select {
	line-height: 48px;
}
.form__wrap input[type="radio"], .form__wrap input[type="checkbox"] {
	display: none;
}
.input__group .select__wrap, .form__wrap input + .wpcf7-list-item-label {
	width: 220px;
	margin: 0 8px 8px 0;
}
.form__wrap input + .wpcf7-list-item-label {
	display: inline-flex;
	padding: 0 6px;
	align-items: center;
	position: relative;
}
.form__wrap input[type="checkbox"] + .wpcf7-list-item-label {
	width: 144px;
	margin: 0 8px 8px 0;
}
.form__wrap input + .wpcf7-list-item-label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	text-align: center;
	border: 1px solid #E6E6E6;
	border-radius: 8px;
}
.form__wrap .input__radio{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form__wrap .input__radio + .wpcf7-list-item-label{
	width: 100%;
	margin-right: 12px;
}
.form__wrap input[type="checkbox"] + .wpcf7-list-item-label::before {
	border-radius: 2px;
}
.form__wrap input[type="radio"]:checked + .wpcf7-list-item-label::before {
content: '●';
	color: #D85041;
}
.form__wrap input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	content: '\e902';
	font-family: 'icon';
	width: 16px;
	font-size: 12px;
	text-align: center;
	color: #D85041;
	position: absolute;
	left: 6px;
}
.input__group .select__wrap:last-of-type, .form__wrap .wpcf7-list-item:nth-of-type(2n) input[type="radio"] + .wpcf7-list-item-label {
	margin-right: 0;
}
.input__group .select__wrap, .form__wrap .wpcf7-list-item:nth-last-child(-n+ 2) input[type="radio"] + .wpcf7-list-item-label, .form__wrap .wpcf7-list-item:nth-last-child(-n+ 3) input[type="checkbox"] + .wpcf7-list-item-label {
	margin-bottom: 0;
}
.input__group {
	display: flex;
}
.select__wrap {
	position: relative;
	align-items: center;
}
.select__wrap::after {
	content: '\e903';
	font-family: 'icon';
	position: absolute;
	top: calc(50% - 0.5em);
	right: 12px;
	;
}
.work__link{
	display: flex;
	width: 220px;
	align-items: center;
	justify-content: center;
}
.work__link a{
	font-size: 1.4em;
}
.work__link a span{
	text-decoration: underline;
}

.button__wrap-step2, .button__wrap-step3 {
	display: none;
}
.button__wrap {
	margin: auto 0 0 0;
	overflow: visible;
}
[class*="button__wrap-step"] {
	display: none;
	position: relative;
}
.active-step1 .button__wrap-step1, .active-step2 .button__wrap-step2, .active-step3 .button__wrap-step3, .active-step4 .button__wrap-step4 {
	display: flex;
	justify-content: center;
	align-items: center;
}
[class*="button-step"], .button-submit {
	opacity: 0.5;
	pointer-events: none;
	border-radius: 4px;
}
[class*="button-step"].tonext, .button-submit.tonext, .tonext button {
	cursor: pointer;
	opacity: 1;
	pointer-events: auto;
}
[class*="button-step"].tonext:hover, .tonext:hover button {
	transform: translateY(0);
}
[class*="button__back-step"] {
	font-size: 1.3em;
	position: absolute;
	left: 42px;
	cursor: pointer;
}
[class*="button__back-step"]::before {
	content: '\e904';
	font-family: 'icon';
	margin-right: 8px;
	color: #D85041;
}
.agree__text {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.6;
}
.agree__link {
	color: #D85041;
	text-decoration: underline;
}
.error-text {
	margin-left: auto;
	color: #D85041;
}
.form__contents.error input {
	border-color: #D85041;
}
.type_red.is-active{
	opacity: 0.5!important;
	pointer-events: none!important;
	cursor: not-allowed!important;
}
.type_red.is-active::before{
	content: '';
	display: flex;
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-image: url('../img/loading.png');
	background-size: contain;
	justify-content: center;
	z-index: 99;
	transform: rotate(359deg);
	animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
/***************
entry
***************/
.entry .wrap {
	display: flex;
	margin-top: 32px;
}
.entry__img {
	width: 440px;
	margin: auto 48px auto 0;
}
.entry__img img {
	width: 100%;
}
.entry .entry__form__wrap {
	width: 536px;
	height: 570px;
	background-color: #fff;
	box-shadow: 0 3px 20px rgba(35, 61, 76, 0.08);
}
/***************
thank
***************/
.thank__wrap {
	display: block;
	width: 100%;
	margin: 40px auto;
	padding: 112px 40px 80px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 20px rgba(35, 61, 76, 0.08);
	text-align: center;
}
.thank__caption {
	margin-bottom: 20px;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: 0.06em;
}
.thank__text {
	margin-bottom: 40px;
	font-size: 1.6em;
	line-height: 2;
}
.under_text {
	margin: 24px 0 48px;
	font-size: 1.1em;
	color: #7A878C;
}
.back__top {
	font-size: 1.2em;
	font-weight: bold;
	transition: 0.4s;
}
.back__top.dec_arrow::after {
	margin-left: 8px;
	position: static;
	color: #D85041;
}
.back__top:hover {
	color: #D85041;
}
@media screen and (min-width:769px) {
	.form__wrap .wpcf7-list-item:nth-of-type(3n) input[type="checkbox"] + .wpcf7-list-item-label {
		margin-right: 0;
	}
}
@media screen and (max-width:769px) {
	[class*="button__wrap-step"] .btn1 {
		width: 221px;
	}
	[class*="button__back-step"] {
		left: 0;
	}
	.entry header {
		height: 60px;
		padding: 10px 20px;
	}
	body.thank,
.thank footer{
	background-color: #fff;
}
	.entry .wrap {
		margin: 32px 20px 0;
	}
	.entry .entry__form__wrap {
		width: 100%;
		height: auto;
		min-width: 335px;
		margin: 0 auto;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
		justify-content: flex-start;
		overflow: visible;
	}
	.entry__form__head {
		width: 100%;
		height: auto;
		margin-bottom: 36px;
	}
	.entry__form__wrap .wpcf7{
		overflow: hidden;
	}
	.entry__form__head__text {
		margin: 0 0 24px;
		font-size: 2em;
		letter-spacing: 0;
	}
	.step__wrap {
		width: 248px;
		height: 16px;
		padding: 0 18px;
	}
	.step__wrap::after {
		width: 62px;
		height: 16px;
	}
	.step__wrap.active-step2::after {
		left: 62px;
	}
	.step__wrap.active-step3::after {
		left: 124px;
	}
	.step__wrap.active-step4::after {
		left: 186px;
	}
	.entry__form__content, [class*="form__wrap-step"] {
		width: calc(100vw - 40px);
		min-width: calc(100vw - 40px);
	}
	[class*="form__wrap-step"] {
		margin-right: 48px;
	}
	.form__wrap {
		display: flex;
		height: 317px;
	}
	.form__wrap.active-step2 {
		top: 0;
		left: calc((-100vw + 40px) - 48px);
	}
	.form__wrap.active-step3 {
		top: 0;
		left: calc(((-100vw + 40px) - 48px)*2);
	}
	.form__wrap.active-step4 {
		top: 0;
		left: calc(((-100vw + 40px) - 48px)*3);
	}
	.form__head::before {
		width: 28px;
		line-height: 16px;
	}
	.form__check {
		display: flex;
		align-items: center;
	}
	.form__check__icon {
		width: 17px;
		height: 17px;
		font-size: 1.3em;
		line-height: 17px;
		border-radius: 9px;
	}
	.form__wrap input::-webkit-input-placeholder{
		padding-top: 0.25em;
}
	.form__wrap input:not([type="radio"]), .form__wrap input:not([type="checkbox"]), .form__wrap input + .wpcf7-list-item-label, .form__wrap select ,.form__wrap .work__link{
		height: 32px;
	}
	.input__group .select__wrap, .form__wrap input + .wpcf7-list-item-label, .form__wrap input[type="checkbox"] + .wpcf7-list-item-label , .form__wrap .wpcf7-form-control-wrap.work{
		width: calc(50% - 6px);
		margin-right: 12px;
	}
	.form__wrap .wpcf7-list-item:nth-child(2n) input[type="checkbox"] + .wpcf7-list-item-label {
		margin-right: 0;
	}
	.form__wrap .input__radio:not(.work) .wpcf7-list-item,
	.form__wrap .work__link{
		width: calc(50% - 6px);
}
.form__wrap input + .wpcf7-list-item-label,
	.form__wrap .wpcf7-form-control-wrap.work .wpcf7-list-item
	{
		width: 100%;
	}
.form__wrap input[type="radio"]:checked + .wpcf7-list-item-label::before {
	display: flex;
	align-items: center;
	line-height: 51px;
	justify-content: center;
}
	.form__contents {
		margin-bottom: 16px;
	}
	.thank .wrap{
		margin-bottom: 48px;
	}
	.thank__wrap{
		height: auto;
		padding: 0;
		box-shadow: none;
	}
	.thank__caption{
		font-size: 2em;
		line-height: 1.6;
			margin-bottom: 16px;
}
	.thank__text {
		font-size: 1.3em;
			line-height: 1.8;
	}
}
@media screen and (max-width:365px) {
	.entry .entry__form__wrap,.entry__form__content, [class*="form__wrap-step"]{
		width: 320px;
		min-width: 0;
	}
		.form__wrap.active-step2 {
		top: 0;
		left: calc(-320px - 48px);
	}
	.form__wrap.active-step3 {
		top: 0;
		left: calc((-320px - 48px)*2);
	}
	.form__wrap.active-step4 {
		top: 0;
		left: calc((-320px - 48px)*3);
	}
	.entry__form__head__text{
		font-size: 1.7em;
	}
	.form__wrap input:not([type="radio"]), .form__wrap input:not([type="checkbox"]), .form__wrap input + .wpcf7-list-item-label, .form__wrap select{
		font-size: 1.2em;
	}
	[class*="button__wrap-step"] .btn1 {
		width: 154px;
		font-size: 1.1em;
}
	.thank__caption {
		font-size: 1.8em;
			margin-bottom: 16px;
}
	.thank__text {
	line-height: 1.8;
}
}



.form__wrap .qualification .wpcf7-list-item:nth-last-child(-n+ 3) input[type="checkbox"] + .wpcf7-list-item-label {
	    margin-bottom: 8px;
}

@media screen and (min-width: 770px){
	.form__wrap .qualification input + .wpcf7-list-item-label{
	    width: 220px;
	    margin: 0 8px 8px 0;
	}

	.form__wrap .qualification .wpcf7-list-item:nth-of-type(2n) input[type="checkbox"] + .wpcf7-list-item-label {
	    margin-right: 0;
	}
	.form__wrap .qualification .wpcf7-list-item:nth-of-type(odd) input[type="checkbox"] + .wpcf7-list-item-label {
	    margin-right: 8px !important;
	}
}


@media screen and (max-width: 769px){
	.entry__form__content {
	    height: 420px;
	}
	.form__wrap {
	    display: flex;
	    height: 350px;
	}
}
.btn1 {
	width: 240px;
	height: 48px;
}
.btn2 {
	width: 280px;
	height: 48px;
}




.entry__form__wrap{
    /*padding: 30px;*/
    border-style: solid;
    border-color: #999;
    border-width: 1px 0;
    margin: 30px auto;
    padding: 30px 0;
}

.entry__form__head {
    margin: 0 auto 20px;
}

.entry__form__content {
    margin: auto;
}

.entry__form__head {
    line-height: 1.4;
}
.entry__form__head__text {
    margin: 0 0 8px;
}
.entry__form__head__text span{
    color: #D85041;
}

.entry__form__head__caption {
    margin: 0 0 16px;
    font-size: 12px;
}


.form__contents:not(:last-of-type) {
    margin-bottom: 15px;
}

.form__wrap input:not([type="radio"]), .form__wrap input:not([type="checkbox"]), .form__wrap input + .wpcf7-list-item-label, .form__wrap select {
    height: 32px;
}

.form__wrap select {
    line-height: 32px;
}
.entry__form__content {
    height: 300px;
}

.type_line {
	background-color: #00BF00;
	color: #fff;
	text-indent: -6px;
	transition: 0.4s ease-out;
	box-shadow: 0 4px 6px rgba(0, 191, 0, 0.3);
	white-space: nowrap;
}
.type_line .line-icon{
	margin-right: 6px;
	width: 24px;
	fill:#fff; 
}


@media screen and (max-width: 769px){
	.entry__form__content {
	    height: 310px;
	    margin: 0;
	}

	.thank__caption span.show_sp{
	    display: inline-block;
	}

}


[class*="btn"] {
    display: flex;
    margin: 0 auto;
    line-height: 48px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
}

.entry__form__head__text span.highlighter{
    color: initial;
    background:linear-gradient(transparent 60%, #ff6 60%);
}